var _SelectedLink = null;
var _SelectedLinkIndex = -1;
var _TopLevelHoverLink = null;
var _TopLevelHoverIndex = -1;

var _TopLevelImageUrls = ['People.png', 'Business.png', 'Academics.png', 'Products.png', 'AboutUs.png', 'Store.png'];
var _TopLevelHoverImageUrls = ['PeopleBlue.png', 'BusinessBlue.png', 'AcademicsBlue.png', 'ProductsBlue.png', 'AboutUsBlue.png', 'StoreBlue.png'];

function PreloadImage(imageUrl) {
    if (document.images) {
        pic1 = new Image();
        pic1.src = imageUrl;
    }
}

function SetSelectedLink(linkID) {
    _SelectedLink = $get(linkID);
}

function OnTopLevelClick(sender, name, index) {
    if (_SelectedLink != null) {
        $get(_TopLevelImgIDs[_SelectedLinkIndex]).src = '/Images/' + _CulturePath + 'Navigation/' + _TopLevelImageUrls[_SelectedLinkIndex];
    }
    _SelectedLink = sender;
    _SelectedLinkIndex = index;
    _SecondLevelNavLocked = true;
    ShowBlue(sender, index, true);
}

function OnLinkHover(sender, index) {
    if (_SelectedLink != _TopLevelHoverLink) {
        if (_TopLevelHoverLink != null) {
            $get(_TopLevelImgIDs[_TopLevelHoverIndex]).src = '/Images/' + _CulturePath + 'Navigation/' + _TopLevelImageUrls[_TopLevelHoverIndex];
        }
    }
    if (typeof(_SecondLevelNavLocked) == 'undefined') {
        ShowBlue(sender, index, false);
    } else {
        ShowBlue(sender, index, !_SecondLevelNavLocked);
    }
}

function ShowBlue(sender, index, changeSecondLevel) {
    _TopLevelHoverLink = sender;
    _TopLevelHoverIndex = index;
    $get(_TopLevelImgIDs[index]).src = '/Images/' + _CulturePath + 'Navigation/' + _TopLevelHoverImageUrls[index];
    if (changeSecondLevel) {
        ChangeSecondLevelNav();
    }
}

function ChangeSecondLevelNav() {
    var parentDiv = $get('SecondLevelNavPanel');
    var oldChild = $get(_CurrentChildID);
    var newChild = $get(_ChildPanelNames[_TopLevelHoverIndex + 1]);
    if (oldChild != null) {
        oldChild.style.visibility = 'hidden';
        oldChild.style.display = 'none';
    }
    newChild.style.visibility = 'visible';
    newChild.style.display = '';
    _CurrentChildID = newChild.id;
}

function OnNavBarOut(e, nonNavDiv) {
    if (_SelectedLink != null && _SelectedLink == _TopLevelHoverLink) {
        return;
    }
    if (!nonNavDiv) {
        if (!e) var e = window.event;
        var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
        while (reltg != null && reltg.id != 'aspnetForm') {
            if (reltg.id == 'NavPanel') {
                return;
            }
            reltg = reltg.parentNode
        }
    }
    // outside the nav area
    if (_TopLevelHoverLink != null) {
        $get(_TopLevelImgIDs[_TopLevelHoverIndex]).src = '/Images/' + _CulturePath + 'Navigation/' + _TopLevelImageUrls[_TopLevelHoverIndex];
    }
    if (!_SecondLevelNavLocked) {
        var parentDiv = $get('SecondLevelNavPanel');
        var oldChild = $get(_CurrentChildID);
        var newChild = $get(_ChildPanelNames[0]);
        if (oldChild != null) {
            oldChild.style.visibility = 'hidden';
            oldChild.style.display = 'none';
        }
        newChild.style.visibility = 'visible';
        newChild.style.display = '';
        _CurrentChildID = newChild.id;
    }
}

function CancelEvent(e) {
    if (!e) var e = window.event;
    if (e) e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
}