$(document).ready(function() {

$('#imageGrow').animate({opacity:0},0);
$('#vignette ul li a').click(function() {
   		changePics(this);
    	return false;
 });
 
 $('#contactContent a').attr("target","_blank");
 
 $('#iconeNavig li a').click(function() {
 	$('#iconeNavig li a').css('backgroundColor', '#000');
 	$(this).css('backgroundColor', '#555');
    changePics(this);
    return false;
 });


function changePics(activeLink){
		var marque = $(activeLink).next('.marque').text();
		var nom = $(activeLink).next('.marque').next('.nom').text();
		var client = $(activeLink).next('.marque').next('.nom').next('.client').text();
		var vignetteChoisis = $(activeLink).attr('title');
		
		$('#marque').text(marque);
		$('#nom').text(nom);
		$('#client').text(client);
		$('#iconeNavig li a:eq('+vignetteChoisis+')').css('backgroundColor', '#555');
		
		$("#vignette").animate({opacity:0},500, function() {
		$('#vignette').hide();
		$('#GrandeImage').attr('src', $(activeLink).attr('href')); 
		$('#imageGrow').animate({opacity:1},1000);
		});
};


$('#navigation').slideUp(0);

$('.MontreLink').slideUp(0);

$('#horlogerie').hover(function(){		
	clearTimeout(panierTimeOut);				
    $('.MontreLink').slideDown('fast');					
},function(){								
    $('.MontreLink').slideUp('fast');									
});

							
	var panierTimeOut;								
	var timer;									
	
	$('#croix, #navigation').hover(function(){	
		clearTimeout(panierTimeOut);				
	    $('#navigation').slideDown('fast');					
	},function(){								
		    fermePanier();								
	});
	
	$('#croix').hover(function(){
		$(this).animate({opacity:0.7},0);	
		clearTimeout(panierTimeOut);				
	    $('.MontreLink').slideUp(0);					
	},function(){								
	   	$(this).animate({opacity:1},0);	
	});
	
	
	  
	
	function fermePanier() {						
		panierTimeOut = setTimeout(function() {		
			$('#navigation').slideUp('fast');					
		}, 5000);									
	}
	

$('#navigation span').click(function(){
	$("#imageGrow").animate({opacity:0},500, function() {
	   $('#vignette').show();
	   $('#vignette').animate({opacity:1},1000);
	});
});



});