var menu = Array();
var overSub = false;


var prevOver = "";


function createMenu(){


imgMouseOverEvents('_off', '_on', 'img.autoMouseOver');  
    
var subMenu = new Fx.Style('subMenu','height');
//var subMenuContent = new Fx.Style('subMenuContent', 'opacity', {duration: 500});
          
     //  subMenuContent.hide();
       subMenu.hide();
	//mySlide2.hide().slideIn.delay(2000, mySlide2);    
	//mySlide2.hide();
	    $('subMenu').addEvents({
                	'mouseenter': function(){  overSub = true; },
                	'mouseleave': function(){ overSub = false; }
                });
            
        
        $('mainMenu').addEvent('mouseleave',function(e){
            	e = new Event(e);
            
          
         // alert(overSub);
          
           if($('subMenu').getStyle('height').toInt() > 0 && overSub == false ){
            //        subMenuContent.start(0,1);
            
                    subMenu.start(0);
                    $(prevOver).src = "/images/mainMenu/" + prevOver + "_off.gif";    

               
                }  
            
            e.stop();
            
        });
        
        
    
        
        $('slidein').addEvent('mouseenter', function(e){
		e = new Event(e); 
               
                
              
                
                if($('subMenu').getStyle('height').toInt() == 0){
                   // subMenuContent.start(0,1);
                     subMenu.start(0,174);
                    e.stop();
                }

	});
        
        

     
}//function


     
function loadMenu(type){
  


var menusrc = "<div class='col'>";
var counter = 0;




for(var i = 0; i < menu[type].length ; i++ ){
    
if(counter == 5) {
  
menusrc += "</div><div class='col'>";  
counter = 0;    
}
    
var menuLink = new Element('a');    
menuLink.setProperties({
           href: menu[type][i].link
            
            });    
    
menuLink.setHTML(menu[type][i].sub);    
    
menusrc += "<a href =\""+ menu[type][i].link  +"\">" + menu[type][i].sub + "</a><br/><br/>";   
  // menusrc += "<a href ='/personeel'>Personeel</a></br>";   
counter++;    
}



menusrc += "</div>";

$('subMenuContent').innerHTML = menusrc;


//alert(prevOver);


if(prevOver != ""){
$(prevOver).src = "/images/mainMenu/" + prevOver + "_off.gif";    
  
}

  
$(type).src = "/images/mainMenu/" + type + "_on.gif";


    
prevOver = type;    
    

    
}


var MenuItem = new Class({
            
initialize: function (s,l){
            this.sub = s;
            this.link = l;
            
}
            
});