﻿$(window).load(function () {

    var border = 6;
    var useLiquidCanvas = false;

    if ($.browser.msie && $.browser.version < 9.0) {
        useLiquidCanvas = true;
    }

    $(function () {
        $(".column-2-1").each(function () {
            var w = $(this).find(".leftcol").width() + $(this).find(".middlecol").width() + $(this).find(".rightcol").width() + 2;
            $(this).width(w);
            
            $(this).find(".rightcol").height($(this).height());
            if (useLiquidCanvas) {
                $(this).find(".middlecol").height($(this).height() - border);
                $(".rightcol").addClass("borderCompensate");
                $(this).liquidCanvas("[menuShadow gradient{from:#B0B0B0;to:#E8E9EB} ] => roundedCorners{botLeft:15;botRight:15}");
                $(".rightcol").liquidCanvas("[gradient{from:#7EA8BF;to:#577E97;stop:80}] => roundedCorners{botRight:15}");
            } else {
                $(this).addClass("mmbk");
                $(".rightcol").addClass("mmbkRightCol");
                $(this).find(".middlecol").height($(this).height());
            }
        });
        $(".column-2").each(function (i) {
            var w = $(this).find(".leftcol-2").width() + $(this).find(".rightcol-2").width();
            $(this).width(w);
            if (useLiquidCanvas) {
                $(this).liquidCanvas("[menuShadow gradient{from:#B0B0B0;to:#E8E9EB} ] => roundedCorners{botLeft:15;botRight:15}");
            } else {
                $(this).addClass("mmbk");
            }

        });
        $(".column-1").each(function (i) {
            var w = $(this).find(".leftcol-1").width();
            $(this).width(w);
            if (useLiquidCanvas) {
                $(this).liquidCanvas("[menuShadow gradient{from:#B0B0B0;to:#E8E9EB} ] => roundedCorners{botLeft:15;botRight:15}");
            } else {
                $(this).addClass("mmbk");
            }

        });
        $(".column-1-1").each(function () {
            var w = $(this).find(".leftcol-1-1").width() + $(this).find(".rightcol-1-1").width() + 2;
            $(this).width(w);
            
            $(this).find(".rightcol-1-1").height($(this).height());
            if (useLiquidCanvas) {
                $(this).find(".leftcol-1-1").height($(this).height() - border);
                $(".rightcol-1-1").addClass("borderCompensate");
                $(this).liquidCanvas("[menuShadow gradient{from:#B0B0B0;to:#E8E9EB} ] => roundedCorners{botLeft:15;botRight:15}");
                $(".rightcol-1-1").liquidCanvas("[gradient{from:#7EA8BF;to:#577E97;stop:80}] => roundedCorners{botRight:15}");
            } else {
                $(this).find(".leftcol-1-1").height($(this).height());
                $(this).addClass("mmbk");
                $(".rightcol-1-1").addClass("mmbkRightCol");
            }
        });
        $("li.left1").each(function () {
            var col = $(this).find(".column-1");
            var shift = -(col.width() - $(this).width()) + border;
            col.css("left", shift);
        });
        $("li.left2").each(function () {
            var col = $(this).find(".column-2");
            var shift = -(col.width() - $(this).width()) + border;
            col.css("left", shift);
        });
    });
});

$(function () {
    //Preserves the mouse-over on top-level menu elements when hovering over children
    $(".column-2-1").each(function (i) {
        $(this).hover(function () {
            $(this).parent().find("a").slice(0, 1).addClass("active");
        }, function () {
            $(this).parent().find("a").slice(0, 1).removeClass("active");
        });
    });
    $(".column-2").each(function (i) {
        $(this).hover(function () {
            $(this).parent().find("a").slice(0, 1).addClass("active");
        }, function () {
            $(this).parent().find("a").slice(0, 1).removeClass("active");
        });
    });
    $(".column-1").each(function (i) {
        $(this).hover(function () {
            $(this).parent().find("a").slice(0, 1).addClass("active");
        }, function () {
            $(this).parent().find("a").slice(0, 1).removeClass("active");
        });
    });
    $(".column-1-1").each(function (i) {
        $(this).hover(function () {
            $(this).parent().find("a").slice(0, 1).addClass("active");
        }, function () {
            $(this).parent().find("a").slice(0, 1).removeClass("active");
        });
    });
});
