﻿/*
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,curtop];
                }

                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.backgroundColor = hoverBackgroundColor;
                    elem.style.color = hoverTextColor;
                }

                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.backgroundColor = grayBackground;
                    elem.style.color = "#FFFFFF";
                }

                function fnUnderlineLink(linkElem)
                {
                    linkElem.style.textDecoration = "underline";
                    linkElem.style.cursor = "pointer";
                    
                }

                function fnRemoveUnderline(linkElem)
                {
                    linkElem.style.textDecoration = "none";
                    linkElem.style.cursor = "auto";
                }

                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 fnGetMenuTopPosition()
                {
                    // 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
                        }
                    }
                    //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;
                }

                $(document).ready(function(){
                    fnSetGroupA(true);
	                $('#mnuFineArt, #mnuFineArtLink, #mnuFineArt1Link').mouseenter(function(){
		                fnDisplayMenu(this,'mnuFineArt');
	                });

	                $('#mnuFineArt, #mnuFineArtLink, #mnuFineArt1Link').mouseleave(function(){
		                fnHideMenu('mnuFineArt');
	                });

	                $('#mnuPhotography, #mnuPhotographyLink, #mnuPhotography1Link').mouseenter(function(){
		                fnDisplayMenu(this,'mnuPhotography');
	                });

	                $('#mnuPhotography, #mnuPhotographyLink, #mnuPhotography1Link').mouseleave(function(){
		                fnHideMenu('mnuPhotography');
	                });

                    $('#mnuVintage, #mnuVintageLink, #mnuVintage1Link').mouseenter(function(){
		                fnDisplayMenu(this,'mnuVintage');
	                });

	                $('#mnuVintage, #mnuVintageLink, #mnuVintage1Link').mouseleave(function(){
		                fnHideMenu('mnuVintage');
	                });
	                
	                $('#mnuTravel, #mnuTravelLink, #mnuTravel1Link').mouseenter(function(){
		                fnDisplayMenu(this,'mnuTravel');
	                });

	                $('#mnuTravel, #mnuTravelLink, #mnuTravel1Link').mouseleave(function(){
		                fnHideMenu('mnuTravel');
	                });
	                
	                $('#mnuAnimals, #mnuAnimalsLink, #mnuAnimals1Link').mouseenter(function(){
		                fnDisplayMenu(this,'mnuAnimals');
	                });

	                $('#mnuAnimals, #mnuAnimalsLink, #mnuAnimals1Link').mouseleave(function(){
		                fnHideMenu('mnuAnimals');
	                });
	                
	                $('#mnuMovies, #mnuMoviesLink, #mnuMovies1Link').mouseenter(function(){
		                fnDisplayMenu(this,'mnuMovies');
	                });

	                $('#mnuMovies, #mnuMoviesLink, #mnuMovies1Link').mouseleave(function(){
		                fnHideMenu('mnuMovies');
	                });
	                
	                $('#mnuMusic, #mnuMusicLink, #mnuMusic1Link').mouseenter(function(){
		                fnDisplayMenu(this,'mnuMusic');
	                });

	                $('#mnuMusic, #mnuMusicLink, #mnuMusic1Link').mouseleave(function(){
		                fnHideMenu('mnuMusic');
	                });

	                $('.sub_popup_childClass').hover(
                      function () {
      		                $(this).css('backgroundImage','url(http://img.allposters.com/images/INTL/1/header09/dropdown_select.jpg)'); 
	                   }, 
                      function () {
       		                $(this).css('backgroundImage','');
                      }
                    );

                });
