// JavaScript Document

$(document).ready(function(){
	
	var mainNav = {
		
		navIndex : 0,
		
		init : function(){
			/*alert("INIT");*/
			$('div#topnav ul li').removeAttr("onmouseover");
			$('div#topnav ul li').removeAttr("onmouseout");
			
			this.setLiNav();
			this.displayNavs();
		},
		
		setLiNav : function(){
			$('div#topnav ul li:eq(0)').addClass("main-leaf");
			$('div#topnav ul li:eq(1)').addClass("main-leaf");
			$('div#topnav ul li:eq(9)').addClass("main-leaf");
			$('div#topnav ul li:eq(20)').addClass("main-leaf");
			$('div#topnav ul li:eq(31)').addClass("main-leaf");
			$('div#topnav ul li:eq(40)').addClass("main-leaf");
			$('div#topnav ul li:eq(49)').addClass("main-leaf");
			$('div#topnav ul li:eq(53)').addClass("main-leaf");
		},
		
		displayNavs : function(){
			$('div#topnav ul li.main-leaf').mouseover(function(){				
				mainNav.navIndex = $('div#topnav ul li').index(this);
				$('div#topnav ul li:eq('+mainNav.navIndex+') ul').css("display","block");
				$('div#topnav ul li:eq('+mainNav.navIndex+') a').addClass("stillhover");
			});
			
			$('div#topnav ul li.main-leaf').mouseout(function(){
				mainNav.navIndex = $('div#topnav ul li').index(this);
				$('div#topnav ul li:eq('+mainNav.navIndex+') ul').css("display","none");
				$('div#topnav ul li:eq('+mainNav.navIndex+') a').removeClass("stillhover");
			});
		}
		
	};
	
	mainNav.init();
	
});