// JavaScript menu
$(document).ready(function(){
						   
	img_src1 = $('.selected img').attr("name");
	hauteur1 = $('.selected img').attr("Xheight");
	largeur1 = $('.selected img').attr("Xwidth");  
	
	$('.selected img').attr({ src: "img/picto/"+img_src1+"_C.gif"});
	$('.selected img').attr({ width: largeur1});
	$('.selected img').attr({ height: hauteur1});
	//$('.selected img').css({'width' : largeur1, 'height' : hauteur1});
	
	color = $('.selected img').attr("color");
	$('.selected').css({'color' : color});

	
	$('.nosel img').hover(
	function () {
			
			$(this).stop();	
			
			img_src = $(this).attr("name");
			hauteur = $(this).attr("Xheight");
			largeur = $(this).attr("Xwidth");  
		
			$(this).attr({ src: "img/picto/"+img_src+"_C.gif"});
			$(this).animate({
				height: hauteur, width: largeur
			}, 600);
			
			color = $(this).attr("color");
			$(this).parent().css({'color' : color});
			
		
      },function () {
			
			$(this).stop();
			
			img_src = $(this).attr("name");
			hauteur = $(this).attr("Zheight");
			largeur = $(this).attr("Zwidth");
			
			$(this).attr({ src: "img/picto/"+img_src+".gif"});
			$(this).animate({
				height: hauteur, width: largeur
			}, 500);
			
			
			$(this).parent().css({'color' : '#000000'});
      });



});