var menu;

window.addEvent('domready', function() {
	menu = new CascadingMenu($("menu"));
});

var CascadingMenu = new Class({
	initialize: function(menu){
		
		var oThis = this;
		if(menu){
			menu.getElements("li").each(function(el, index){
				if(el.getElements("ul").length > 0){
					oThis.set_menu_position(el);
					el.getElements("ul")[0].setStyle("display", "none");
				}
				
				el.addEvent("mouseover", function(){
					if(this.getElements("ul").length >0 ){
						this.getElements("ul")[0].setStyle("display", "block");
					}
					
					if(this.getElements(".left_curve").length > 0){
						this.getElements("a")[0].setStyles({
							"color": "black",
							"background-image": "url(img/menu_hover_background.gif)"
						});
						this.getElement(".left_curve").setStyle("background-image", "url(img/menu_hover_left_curves.gif)");
						this.getElement(".right_curve").setStyle("background-image", "url(img/menu_hover_right_curves.gif)");
					}
					
					
					
				});
				
				el.addEvent("mouseout", function(){
					if(this.getElements("ul").length>0){
						this.getElements("ul")[0].setStyle("display", "none");
					}
					
					if(this.getElements(".left_curve").length > 0){
						this.getElements("a")[0].setStyles({
							"color": "white",
							"background": "none"
						});
						this.getElement(".left_curve").setStyle("background", "none");
						this.getElement(".right_curve").setStyle("background", "none");
					}
					
				});
				
			});
		}
	},
	
	
	set_menu_position: function(li){
		var pos = li.getPosition();
		li.getElements("ul")[0].setPosition({ x: pos.x+9, y: pos.y+47});
	}
});