/*
    Custom Menu Navigation Functions
*/

$(document).ready(function() {

    // HORIZONTAL MENU - Top Down transition
    var mainMenuTopDownX = "-20px";
    var mainMenuTopDownOffsetX = "40px";
    var mainMenuTopDownY = "30px";
    var mainMenuTopDownOffsetY = "60px";
    var previousMainMenu = null;
    var previousSubMenu = null;

    // HORIZONTAL MENU - Fade transition
    var subMenuFadeX = "0";
    var subMenuFadeOffsetX = "0";
    var subMenuFadeY = "0";
    var subMenuFadeOffsetY = "-250px";

    $('#mainMenuPanel')
            .mouseout(function() {
                if (previousMainMenu != null) {
                    previousMainMenu.stop().animate({ backgroundPosition: "(" + mainMenuTopDownOffsetX + " " + mainMenuTopDownY + ")" }, { duration: 100, complete: function() {
                        previousMainMenu.css({ backgroundPosition: mainMenuTopDownX + " " + mainMenuTopDownY });
                    }
                    });
                }
            });

    $('#mainMenu a')
            .css({ backgroundPosition: mainMenuTopDownX + " " + mainMenuTopDownY })
            .mouseover(function() {
                $(this).stop().animate({ backgroundPosition: "(" + mainMenuTopDownX + " " + mainMenuTopDownOffsetY + ")" }, { duration: 200 })

                var parentClassName = $(this).parent().attr('class');
                if (parentClassName.indexOf('mainMenuItem') != -1) {
                    var currentMainMenu = $(this);

                    var currentName = currentMainMenu.html();
                    var previousName = "";
                    if (previousMainMenu != null) {
                        previousName = previousMainMenu.html();
                        if (currentName != previousName) {
                            previousMainMenu.stop().animate({ backgroundPosition: "(" + mainMenuTopDownOffsetX + " " + mainMenuTopDownY + ")" }, { duration: 200, complete: function() {
                                $(this).css({ backgroundPosition: mainMenuTopDownX + " " + mainMenuTopDownY });
                            }
                            });
                            previousMainMenu = currentMainMenu;
                        }
                    }
                    else {
                        previousMainMenu = currentMainMenu;
                    }
                }
            });

    $('.subMenu a')
            .css({ backgroundPosition: subMenuFadeX + " " + subMenuFadeY })
            .mouseover(function() {
                $(this).stop().animate({ backgroundPosition: "(" + subMenuFadeX + " " + subMenuFadeOffsetY + ")" }, { duration: 200 });

                var parentClassName = $(this).parent().attr('class');
                if (parentClassName.indexOf('subMenuItem') != -1) {
                    previousSubMenu = $(this);

                    if (previousMainMenu != null) {
                        previousMainMenu.stop().animate({ backgroundPosition: "(" + mainMenuTopDownX + " " + mainMenuTopDownOffsetY + ")" }, { duration: 200 });
                    }
                }
            })
            .mouseout(function() {
                if (previousSubMenu != null) {
                    previousSubMenu.stop().animate({ backgroundPosition: "(" + subMenuFadeOffsetX + " " + subMenuFadeY + ")" }, { duration: 100 });
                }
            });

    // DROPDOWN MENU
    $("ul.ddMenuBody li:even").addClass("alt");

    $('ul.ddMenuBody li a').mouseover(function() {
        $(this).animate({ fontSize: "10pt", paddingLeft: "18px" }, 50);
    });

    $('ul.ddMenuBody li a').mouseout(function() {
        $(this).animate({ fontSize: "8pt", paddingLeft: "5px" }, 50);
    });

});