function initMainMenu() {
    var links = $('main-menu-inner').getElementsByTagName('A');
    
    for (var i = 0; i < links.length; i++) {
        var item = $(links[i]);
        
        item.addEvent("mouseover", mainMenuMouseOver);
        item.addEvent("mouseout", mainMenuMouseOut);
    }
    
    var middleHL = new Image();
    var leftHL   = new Image();
    var rightHL  = new Image();
    
    middleHL.src = "/App_Assets/images/bg-menu-button-middle-hl.gif";
    leftHL.src   = "/App_Assets/images/bg-menu-button-left-hl.gif";
    rightHL.src  = "/App_Assets/images/bg-menu-button-right-hl.gif";
}

function mainMenuMouseOver() {
    this.getElement('DIV').addClass('main-menu-button-hl');
}

function mainMenuMouseOut() {
    this.getElement('DIV').removeClass('main-menu-button-hl');
}

var activeItem = null;

// These need to be done this way so that the png fix for IE6 works on all of the mouse over items.
function initHomeMenu() {
    var links   = $A($('home-page-hero-buttons').getElementsByTagName('A'));
    var content = $('home-page-hero-container').getChildren();
    
    content.each(function(item) {
        item.setStyle('opacity', 0);
    });
    
    for (var i = 0; i < links.length; i++) {
        var item = $(links[i]);
        
        var buttons         = item.getChildren();
        var mouseOutButton  = buttons[0];
        var mouseOverButton = buttons[1];
        
        item.addEvent("click", homeMenuClick);
        item.addEvent("mouseover", homeMenuMouseOver);
        item.addEvent("mouseout", homeMenuMouseOut);

        item.panelID = i;
        
        if (i == 0) { 
            homeMenuMouseOver(item);
            homeMenuClick(item);
        } else { 
            homeMenuMouseOut(item);
        }
    }
}

function homeMenuClick(item) {
    if (this.href != null) { item = $(this); }
    
    if (activeItem != item) {
        var previousItem = activeItem;
        
        activeItem = null;
        homeMenuMouseOut(previousItem);
        homeMenuMouseOver(item); 
        activeItem = item;
        
        if (previousItem != null) { 
            var hideEffect = new Fx.Morph("homePageHero-" + previousItem.panelID, {duration: 200, transition: Fx.Transitions.Cubic.easeIn});
            hideEffect.start({ "opacity": [1, 0] });
        }
        
        var showEffect = new Fx.Morph("homePageHero-" + item.panelID, {duration: 400, transition: Fx.Transitions.Cubic.easeIn});
        showEffect.start({ "opacity": [0, 1] });
    }
}

function homeMenuMouseOver(item) {
    if (this.href != null) { item = $(this); }

    if (activeItem != item) {
        var buttons         = item.getChildren();
        var mouseOutButton  = buttons[0];
        var mouseOverButton = buttons[1];
        
        mouseOutButton.setStyle('display', 'none');
        mouseOverButton.setStyle('display', 'block');
    }
}

function homeMenuMouseOut(item) {
    if (this.href != null) { item = $(this); }

    if (activeItem != item) {
        var buttons         = item.getChildren();
        var mouseOutButton  = buttons[0];
        var mouseOverButton = buttons[1];
        
        mouseOutButton.setStyle('display', 'block');
        mouseOverButton.setStyle('display', 'none');
    }
}

var activeLeftMenu = 0;
var childActiveItem = 0;

var itemCategory = getQueryString("ItemCategory");

