//------------------------------------------------------------------ FILE UPLOAD RESKIN	
	
	function initFileUploads() {
	    $('input[type=file]').after(
	        $('<div></div>').addClass('fakefile').append(
	            $('<input/>').attr('type','text').attr('readonly',true).addClass('input_background')
	        ).append(
	            $('<input/>').attr('type','button').addClass('input_button')
	        )
	    ).addClass('hidden');
	 
	    $('input[type=file]').change(
	        function(){
	            $(this).next().find('input[type=text]').val($(this).val());
	        }
	    );
	}
	 
	$(document).ready(function(){
	    
	});

$(document).ready(function() { 
	

	initFileUploads() //initialisation de l'upload de fichiers 

//------------------------------------------------------------------ MENU POINTER
	
	var menuState = 0;
	
	var timer;
	
	if($('body').attr('id') == 'index' || $('body').attr('id') == 'geologie' || $('body').attr('id') == 'about' || $('title').html() == 'Marbrerie Kaiser SA - formulaire de commande'){
		$('#menuSelection').css('visibility', 'hidden');
		menuPosition = '0px';
	} else if ($('body').attr('id') == 'realisations'){
		$('#menuSelection').css('left', realisationsPos);
		menuPosition = realisationsPos;
	} else if ($('body').attr('id') == 'ceramique'){
		$('#menuSelection').css('left', ceramiquePos);
		menuPosition = ceramiquePos;
	} else if ($('body').attr('id') == 'installations'){
		$('#menuSelection').css('left', installationsPos);
		menuPosition = installationsPos;
	} else if ($('body').attr('id') == 'offre'){
		$('#menuSelection').css('left', offrePos);
		menuPosition = offrePos;
	} else if ($('body').attr('id') == 'offres_speciales'){
		$('#menuSelection').css('left', offresSpecialesPos);
		menuPosition = offresSpecialesPos;
	} else if ($('body').attr('id') == 'contact'){
		$('#menuSelection').css('left', contactPos);
		menuPosition = contactPos;
	};
	
	$('#menuSelection').hover (function () {
		menuState = 1;
							}, function () {
		menuState = 0;
	});
	
	$('#menu li').hover (function () {
		if($('body').attr('id') != 'index'&& $('body').attr('id') != 'geologie' && $('body').attr('id') != 'about' && $('title').html() != 'Marbrerie Kaiser SA - formulaire de commande' ){
			clearInterval(timer);
			if (this.id == 'jsRealisations'){
				$('#menuSelection').animate( {left: realisationsPos}, 200);
			}else if(this.id == 'jsCeramique') {
				$('#menuSelection').animate( {left: ceramiquePos}, 200);
			}else if(this.id == 'jsInstallations') {
				$('#menuSelection').animate( {left: installationsPos}, 200);
			}else if (this.id == 'jsOffre'){
				$('#menuSelection').animate( {left: offrePos}, 200);
			}else if (this.id == 'jsOffresSpeciales'){
				$('#menuSelection').animate( {left: offresSpecialesPos}, 200);		
			}else if (this.id == 'jsContact'){
				$('#menuSelection').animate( {left: contactPos}, 200);
			};
		} else {
			clearInterval(timer);
			$('#menuSelection').css('visibility', 'visible')
			if (this.id == 'jsRealisations'){
				$('#menuSelection').css('left', realisationsPos);
				$('#menuSelection').css('visibility', 'visible');
			}else if(this.id == 'jsCeramique') {
				$('#menuSelection').css('left', ceramiquePos);
				$('#menuSelection').css('visibility', 'visible');
			}else if(this.id == 'jsInstallations') {
				$('#menuSelection').css('left', installationsPos);
				$('#menuSelection').css('visibility', 'visible');
			}else if (this.id == 'jsOffre'){
				$('#menuSelection').css('left', offrePos);
				$('#menuSelection').css('visibility', 'visible');
			}else if (this.id == 'jsOffresSpeciales'){
				$('#menuSelection').css('left', offresSpecialesPos);
				$('#menuSelection').css('visibility', 'visible');		
			}else if (this.id == 'jsContact'){
				$('#menuSelection').css('left', contactPos);
				$('#menuSelection').css('visibility', 'visible');
			};
		};
	}, function () {
		if($('body').attr('id') != 'index'&& $('body').attr('id') != 'geologie' && $('body').attr('id') != 'about' && $('title').html() != 'Marbrerie Kaiser SA - formulaire de commande'){	
			timer = setInterval(function() {	
				if (menuState == 0){
					$('#menuSelection').animate( {left: menuPosition}, 200);
					clearInterval(timer);
				};
			}, 150);
		} else {
			timer = setInterval(function() {	
				if (menuState == 0){	
					$('#menuSelection').css('visibility', 'hidden');
					clearInterval(timer);
				};
			}, 150);
		};
	});
	
	
	
	
	
	
//	$('#menu li')[0].hover(function (){
//			alert(this.id);
//			$('#menuSelection').animate( {left: this.id}, 200);
//	}, function () {
//    		$('#scrollUp').animate( {opacity: arrowsOpacity}, 300);
//  		}
//	);

//------------------------------------------------------------------ HOVER SUR TEXTE
	
	$('#horaire').hover(function() {
		$('#horaire td').animate({
			color: '#555'
			}, 100)
	},
	function() {
		$('#horaire td').animate({		
			color: '#aaa'
		}, 100);
	});
	
	$('#utility a').hover(function() {
		$(this).animate({
			color: '#cc001e'
			}, 150)
	},
	function() {
		$(this).animate({		
			color: '#777'
		}, 150);
	});
	
	/* PARTIE INSTREAL */
	$('#contentInstReal #colGauche li').hover(function() {
		if($(this).attr('class') != 'currentPage'){
			$(this).addClass('mouseOn');
			$('.mouseOn a').animate({
				color: '#cc001e'
			}, 150)
		}
	},
	function() {
		if($(this).attr('class') != 'currentPage'){
			$('.mouseOn a').animate({		/*A VOIR*/
				color: '#777'
			}, 50);
			$(this).removeClass("mouseOn");
		};
	});
	
	
	/* PARTIE CÉRAMIQUE GENERAL */	
	$('#contentCeramique #colGauche li').hover(function() {
		if($(this).attr('class') != 'currentPage'){
			$(this).addClass('mouseOn');
			$('.mouseOn a').animate({
				color: '#cc001e'
			}, 150)
		}
	},
	function() {
		if($(this).attr('class') != 'currentPage'){
			$('.mouseOn a').animate({		/*A VOIR*/
				color: '#777'
			}, 50);
			$(this).removeClass("mouseOn");
		};
	});
	
	

//------------------------------------------------------------------ FANCYBOX
	
//		/* This is basic - uses default settings */
//		
//		$("a#single_image").fancybox();
//		
//		/* Using custom settings */
//		
//		$("a#inline").fancybox({
//			'hideOnContentClick': true
//		});
	
		/* Apply fancybox to multiple items */
		
		$("a.group").fancybox({
			'transitionIn'			:	'fade',
			'transitionOut'			:	'fade',
			'speedIn'				:	600, 
			'speedOut'				:	200, 
			'overlayShow'			:	true,
			'hideOnOverlayClick'	:	true,
			'overlayColor'			:	'#000',
			'overlayOpacity'		:	'0.75',
			'showCloseButton'		:	'true',
			'centerOnScroll'		:	'true'
		});


//------------------------------------------------------------------ GALLERY

	var countLi = $('#contentGallery ul > *').length;								//récupération du nombre de li
	
	var defilState = 1;
	var defilNbr = countLi/4;

	if( countLi < 5 ){																//si moins de 5 images, masquage des flèches de navigation
		$('#scrollUp').css('visibility', 'hidden');
		$('#scrollDown').css('visibility', 'hidden');
	};
	
	$('#scrollUp').css('visibility', 'hidden');
	
	$('#scrollUp').click(function (){ 
		if( defilState > 1){
			$('#contentGallery ul').animate( {top:'+=248px'}, 300);
			defilState--;
			if( defilState == 1 ){
				$('#scrollUp').css('visibility', 'hidden');			
			};
			$('#scrollDown').css('visibility', 'visible');	
		};
	});
	
	$('#scrollDown').click(function (){ 
		if( defilState < defilNbr ){	
			$('#contentGallery ul').animate( {top:'-=248px'}, 300 /*, "linear"*/ );			
			defilState++;
			if( defilState != 1){
				$('#scrollUp').css('visibility', 'visible');
			};
			if (defilState >= defilNbr){
				$('#scrollDown').css('visibility', 'hidden');
			};
		};
	});

	/* hover arrows */
	
	var arrowsOpacity = 0.5;
	
	$('.galleryScroll').animate( {opacity: arrowsOpacity}, 0);
	
	$('#scrollUp').hover(function (){
		$('#scrollUp').animate( {opacity: 1}, 200);
	}, function () {
    		$('#scrollUp').animate( {opacity: arrowsOpacity}, 300);
  		}
	);
	
	$('#scrollDown').hover(function (){
		$('#scrollDown').animate( {opacity: 1}, 200);
	}, function () {
    		$('#scrollDown').animate( {opacity: arrowsOpacity}, 300);
  		}
	);
	

//------------------------------------------------------------------ SLIDER SAMPLES

	var countSampleLi = $('#contentGallery ul > *').length;								//récupération du nombre de li
	
	var defilSampleState = 1;
	var defilSampleNbr = countSampleLi/4;

	if( countSampleLi < 5 ){																//si moins de 5 images, masquage des flèches de navigation
		$('#scrollLeft').css('visibility', 'hidden');
		$('#scrollRight').css('visibility', 'hidden');
	};
	
	$('#scrollLeft').css('visibility', 'hidden');
	
	$('#scrollLeft').click(function (){ 
		if( defilSampleState > 1){
			$('#contentSample ul').animate( {top:'+=248px'}, 300);
			defilSampleState--;
			if( defilSampleState == 1 ){
				$('#scrollLeft').css('visibility', 'hidden');			
			};
			$('#scrollRight').css('visibility', 'visible');	
		};
	});
	
	$('#scrollRight').click(function (){ 
		if( defilSampleState < defilSampleNbr ){	
			$('#contentSample ul').animate( {top:'-=248px'}, 300 /*, "linear"*/ );			
			defilSampleState++;
			if( defilSampleState != 1){
				$('#scrollLeft').css('visibility', 'visible');
			};
			if (defilSampleState >= defilSampleNbr){
				$('#scrollRight').css('visibility', 'hidden');
			};
		};
	});

	/* hover arrows */
	
	var arrowsOpacity = 0.5;
	
	$('.galleryScroll').animate( {opacity: arrowsOpacity}, 0);
	
	$('#scrollUp').hover(function (){
		$('#scrollUp').animate( {opacity: 1}, 200);
	}, function () {
    		$('#scrollUp').animate( {opacity: arrowsOpacity}, 300);
  		}
	);
	
	$('#scrollDown').hover(function (){
		$('#scrollDown').animate( {opacity: 1}, 200);
	}, function () {
    		$('#scrollDown').animate( {opacity: arrowsOpacity}, 300);
  		}
	);
	

//------------------------------------------------------------------ CÉRAMIQUE - AVANTAGES
	
	$('#ceramique #colDroite ul li').hover(function() {
			$(this).animate({
				color: '#cc001e'
			}, 150)
	},
	function() {
			$(this).animate({		/*A VOIR*/
				color: '#777'
			}, 50);
	});
	
	
	
	var countCeraLi = $('#ceramique #colDroite ul > *').length;		
	
	
	for (i=1; i<=countCeraLi; i++){ // Ajout de la classe de position de chaque li (la position initial est défini par l'utilisateur)
  	if (i==1){	
  		$('#ceramique #colDroite ul li').first('li').addClass('pos1'); 
  	}else{
  		var posClass = i - 1;
  		$('#ceramique #colDroite ul li.pos'+ posClass).next('li').addClass('pos' + i);
  	};
  };
  
	
	$('#ceramique #colDroite ul li').hover(function (){
		
		var posInfos = 37 + ($(this).attr('class').substring(3)-1)*25;
		
		$('#infosCeraMiddle').html($(this).find('span').html());
		
		$('#infosCera').css('top', posInfos + 'px');
		
		$('#infosCera').show();
	}, function () {
    		$('#infosCera').hide();
	});
	
	$('#ceramique #colDroite ul').hover(function (){
		$('.contentToFade').animate({opacity: 0.5}, 200);
	}, function () {
  	$('.contentToFade').animate({opacity: 1}, 200);
	});


//------------------------------------------------------------------ SAMPLE CERAMIK

	$('#samples li').hover(function(){
		
		$(this).animate({top: 5}, 200);
		$('#infosSamples span').html($(this).attr('title'));
	}, function (){
		
		$(this).animate({top: 20}, 100);
		$('#infosSamples span').html('');
	});


});