// JavaScript Document


/***********************************************
* jQuery - Control drop-down menu behaviors.
***********************************************/
$(function() {
	var allMenuItems = $("#nav li");
	var topMenuItems = $("#nav li:has(ul)");
	var submenus = topMenuItems.children("ul");
	var submenuCss = {
		float: 'none',
		width: 'auto',
		position: 'absolute',
		padding: 0,
		margin: 0,
		textAlign: 'left',
		zIndex: 9999,
		border: '1px solid #000'
	}
	
	topMenuItems.css('position', 'relative');
	submenus.addClass("submenu").css(submenuCss).hide();
	submenus.children("li").css('float', 'none');
	
	topMenuItems.each(function() {
		if ( $(this).css("float") == "left" ) {
		    $(this).children("a").append(' <span style="color:#F00;">&darr;</span>');
		} else if ( $(this).css("float") == "none" ) {
		    $(this).children("a").append(' <span style="color:#F00;">&rarr;</span>');
		}
	});
	
	topMenuItems.hover(function() {
		var submenu = getSubmenu($(this));
		
        if (submenu.is(":hidden")) {
		    submenu.slideDown();
		}
    }, function() {
		var submenu = getSubmenu($(this));
		
        if (submenu.is(":visible")) {
            submenu.slideUp();
		}
    });
	
	function getSubmenu(theMenuItem) {
        var submenu = theMenuItem.children("ul");
		
		if ( theMenuItem.css("float") == "left" ) {
			var submenuLeft = 0;
			var submenuTop = theMenuItem.height() + parseInt(theMenuItem.css('padding-top')) + parseInt(theMenuItem.css('padding-bottom'));
		} else if ( theMenuItem.css("float") == "none" ) {
			var submenuLeft = theMenuItem.width() + parseInt(theMenuItem.css('padding-left')) + parseInt(theMenuItem.css('padding-right')) - 5;
			var submenuTop = 5;
		}
		
		submenu.css("left", submenuLeft + "px").css("top", submenuTop + "px");
		 
		return submenu;
	}
});