// JavaScript Document
var check=false;
var back=false;
 $(document).ready(function() {

   $('div#menu1')
	.mouseover(function(){
		$('#menu').css({'background-position' : '0 -35px'});
		})
	.mouseout(function(){
		$('#menu').css({'background-position' : '0 0'});
		});


	   $('div#menu2')
	.mouseover(function(){
		$('#menu').css({'background-position' : '0 -70px'});
		 showSubMenu2(2);
		})
	.mouseout(function(){
		$('#menu').css({'background-position' : '0 0'});

		});




	   $('div#menu3')
	.mouseover(function(){
		$('#menu').css({'background-position' : '0 -105px'});
         showSubMenu2(3);
		})
	.mouseout(function(){
		$('#menu').css({'background-position' : '0 0'});
		});

	   $('div#menu4')
	.mouseover(function(){
		$('#menu').css({'background-position' : '0 -140px'});
         showSubMenu2(4);
		})
	.mouseout(function(){
		$('#menu').css({'background-position' : '0 0'});
		});



	   $('div#menu5')
	.mouseover(function(){
		$('#menu').css({'background-position' : '0 -175px'});
		showSubMenu2(5);
		})
	.mouseout(function(){
		$('#menu').css({'background-position' : '0 0'});
		});

		   $('div#menu6')
	.mouseover(function(){
		$('#menu').css({'background-position' : '0 -210px'});
		showSubMenu2(6);
		})
	.mouseout(function(){
		$('#menu').css({'background-position' : '0 0'});

		});



 });




 function showSubMenu2(id)
 {
  if(back!=id)
  {
   $("#s"+id).css('opacity','0');
   $("#s"+id).show();
   $("#s"+id).animate({"opacity": "1.0"}, 500);
   hideSubMenu2(back);
   back=id;
  }
 }


 function hideSubMenu2(id)
 {
    $("#s"+id).stop();
    $("#s"+id).animate({"opacity": "0.0"}, 500);
    $("#s"+id).stop();
    $("#s"+id).hide();
 }

  function showSubMenu3(x)
 {
 hideSubMenu3();
 $("#submenu3").css('opacity','0');
 $("#submenu3").show();
 $("#submenu3").animate({"left": "+="+x+"px", "opacity": "1.0"}, 500);
// $("a.link2").animate({"right": "+="+x+"px", "opacity": "1.0"}, 500);
 }


 function hideSubMenu3()
 {
    $("#submenu3").stop();
	$("#submenu3").css('left','550px');
    $("#submenu3").hide();
 }

   function showSubMenu5(x)
 {
 hideSubMenu5();
 $("#submenu5").css('opacity','0');
 $("#submenu5").show();
 $("#submenu5").animate({"left": "+="+x+"px", "opacity": "1.0"}, 500);
// $("a.link2").animate({"right": "+="+x+"px", "opacity": "1.0"}, 500);
 }


 function hideSubMenu5()
 {
    $("#submenu5").stop();
	$("#submenu5").css('left','600px');
    $("#submenu5").hide();
 }