function initLeftMenu() {
    if (itemCategory != null) {
        activeLeftMenu = itemCategory;
        
        // This might be an active sub-category item, so check.
        if ($('navMenu' + activeLeftMenu) == null) {
            var selectedItem = $('left-hand').getElements('DIV[class$=nav-submenu-item-selected"]');
            
            if (selectedItem != null) {
                var parentElement = selectedItem.getParent().getParent();
                
                childActiveItem = activeLeftMenu;
                activeLeftMenu = (parentElement.getProperty("id") + "").replace("navSubmenu", "");
            }
        }
    }
    
    var subMenus = $('left-hand').getElements('DIV[class=nav-submenu"]');
    
    for (var i = 0; i < subMenus.length; i++) {
        var submenu = $(subMenus[i]);
        
        if (submenu.style.display == "none" && submenu.getChildren().length > 0) {
            submenu.style.display = "block";
            
            var effect = new Fx.Morph(submenu.getParent(), { duration: 1 });
            effect.start({ "height": 0 });          
        }
    }
}

function showLeftMenuSub(parentID) {
    if (parentID != activeLeftMenu) {
        var submenu = $('navSubmenu' + parentID);
        var menu = $('navMenu' + parentID);
        
        hideLeftMenuSub(activeLeftMenu);
        menu.addClass("nav-selected");
            
        if (submenu != null) {
            function showEffectComplete() {
                if (navigator.appVersion.indexOf('MSIE 6') > -1) {
                    $('inner-container-bg').setStyle('position', 'absolute');
                    $('inner-container-bg').setStyle('position', 'relative');
                }
            }
        
            var subMenuSize = submenu.getSize();    
            var showEffect = new Fx.Morph(submenu.getParent(), {duration: 120, transition: Fx.Transitions.Sine.easeOut, onComplete: showEffectComplete});
             
            showEffect.start({ "height": [0, subMenuSize.y] });
        }
        
        childActiveItem = 0;
        activeLeftMenu = parentID;
    }
}

function hideLeftMenuSub(parentID) {
    if (parentID == activeLeftMenu) {
        var submenu = $('navSubmenu' + parentID);
        var menu = $('navMenu' + parentID);
        
        if (submenu != null) {
             var subMenuSize = submenu.getSize();  

             var hideEffect = new Fx.Morph(submenu.getParent(), {duration: 120, transition: Fx.Transitions.Sine.easeIn});  
             hideEffect.start({ "height": [subMenuSize.y, 0] });
        }
        
        if (menu != null) {
            menu.removeClass("nav-selected");
            menu.addClass("nav-regular");
        }
        
        if (childActiveItem != 0) {
            var childItem = $("navSubmenuItem" + childActiveItem);
            
            if (childItem != null) {
                 childItem.removeClass("nav-submenu-item-selected");
            }
        }
    }
}

function leftMenuMouseOver(parentID) {
    var menu = $('navMenu' + parentID);
    
    if (menu != null) { menu.addClass("nav-hl"); }
}

function leftMenuMouseOut(parentID) {
    var menu = $('navMenu' + parentID);
    
    if (menu != null) { menu.removeClass("nav-hl"); }
}

function leftSubMenuMouseOver(parentID) {
    var menu = $('navSubmenuItem' + parentID);
    
    if (menu != null) { menu.addClass("nav-sub-hl"); }
}

function leftSubMenuMouseOut(parentID) {
    var menu = $('navSubmenuItem' + parentID);
    
    if (menu != null) { menu.removeClass("nav-sub-hl"); }
}

function highlight(obj, status){
    if (status) {
        $('buyButton-' + obj).src = "/App_Assets/images/button-product-buy-hl.gif";
    } else {
        $('buyButton-' + obj).src = "/App_Assets/images/button-product-buy.gif";
    }
}

function highlightContact(obj, status) {
    if (status) {
        $('contactButton-' + obj).src = "/App_Assets/images/button-contact-us-hl.gif";
    } else {
        $('contactButton-' + obj).src = "/App_Assets/images/button-contact-us.gif";
    }
}

function highlightButton(obj, button, status) {
    if (status) {
        $(obj).src = "/App_Assets/images/" + button + "-hl.gif";
    } else {
        $(obj).src = "/App_Assets/images/" + button + ".gif";
    }
}