/*
This file is used specifically for header menu
*/
var hoverBackgroundColor = "F4F7FC";
var hoverTextColor = "CC3333";
var grayBackground = "8A9099";

function fnPreloadImages(imgPath) {
    if (document.images) {
        var pic1 = new Image(1, 1);
        pic1.src = imgPath;
    }
}

function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft-1, curtop]; // subtract 1px borderwidth 
}

function fnDisplayMenu(parent, mnuName) {
    var mnuElem = document.getElementById(mnuName);
    mnuElem.style.display = "block";
    var placement = findPos(parent);
    if (mnuElem.id == "mnuMovies") {
        mnuElem.style.left = parseInt(parent.offsetWidth) + parseInt(placement[0]) - parseInt(mnuElem.offsetWidth) + "px";
    }
    else {
        mnuElem.style.left = placement[0] + "px";
    }
    fnHighlightTD(mnuName);
}

function fnHideMenu(mnuName) {
    var mnuElem = document.getElementById(mnuName);
    mnuElem.style.display = "none";
    var allTopMenuLinks = $('.topMnuLink');
    allTopMenuLinks.css('color', '#FFFFFF');
    allTopMenuLinks.css('backgroundColor', '#8A9099');

    allTopMenuLinks = $('.topMnuLink_JPN');
    if (allTopMenuLinks) {
        allTopMenuLinks.css('color', '#FFFFFF');
        allTopMenuLinks.css('backgroundColor', '#8A9099');
    }
}


function fnHighlightTD(mnuName) {
    var elem = document.getElementById(mnuName + "Link");
    if (!elem) { elem = document.getElementById(mnuName + "1Link"); }
    if (!elem) { elem = document.getElementById(mnuName + "Link_JPN"); }
    //elem.style.color = hoverTextColor;
    //elem.style.backgroundColor = hoverBackgroundColor;    
}

function fnRemoveHighlight(mnuName) {
    var elem = document.getElementById(mnuName + "Link");
    if (!elem) { elem = document.getElementById(mnuName + "1Link"); }
    if (!elem) { elem = document.getElementById(mnuName + "Link_JPN"); }
    //elem.style.color = "#FFFFFF";
    //elem.style.backgroundColor = grayBackground;    
}

function fnUnderlineLink(linkElem) {
    linkElem.style.textDecoration = "underline";
    linkElem.style.cursor = "pointer";

}

function fnRemoveUnderline(linkElem) {
    linkElem.style.textDecoration = "none";
    linkElem.style.cursor = "arrow";
}

function fnApplyBackgroundImage(linkElem, imgUrl) {
    var newImage = "url(" + imgUrl + ")";
    linkElem.style.backgroundImage = newImage;
}

function fnRemoveBackgroundImage(linkElem) {
    linkElem.style.backgroundImage = "";
    /*window.setTimeout(function (mnuName){
    linkElem.style.backgroundImage = "";
    }, 3);*/
}

function fnGetMenuTopPositionOld() {
    // Code to get the CSToolbar
    var csToolbar = document.getElementById("CSContainer");
    //alert(csToolbar);
    var csToolbarHeight = 0;
    if (csToolbar) {
        if (csToolbar.style.display != "none") {
            csToolbarHeight = csToolbar.offsetHeight
            alert(csToolbarHeight + " Jq " + $(csToolbar).height());
        }
    }
    //var csToolbarHeight = 0;
    var artLogoSpace = document.getElementById("HeaderRight");
    var headerMenuDiv = document.getElementById("HeaderBar");
    var popMenuTop = parseInt(csToolbarHeight) + parseInt(headerMenuDiv.offsetHeight) + parseInt(artLogoSpace.offsetHeight);
    return popMenuTop;
}

function fnNavigate2(url) {
    window.location.href = url;
}


var LEFT_ALIGNMENT = "LEFT";
var RIGHT_ALIGNMENT = "RIGHT";
var SLIDE_DOWN = "SLIDE_DOWN";
var NORMAL_DISPLAY = "NORMAL_DISPLAY";

function fnPositionMenu(elemWidth, divElem, elemStartPos, align, displayType) {
    var menus = $(divElem).find("ul");
    var totalWidth = $(menus[0]).width() + $(menus[1]).width() + $(menus[2]).width(); ;

    var menuPosArray = new Array();
    $(menus[2]).css("border-left", "0px");
    $(menus[0]).css("border-right", "0px");
    if (align == RIGHT_ALIGNMENT) {
        var elemRightPos = parseInt(elemWidth) + parseInt(elemStartPos);
        menuPosArray[0] = elemRightPos - parseInt(totalWidth) + "px";
        menuPosArray[1] = elemRightPos - parseInt(totalWidth) + parseInt($(menus[0]).width()) + "px";
        menuPosArray[2] = elemRightPos - parseInt(totalWidth) + parseInt($(menus[0]).width()) + parseInt($(menus[1]).width()) + "px";        
    }
    else if (align == LEFT_ALIGNMENT) {
        menuPosArray[0] = elemStartPos + "px";
        menuPosArray[1] = elemStartPos + parseInt($(menus[0]).width()) + "px";
        menuPosArray[2] = elemStartPos + parseInt($(menus[0]).width()) + parseInt($(menus[1]).width()) + "px";
    }

    for (pp = 0; pp < 3; pp++) {
        fnShowMenu(menus[pp], menuPosArray[pp], displayType);
    }
}

