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

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

	var menuItems = $("#top-menu li a");

	menuItems.each(function(i) {
	    var href = $(this).attr("href");
	    var menu = $(this);
            
            $(this).attr("index", i+1);
            
            $(this).mouseover(function() {
             
                DropMenuHide();
                $(this).addClass("hover");
	        
                var drop = $("#drop-menu-" + $(this).attr("index"));

                if (drop.attr("init") == undefined) {
	            drop.mouseover(function() {
	                DropMenuCancelHide();
	            }).mouseout(function() {
	                DropMenuStartHide();
	            });
                    drop.attr("init", "true");
                }

                var top = $("#top-menu").offset().top + $("#top-menu").height();
                var left = 0;
                if ($(this).offset().left + 250 > $("#container").offset().left + $("#container").width())
                    left = $("#container").offset().left + $("#container").width() - 250;
                else
                    left = $(this).offset().left;
                drop.css("left", left + "px");
	        drop.css("top", top + "px");
                drop.show();
	        
            }).mouseout(function() {
	        DropMenuStartHide();
	    });
	});
}

var dropMenuTimeout = null;

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

function DropMenuHide() {
    $(".drop:visible").hide();
    $("#top-menu li a.hover").removeClass("hover");
    DropMenuCancelHide();
}

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