$(document).ready(function () {
    setWidths();
});
$(window).resize(function () {
    setWidths();
});


function setWidths() {
    // Set green background bar to max width
    $("#BgBar").width($(document).width());
    $("#BgBar").css("marginLeft", -1 * $(document).width() / 2 + "px");

    $("#footer").width($(document).width());
    $("#footer").css("marginLeft", -1 * $(document).width() / 2 + "px");
}

var topNavNodeCollection = null;
var targetWeb;
var isInNav = false;
var CurrentBt = "";
var CurrentPage;

function setNavigation() {
    var clientContext = new SP.ClientContext.get_current();

    if (clientContext != undefined && clientContext != null) {
        var web = clientContext.get_site().get_rootWeb();

        // Get the global navigation node collection.
        this.topNavNodeCollection = web.get_navigation().get_topNavigationBar();
        targetWeb = clientContext.get_web();
        clientContext.load(targetWeb);
        clientContext.load(this.topNavNodeCollection);
        clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));
    }
}

function onQuerySucceeded() {
    var nodeEnumerator = this.topNavNodeCollection.getEnumerator();
    while (nodeEnumerator.moveNext()) {
        var node = nodeEnumerator.get_current();
        if (targetWeb.get_serverRelativeUrl() == node.get_url()) {
            isInNav = true;
            CurrentBt = targetWeb.get_serverRelativeUrl();
        }
    }

    var BannerHeight = 130;

    if (isInNav == true) {
        BannerHeight += $("#NavMenu").height();
        $("#NavMenu").css("visibility", "hidden");
        $('#NavMenu').show();
        CurrentPage = targetWeb.get_serverRelativeUrl() + document.URL.split(targetWeb.get_serverRelativeUrl())[1]
        $("a[href*='" + CurrentPage + "'].menuBt:first").addClass("rollOver");   // select current button and change class 
        $("a[href*='" + CurrentBt + "'].navBt").addClass("rollOver");   // select current button and change class 
    }
    if ($('#backgroundImage').height() > BannerHeight) {

        var BodyOffset = $("#MainBodyArea").offset();
        var ribbonOffset = 0;

        if ($("#s4-ribbonrow").css("display") != "none") {
            ribbonOffset = $("#s4-ribbonrow").height();
        }

        $("#MainBodyArea").animate({
            top: $('#backgroundImage').height() - BodyOffset.top - 3 + ribbonOffset
        }, 600, function () {
            $('#backgroundImage').fadeIn('slow', function () {
                if (isInNav == true) {
                    $("#NavMenu").css("visibility", "visible");
                }
            });
        });
    } else {
        $("#NavMenu").css("visibility", "visible");
    }
}
function onQueryFailed(sender, args) {
    alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
}
function showLeftNav() {
    $("#s4-leftpanel").show();
    $(".s4-ca").css("marginLeft", "260px");
}