//menu
menu[0] = '';
menu[1] = 'Strawberries';
menu[2] = 'Raspberries';
menu[3] = 'Blueberries';
menu[4] = 'Blackberries';
menu[5] = 'Asparagus';
menu[6] = 'Cherries';
menu[7] = 'Blackcurrants';
menu[8] = 'Redcurrants';
menu[9] = 'Gooseberries';
menu[10] = 'Rhubarbs';
menu[11] = 'Haskaps';


$(document).ready(function() {
	menu(index);
	menuTableau();
});

function menu(index) {
 	
	$("#menu li.titre:not(:contains("+menu[index]+"))").children("ul.sousmenu").css({height: "0px", opacity: 0}).hide();
	$("#menu li.titre").children("a").css({borderLeftWidth: "15px"}, "fast");
	
	$("li.titre").hover(function(){
		if ($(this).children("a").text() != menu[index]) {
			var self = this;
			$(this).children("a").stop().animate({borderLeftWidth: "25px"}, "fast");
			$(this).children("ul.sousmenu").stop().animate({height: "5.5em", opacity: 1}, "fast", "linear", function(){$("ul.sousmenu", self).show();});	
		}
	}, function(){
		if ($(this).children("a").text() != menu[index]) {
			$(this).children("a").stop().animate({borderLeftWidth: "15px"}, "slow");
			var self = this;
			$(this).children("ul.sousmenu").stop().animate({height: "0px", opacity: 0}, "slow", "linear", function(){$("ul.sousmenu", self).hide();});
		}
	});
	
	$("#menu li.titre").children("a").click(function(){ return false; });
}

function menuTableau() {
	$("#menuTableau li").children("a").animate({borderLeftWidth: "1px"}, "fast");
	
	$("#menuTableau li").hover(function(){
		$(this).children("a").stop().animate({borderLeftWidth: "25px"}, "fast").css({fontWeight: "bold"});
	}, function(){
		$(this).children("a").stop().animate({borderLeftWidth: "1px"}, "fast").css({fontWeight: "normal"});
	});
}