// set jQuery to the compatibity mode, use $j instead of $, so there should not be any problems with other libarys
var $j = jQuery.noConflict();


$j(document).ready(function(){
   
   // reset
   // hide all sublayer, remove class hiding submenu
   $j(".subWrap").removeClass("act")
   $j(".subWrap").hide();
   // show active sublayer
   $j(".wrap .act").next().show();                           
   
   
   //when entering in menuMain-div  
   $j(".menuMain").mouseenter(function(event){
      $j(".act").addClass("active");
      $j(".menu1_wrap").removeClass("act");
      $j(".menu1_wrap").addClass("temp_no");
   });  
   

   //on mouseover topmenu item
   $j(".menu1_wrap").mouseover(function(event){
     $j(".subWrap").hide();
     $j(".menu1_wrap").removeClass("temp_act");
     $j(this).removeClass("temp_no");
     $j(this).addClass("temp_act");
     $j(".temp_act").next().show();
   });
    
     
  // on leaving menuMainWrap-div
  $j(".menuMainWrap").mouseleave(function(event){
      //reset all jquery settings
      $j(".menu1_wrap").removeClass("temp_act");
      $j(".menu1_wrap").removeClass("temp_no");
      
      // reset active menuitem
      $j(".active").addClass("act");
      $j(".act").removeClass("active");
      
      //hide layers and show active sublayer
      $j(".subWrap").hide();
      $j(".wrap .act").next().show();
    });
    

   

 });