window.addEvent("domready", function(){
	var listContainer = document.getElement("#bottom .left .content");
	var rootList = listContainer.getElement("#subNav");
	var subNavs = rootList.getElements("ul");

	subNavs.setStyle("position", "absolute");
	subNavs.setStyle("border", "1px solid #ccc");
	subNavs.setStyle("background-color", "#fff");
	subNavs.setStyle("top", "-8px");
	subNavs.setStyle("right", "-232px");	
	subNavs.setStyle("display", "none");
	subNavs.setStyle("width", "250px");
	subNavs.setStyle("padding", "0");

	subNavs.getElements("li").each(function(aLI){
		aLI.setStyle("text-align", "left");
	});

	var listItems = rootList.getElements("li");

	listItems.addEvent("mouseenter", function(){
		this.addClass("hover");
		var subList = this.getElement("ul");
		if(subList != null){
			this.setStyle("position", "relative");
			subList.setStyle("display", "block");
		}
	});

	listItems.addEvent("mouseleave", function(){
		this.removeClass("hover");
		var subList = this.getElement("ul");
		if(subList != null){
			this.setStyle("position", "static");
			subList.setStyle("display", "none");
		}
	});

	var hoverItems = listContainer.getElements("a");
	hoverItems.addEvent("mouseenter", function(){
		this.addClass("hover");	
	})
	hoverItems.addEvent("mouseleave", function(){
		this.removeClass("hover");		
	})

});