onDomReady(function(){

  $el('hmenu','img.hover_img').forEach(function(item,i){
    
    var myimages=new Array()
    myimages[i]=new Image()
    myimages[i].src=item.src.replace(".gif", "_hover.png");

    addEvent(item,'mouseover',function(){
      this.src = (this.src.indexOf("_hover") == -1)? this.src.replace(".png", "_hover.png"):this.src;     
    });
    addEvent(item,'mouseout',function(){
      this.src = (this.src.indexOf("_hover") != -1)? this.src.replace("_hover.png", ".png"):this.src;    
    });
     
  });
  
  var hmenuItem = $el('hmenu','li.list_0');
  
  
  var center = $('center');
  
  var fx = new Fx();
  if(hasClass(center,'no_fade')) fx.initialize($('collection'),{duration:500,curve:['linear',0]});
  else fx.initialize(center,{duration:500,curve:['linear',0]});

  
  hmenuItem.forEach(function(item,i){
    addEvent(item,'mouseenter',function(){
      var hmenuShow = $el(this,'ul')[0];
      if(hmenuShow){
        var numSubMenu = $el(this,'li.list_1');
        setStyles(hmenuShow,{
          'width':(numSubMenu.length*150)+'px',
          'left':-(((numSubMenu.length)*60)/2)+'px',
          'display':'block'
        });
        if(!hasClass(center,'center_fade')){
          fx.start({'opacity':[1,0.3]});
          addClass(center,'center_fade');
        }
      }else{
        if(hasClass(center,'center_fade')){
          fx.start({'opacity':[0.3,1]});
          removeClass(center,'center_fade');
        }
      }
      hmenuItem.forEach(function(other,j){
        if(i != j){
          var hmenuHide = $el(other,'ul')[0];
          if(hmenuHide) hmenuHide.style.display = 'none';
        }
      }); 
      //alert(fx);
      
    });
  });
    
  addEvents([center,$('site_title')],'mouseenter',function(){
    $el('hmenu','ul.hmenu_1')[0].style.display = 'none';
    if(hasClass(center,'center_fade')){
      fx.start({'opacity':[0.3,1]});
      removeClass(center,'center_fade');
    }
  });
  
  addEvents($el('hmenu','li.list_1'),'mouseenter',function(){
    var subHmenuShow = $el(this,'ul')[0];
    if(subHmenuShow){
      var numSubSubMenu = $el(this,'li.list_2');
      setStyles(subHmenuShow,{
        'width':(numSubSubMenu.length*140)+'px',
        'left':-(((numSubSubMenu.length)*20)/2)+'px',
        'display':'block'
      });
    }
  });
  
  addEvents($el('hmenu','li.list_1'),'mouseleave',function(){
    if($el(this,'ul')[0])
    $el(this,'ul')[0].style.display = 'none';
  });
  
  
});