/*
window.addEvent('domready', function() {
  
  var dropdown = $('dropdown'); 
	var uls = $$('div.dropdown_sub') ;
	
  $$('#dropdown .menu_item' ).each(function(el){    
    $(el).addEvent('mouseenter',function(e){            
      uls.each(function(uls){uls.setStyle('display','none')});            
      var sub_ul = $( 'sub_'+this.get('id') );
      if ( sub_ul ){        
        sub_ul.setStyle('display','block');
        }
      });   
    //########################################################################################
    $(el).addEvent('mouseleave', function(){
      var sub_ul = dropdown.getElement('#sub_'+this.get('id'));
      if ( sub_ul ) sub_ul.setStyle('display','none');  
      });
    });
});
*/

window.addEvent('domready', function() {
  
  var dropdown = $('dropdown'); 
	$$('#dropdown > li' ).each(function(el){
    /*
    if ( el.getElement('.dropdown_sub') ){
      var cords = el.getElement('a').getCoordinates(dropdown);
      var marginLeft = cords.left - ( cords.width / 2 );
      console.log ( marginLeft );
      el.getElement('.dropdown_sub').setStyle('marginLeft' , marginLeft+'px' );  
      }    
    */
    $(el).addEvent('mouseenter',function(e){                  
      var ul = this.getElements('div.dropdown_sub') ;
      ul.each(function(uls){uls.setStyle('display','none')});            
      if ( ul.length > 0 ){        
        this.addClass('over_a');
        ul[0].setStyle('display','block');
        }
      this.addClass('over_li');
      });   
    //########################################################################################    
    $(el).addEvent('mouseleave', function(){
      var ul = this.getElements('div.dropdown_sub') ;
      if ( ul.length > 0 ){
        ul[0].setStyle('display','none');  
        this.removeClass('over_a');
        }
      this.removeClass('over_li');  
      });
    });
});