// JavaScript Document

$(document).ready(function() {
	//hover des menus
	$("ul.subMenu").show();
	$("ul.subMenu").css("opacity",'0');
	$("span.menu_btn_1 a , span.menu_btn_2 a , span.menu_btn_3 a , span.menu_btn_4 a , span.menu_btn_5 a , span.menu_btn_6 a , span.menu_btn_7 a")
		.css({"backgroundPosition": "0 -88px"})
		.hover(function() {
			$(this).stop().animate({"opacity" : 0}, 300);
		}, function() {
			$(this).stop().animate({"opacity" : 1}, 300);
	});	
		
	//hover des produits sur le menu
	$("li.sMenu").hover(function(){
		
			$("ul.subMenu").stop().animate({"opacity" : 1}, 300);
		}, function() {
			$("ul.subMenu").stop().animate({"opacity" : 0}, 300);
	});	
	
	//hover des produits
	$("span.box_btn_1 a,span.box_btn_2 a,span.box_btn_3 a,span.box_btn_4 a")
		.css({"backgroundPosition": "0 -200px"})
		.hover(function() {
			$(this).stop().animate({"opacity" : 0}, 300);
		}, function() {
			$(this).stop().animate({"opacity" : 1}, 300);
		});	
		
	$(".m img").hover(function() {
			$(this).attr("src" , "images/menu_hover_" + $(this).attr("class") + ".png"); 
		}, function() {
			$(this).attr("src" , "images/menu_" + $(this).attr("class") + ".png"); 
	});	
			
});