//===============================	START OF JQUERY CODE	===============================================		
$(document).ready(function()
{
	var subMenuToggle = 0;
	
	$("#firstpane2 p.menu_head2").mouseover(function()
		{
		    $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body2").slideToggle(300).siblings("div.menu_body2").slideUp("slow");
		    $(this).siblings().css({backgroundImage:"url(left.png)"});
		});
	
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#firstpane p.menu_head").mouseover(function()
    {
		//alert($(this));("color","red")
		$(this).css({fontStyle:"italic"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
		//alert($(this).next(".tester").html());
		$(this).siblings().css({fontStyle:"normal"});
		//alert($(this).siblings().length);
		if($(this).siblings().length == 6){
			//alert("1");
			if(subMenuToggle == 0){
				$(this).css({fontStyle:"italic"}); // gray font-style: italic;
			//	$("#VoiceLeveler").html("[-]");
				subMenuToggle = 1;
			}else if(subMenuToggle == 1){
				$(this).css({fontStyle:"normal"});
			//	$("#VoiceLeveler").html("[+]");
				subMenuToggle = 0;
			}
		}
	});
	$("#secondpane p.menu_head").mouseover(function()
    {
		$(this).css({fontStyle:"italic"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().css({fontStyle:"normal"});
	});
	$("#thirdpane p.menu_head").mouseover(function()
    {
		$(this).css({fontStyle:"italic"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().css({fontStyle:"normal"});
	});
	//slides the element "menu_1"(menu DIV) when mouse is over the paragraph
 	$("#menu_1").mouseover(function()
    {
		// $("#subMenuHolder").slideDown(200);
		 document.getElementById('subMenuHolder').style.visibility = "visible";
		 document.getElementById('cover').style.display = "block";
		 
		 document.getElementById('menu_1').style.background = "url(images/products.gif)";
		 document.getElementById('menu_1').style.color = "#003366";
		 document.getElementById('menu_2').style.background = "";
		 document.getElementById('menu_2').style.color = "black";
		 document.getElementById('menu_3').style.background = "";
		 document.getElementById('menu_3').style.color = "black";
		 document.getElementById('menu_4').style.background = "";
		 document.getElementById('menu_4').style.color = "black";
		 document.getElementById('menu_5').style.background = "";
		 document.getElementById('menu_5').style.color = "black";
		// $("#subMenuHolder2").slideUp(200);
		 document.getElementById('subMenuHolder2').style.visibility = "hidden";
		 document.getElementById('subMenuHolder3').style.visibility = "hidden";
		 document.getElementById('subMenuHolder4').style.visibility = "hidden";
		 document.getElementById('subMenuHolder5').style.visibility = "hidden";
		 
	//	 $("#subMenuHolder3").slideUp(200);
	//	 $("#menu_line").animate({left: "400px"}, 300 ); // ERROR
		 
	});
	$("#menu_2").mouseover(function()
    {
		// $("#subMenuHolder2").slideDown(200);
		 document.getElementById('subMenuHolder2').style.visibility = "visible";
		 document.getElementById('cover').style.display = "block";
		 document.getElementById('menu_2').style.background = "url(images/generic.gif)";
		 document.getElementById('menu_2').style.color = "#003366";
		 document.getElementById('menu_1').style.background = "";
		 document.getElementById('menu_1').style.color = "black";
		 document.getElementById('menu_3').style.background = "";
		 document.getElementById('menu_3').style.color = "black";
		 document.getElementById('menu_4').style.background = "";
		 document.getElementById('menu_4').style.color = "black";
		 document.getElementById('menu_5').style.background = "";
		 document.getElementById('menu_5').style.color = "black";
		 //$("#subMenuHolder").slideUp(200);
		 document.getElementById('subMenuHolder').style.visibility = "hidden";
		 document.getElementById('subMenuHolder3').style.visibility = "hidden";
		 document.getElementById('subMenuHolder4').style.visibility = "hidden";
		 document.getElementById('subMenuHolder5').style.visibility = "hidden";
	//	 $("#subMenuHolder3").slideUp(200);
	//	 $("#menu_line").animate({left: "500px"}, 300 );
	});
	$("#menu_3").mouseover(function()
    {
	//	 $("#subMenuHolder3").slideDown(200);
		 document.getElementById('subMenuHolder3').style.visibility = "visible";
		 document.getElementById('cover').style.display = "block";
		 document.getElementById('menu_3').style.background = "url(images/generic.gif)";
		 document.getElementById('menu_3').style.color = "#003366";
		 document.getElementById('menu_1').style.background = "";
		 document.getElementById('menu_1').style.color = "black";
		 document.getElementById('menu_2').style.background = "";
		 document.getElementById('menu_2').style.color = "black";
		 document.getElementById('menu_4').style.background = "";
		 document.getElementById('menu_4').style.color = "black";
		 document.getElementById('menu_5').style.background = "";
		 document.getElementById('menu_5').style.color = "black";
		// $("#subMenuHolder").slideUp(200);
		// $("#subMenuHolder2").slideUp(200);
		document.getElementById('subMenuHolder').style.visibility = "hidden";
		document.getElementById('subMenuHolder2').style.visibility = "hidden";
		document.getElementById('subMenuHolder4').style.visibility = "hidden";
		document.getElementById('subMenuHolder5').style.visibility = "hidden";
		
	//	 $("#menu_line").animate({left: "600px"}, 300 );
	});
	$("#menu_4").mouseover(function()
    {
		 // $("#subMenuHolder3").slideDown(200);
		 document.getElementById('subMenuHolder4').style.visibility = "visible";
		 document.getElementById('cover').style.display = "block";
		 document.getElementById('menu_4').style.background = "url(images/generic.gif)";
		 document.getElementById('menu_4').style.color = "#003366";
		 document.getElementById('menu_1').style.background = "";
		 document.getElementById('menu_1').style.color = "black";
		 document.getElementById('menu_2').style.background = "";
		 document.getElementById('menu_2').style.color = "black";
		 document.getElementById('menu_3').style.background = "";
		 document.getElementById('menu_3').style.color = "black";
		 document.getElementById('menu_5').style.background = "";
		 document.getElementById('menu_5').style.color = "black";
		// $("#subMenuHolder").slideUp(200);
		// $("#subMenuHolder2").slideUp(200);
		document.getElementById('subMenuHolder').style.visibility = "hidden";
		document.getElementById('subMenuHolder2').style.visibility = "hidden";
		document.getElementById('subMenuHolder3').style.visibility = "hidden";
		document.getElementById('subMenuHolder5').style.visibility = "hidden";
	//	 $("#subMenuHolder3").slideUp(200);
	//	 $("#menu_line").animate({left: "700px"}, 300 );
	});
	$("#menu_5").mouseover(function()
    {
		 document.getElementById('subMenuHolder5').style.visibility = "visible";
		 document.getElementById('cover').style.display = "block";
		 document.getElementById('menu_5').style.background = "url(images/about.gif)";
		 document.getElementById('menu_5').style.color = "#003366";
		 document.getElementById('menu_1').style.background = "";
		 document.getElementById('menu_1').style.color = "black";
		 document.getElementById('menu_2').style.background = "";
		 document.getElementById('menu_2').style.color = "black";
		 document.getElementById('menu_3').style.background = "";
		 document.getElementById('menu_3').style.color = "black";
		 document.getElementById('menu_4').style.background = "";
		 document.getElementById('menu_4').style.color = "black";
		// $("#subMenuHolder").slideUp(200);
		// $("#subMenuHolder2").slideUp(200);
		document.getElementById('subMenuHolder').style.visibility = "hidden";
		document.getElementById('subMenuHolder2').style.visibility = "hidden";
		document.getElementById('subMenuHolder3').style.visibility = "hidden";
		document.getElementById('subMenuHolder4').style.visibility = "hidden";
	//	 $("#subMenuHolder3").slideUp(200);
	//	 $("#menu_line").animate({left: "800px"}, 300 );
	}); 
	// These triggers are not stable, this will have to be revised at some point
	$("div.subMenuHolder").mouseout(function()
    {
		closeAccordion();		
	});
	
	 $("#cover").mouseover(function()
    {
		document.getElementById('cover').style.display = "none";
		closeAccordion();		
	});

});