var offset = 4;
var running = false;
var block = false;
var fx = new Array(); 
var menus = new Array();	
var submenus = new Array();	
var position = new Array();		
var myTimer;		
		
var DropMenu = {
	
	start: function(){
		
		DropMenu.init();
		// DropMenu.fixpng();
		// DropMenu.set();
		
		
		
	},
	
	init: function(){
		menus = $('menu').getElements('a');
		var tmp_submenus = $('submenu').getElements('ul');
  		
  		var i = 0;
		tmp_submenus.each(function(submenu){
			if ( submenu.getProperty('class') == 'submenu' ) {
				submenus[i] = submenu;
				i++;
			}
		});
		
		
		menus.each(function(menu, i){
			position[i] = menu.getCoordinates();

			submenus[i].setStyles({
				'position': 'absolute',
				'display': 'none',
				'left': (position[i].left - offset),
				'top': (position[i].top - offset)				
			});

			menu.addEvent('click', function(e){
				DropMenu.close();
				DropMenu.border(i);
				DropMenu.open(menu, i);
			});
			
			menu.addEvent('mouseenter', function(e){
				DropMenu.close();
				DropMenu.border(i);
				DropMenu.open(menu, i);
			});
	
		});
		
 
	
		// var menu_ul = $$('#menu ul');
		var menu_ul = $('menu');
		var pos = menu_ul.getFirst().getCoordinates();
		
 
		
		$('submenu').addEvent('mouseleave', function(e){
			var x = e.client.x;
			var y = e.client.y;
			if ( x >= (560+pos.left) || x <= pos.left ||  y >= (100+pos.top) || y <= pos.top ) {
				DropMenu.close();
			}			
		});
			 	
		$('wrapper').addEvent('click', function(e){
			DropMenu.close();
		});	
 	
		
	},


	
	border: function(i){
		var j = i-1;
		menus[i].setStyle('border-right','1px solid #bbb');
		if ( j >= 0 ) {
			menus[j].setStyle('border-right','1px solid #bbb');
		}
	},

	open: function(menu, i){
		submenus[i].setStyles({
			'display': 'block'
		});
	},				

 				

	close: function(){
		menus.each(function(menu, j){
			submenus[j].setStyle('display', 'none');
			menus[j].setStyle('border-right','1px solid #eee');
		});
	}
	
};




window.addEvent('domready', DropMenu.start);