var showGallerySubMenu = false;
window.addEvent('domready', function() {
    $$('.currentMenuItem').each(function(item) {
        item.addEvents({
            'mouseenter': function() {
                showSubMenu(item.getProperty('id'));
            }
        });
    });
    $$('.menuItem').each(function(item) {
        item.addEvents({
            'click': function() {
                navigate(item);
            },
            'mouseenter': function() {
                document.getElementById(item.getProperty('id')).className = 'menuItemHover';
                showSubMenu(item.getProperty('id'));
            },
            'mouseleave': function() {
                document.getElementById(item.getProperty('id')).className = 'menuItem';
                showGallerySubMenu = false;
                showSubMenu(item.getProperty('id'));
            }
        });
    });

    $$('.subMenuItem').each(function(item) {
        item.addEvents({
            'click': function() {
                navigate(item);
            },
            'mouseenter': function() {
                document.getElementById(item.getProperty('id')).className = 'subMenuItemHover';
                showSubMenu(item.getProperty('id'));
            },
            'mouseleave': function() {
                showGallerySubMenu = false;
                document.getElementById(item.getProperty('id')).className = 'subMenuItem';
                setTimeout('hideSubMenus()', 500);
            }
        });
    });

    $$('.memberMenuItem').each(function(item) {
        item.addEvents({
            'click': function() {
                navigate(item);
            },
            'mouseenter': function() {
                document.getElementById(item.getProperty('id')).className = 'memberMenuItemHover';
            },
            'mouseleave': function() {
                document.getElementById(item.getProperty('id')).className = 'memberMenuItem';
            }
        });
    });

    $$('.trialMenuItem').each(function(item) {
        item.addEvents({
            'click': function() {
                navigate(item);
            },
            'mouseenter': function() {
                document.getElementById(item.getProperty('id')).className = 'trialMenuItemHover';
                showSubMenu(item.getProperty('id'));
            },
            'mouseleave': function() {
                document.getElementById(item.getProperty('id')).className = 'trialMenuItem';
                showGallerySubMenu = false;
                showSubMenu(item.getProperty('id'));
            }
        });
    });
});

function navigate(item) {
    switch (item.getProperty('id')) {
        case 'homeLink':
            location.href = 'Default.aspx';
            break;
        case 'howItWorksLink':
            location.href = 'howitworks.aspx';
            break;
        case 'homeGalleryLink':
            location.href = 'http://keepitdigital.smugmug.com/SampleGallery';
            break;
        case 'serviceLink':
            location.href = 'services.aspx';
            break;
        case 'faqLink':
            location.href = 'faq.aspx';
            break;
        case 'homeContactLink':
            location.href = 'contact.aspx';
            break;
        case 'aboutLink':
            location.href = 'about.aspx';
            break;
        case 'sampleGalleryLink':
            location.href = 'http://keepitdigital.smugmug.com/SampleGallery';
            break;
        case 'publicGalleriesLink':
            location.href = 'publicGallery.aspx';
            break;
        case 'keedjitGalleryLink':
            location.href = 'http://keepitdigital.smugmug.com/';
            break;
        case 'homeSendOrderLink':
            location.href = 'secure/sendOrder.aspx';
            break;
        case 'orderStatusLink':
            location.href = 'member/orderStatus.aspx';
            break;
        case 'galleryLink':
            location.href = 'member/gallery.aspx';
            break;
        case 'personalLink':
            location.href = 'member/personalization.aspx';
            break;
        case 'profileLink':
            location.href = 'member/preferences.aspx';
            break;
        case 'accountLink':
            location.href = 'https://www.keepitdigital.com/member/secure/accountInfo.aspx';
            break;
        case 'contactLink':
            location.href = 'contact.aspx';
            break;
        case 'sendOrderLink':
            location.href = 'secure/sendOrder.aspx';
            break;
        case 'homeFreeTrialLink':
            location.href = 'secure/register.aspx';
            break;
        case 'homeGraduateLink':
            location.href = 'secure/orderForm.aspx';
            break;
    }
}

function hideSubMenus() {
    if (!showGallerySubMenu) {
        $('sampleGalleryLink').setStyle('display', 'none');
        $('publicGalleriesLink').setStyle('display', 'none');
        $('keedjitGalleryLink').setStyle('display', 'none');
    }
}
function showSubMenu(menuId) {
    hideSubMenus();
    switch (menuId) {
        case 'homeGalleryLink':
            showGallerySubMenu = true;
            break;
        case 'sampleGalleryLink':
            showGallerySubMenu = true;
            break;
        case 'publicGalleriesLink':
            showGallerySubMenu = true;
            break;
        case 'keedjitGalleryLink':
            showGallerySubMenu = true;
            break;
    }
    if (showGallerySubMenu) {
        $('sampleGalleryLink').setStyle('display', 'block');
        $('publicGalleriesLink').setStyle('display', 'block');
        $('keedjitGalleryLink').setStyle('display', 'block');
    }
}