$(document).ready(function() {
	InitDropMenus();
});

function InitDropMenus() {
        var menuItems = $("#top-menu table td a");

        jQuery.get("drop-menus.xml", null, function(data, textStatus) {
            $("body").append(jQuery(data));

            $(".drop").each(function(i) {
                $(this).mouseover(function() {
	            DropMenuCancelHide();
	        }).mouseout(function() {
	            DropMenuStartHide();
	        });
            })
	}, "html");

	menuItems.mouseover(
	    function() {
                DropMenuHide();
            	        
                var dropID = "#drop-menu-" + $(this).attr("class");
                $(this).addClass("drop-hover");
	        $(dropID).css("left", $(this).parent("td").offset().left + "px").css("top", $('#main').offset().top + "px").show();
	    }
	).mouseout(
	    function() {
	        DropMenuStartHide();
	    }
	);
}

var dropMenuTimeout = null;

function DropMenuStartHide() {
    dropMenuTimeout = setTimeout("DropMenuHide()", 250);
}

function DropMenuHide() {
    DropMenuCancelHide();
    $(".drop").hide();
    var activeItem = $(".drop-hover");
    activeItem.removeClass("drop-hover").attr("src", activeItem.parent("a").attr("original"));
}

function DropMenuCancelHide() {
    if (dropMenuTimeout) clearTimeout(dropMenuTimeout);
}