function fnShowMenu(elem, leftPos, displayType) {
    if (displayType == SLIDE_DOWN) {
        $(elem).css({ top: fnGetMenuTopPosition() + "px", left: leftPos, visibility: "visible", display: "none" }).slideDown(200);
    }
    else if (displayType == NORMAL_DISPLAY) {
        $(elem).css({ top: fnGetMenuTopPosition() + "px", left: leftPos, visibility: "visible", display: "block" });
    }
}

function fnGetMenuTopPosition() {
    var MENU_TOP_POSITION = 97;
    //var MENU_TOP_POSITION = $('.cellmainfpsearch').height();
    var csToolBar = document.getElementById("CSContainer");
    if (csToolBar)
    {
        //MENU_TOP_POSITION = 193;
        MENU_TOP_POSITION = MENU_TOP_POSITION + $('#CSContainer').height();
        if (! $.browser.msie) {
            MENU_TOP_POSITION = MENU_TOP_POSITION + 2;
        }
    }   
    return MENU_TOP_POSITION;
}

function mainmenu() {
    var hflag = false, f = false, a, b = false,
	objHover = {
	    sensitivity: 62,
	    interval: 370,
	    over: function() {
	        if (!hflag) {
	            var mnuElem = $(this).find("ul");
	            var placement = findPos(this);
	            var hyperLinkElem = $(this).find("a");
	            var divElem = $(this).find("div");
	            var leftPos = placement[0] + "px";
	            /*Movies Link OR Framed Art Link*/
	            if (hyperLinkElem[0].id == "mnu101Link" || hyperLinkElem[0].id == "mnu13150Link") {
	                if (divElem) {
	                    fnPositionMenu(this.offsetWidth, divElem, placement[0] + 1, RIGHT_ALIGNMENT, SLIDE_DOWN); //Adding 1px borderwidth for placement 
	                    hflag = true;
	                }
	            }
	            /*Animals Link*/
	            else if (hyperLinkElem[0].id == "mnu622Link") {
	                if (divElem) {
	                    fnPositionMenu(this.offsetWidth, divElem, placement[0], LEFT_ALIGNMENT, SLIDE_DOWN);
	                    hflag = true;
	                }
	            }
	            else {
	                $(mnuElem).css({ top: fnGetMenuTopPosition() + "px", left: leftPos, visibility: "visible", display: "none" }).slideDown(200,
					function() {
					    hflag = true;
					})
	            }
	        }
	        else {
	            //$(this).find("ul").css({ top: fnGetMenuTopPosition() + "px", left: leftPos, visibility: "visible", display: "block" });
	            var placement = findPos(this);
	            var hyperLinkElem = $(this).find("a");
	            var divElem = $(this).find("div");
	            var leftPos = placement[0] + "px";
	            /*Movies Link Or Framed Art Link*/
	            if (hyperLinkElem[0].id == "mnu101Link" || hyperLinkElem[0].id == "mnu13150Link") {
	                if (divElem) {
	                    fnPositionMenu(this.offsetWidth, divElem, placement[0] + 1, RIGHT_ALIGNMENT, NORMAL_DISPLAY); //Adding 1px borderwidth for placement 
	                }
	            }
	            /*Animals Link*/
	            else if (hyperLinkElem[0].id == "mnu622Link") {
	                if (divElem) {
	                    fnPositionMenu(this.offsetWidth, divElem, placement[0], LEFT_ALIGNMENT, NORMAL_DISPLAY);
	                }
	            }
	            else {
	                $(this).find("ul").css({ top: fnGetMenuTopPosition() + "px", left: leftPos, visibility: "visible", display: "block" });
	            }
	            hflag = true;
	        }
	        // Highlight the menu
	        var gradientImage = "url(" + $("#bgImagePath").html() + ")";
	        $(this).find("a").css({ "backgroundImage": gradientImage, "background-repeat": "repeat-x", color: hoverTextColor });
	    },
	    timeout: 50,
	    out: function() {
	        $("#navigationMenu li ul").css("display", "none");
	        hflag = true;
	        // Remove the highlight
	        $(this).find("a").css({ "backgroundImage": "", color: "#FFFFFF" });
	    }
	};

	$("#navigationMenu ul li.menuItem").hoverIntent(objHover);
    $("#navigationMenu").hover(function() { }, function() { $("#navigationMenu li ul").fadeOut(100, function() { hflag = false; }) });
}

$(document).ready(function() {
    mainmenu();

$('.sub_popup_childClass').hover(
    function() {
        $(this).css('background-color', '#ccd0db');
        $(this).css('color', '#cc3333');
        //$(this).css('font-weight', 'bold');
    },
    function() {
        $(this).css('background-color', '');
        $(this).css('color', '#666666');
        //$(this).css('font-weight', 'normal');
    });
 });