var WebSiteMenu = {
    Load: function() {
        var str = "";
        var url = "/Main/Home/WebSiteList";
        jQuery.getJSON(url, { t: new Date() }, function(result) {
            var str = '<ul id="SubWebSite_Menu" class="website_list" style="display:none">';
            for (var i = 0; i < result.length; i++) {
                //str += '<li><a href="#">' + result[i].Name + '</a></li>';

                if (result[i].ShortName.substring(0, 4) == 'http') {
                    str += '<li><a href="' + result[i].ShortName + '" target="_blank">' + result[i].Name + '</a></li>';
                }
                else {
                    str += '<li><a href="/' + result[i].ShortName + '" target="_blank">' + result[i].Name + '</a></li>';
                }
            }
            str += '</ul>';
            $("body").append(str);
        });
    },
    Hide: function() {
        $("#SubWebSite_Menu").hide();
    },
    Show: function() {
        $("#SubWebSite_Menu").show();
    }
}

$(document).ready(function() {
    WebSiteMenu.Load();
    $(document).click(function() {
        WebSiteMenu.Hide();
    });
    $("#SubWebSite_Menu").click(function(event) {
        if (window.event) {
            window.event.cancelBubble = true;
        } else {
            event.stopPropagation();
        }
    });
    $("#SubWebSite_Menu_Btn").click(function(event) {
        if (window.event) {
            window.event.cancelBubble = true;
        } else {
            event.stopPropagation();
        }
        var offset = $(this).offset();
        $("#SubWebSite_Menu").css({ filter: "alpha(opacity=90)", opacity: "0.9", left: offset.left, top: offset.top + $(this).height() + 2 });
        WebSiteMenu.Show();
        return false;
    });
});