var timeId = null

function hideShowMenu () {
	if (getE("selectBox"))
		getE("selectBox").blur();
	if (getE("flyingMenu")) {
		var objFlyingMenu = getE("flyingMenu");
		if (objFlyingMenu.style.display == "inline")
			objFlyingMenu.style.display = "none";
		else
			objFlyingMenu.style.display = "inline";
	}
}
function hideMenu () {
	if (getE("flyingMenu"))
		getE("flyingMenu").style.display = "none";
}
function hideMenuWithTimer (mSec) {
	timeId = setTimeout("hideMenu()", mSec);
}

function cleanTimer () {
	if (timeId != null) {
		clearTimeout(timeId);
		timeId = null;
	}
}

function reloadIFrame (pURL, selectLabel) {
	if (pURL && getE("theIframe"))
		getE("theIframe").src = pURL;
	if (selectLabel)
		setSelectLabel(selectLabel);
}

function setSelectLabel (selectLabel) {
	if (getE("selectBox")) { //in Fashion Box
		if (selectLabel) {
			if (selectLabel.length > 31)
				getE("selectBox").style.width = "auto";
			else
				getE("selectBox").style.width = "240px";
			getE("selectBox").options[0].text = selectLabel;
		}
	}
	else if (getE("keyImageSpan")) { //In search by key image version 2, with 2 rows of icons
		//label format: [main category] - [intermediate category] - [sub category]
		//Note: we display only [main category] and [sub category]
		var firstDashPos = selectLabel.indexOf(" - ");
		if (firstDashPos > 0) {
			var mainLabel = selectLabel.substring(0, firstDashPos);
			getE("keyImageSpan").innerHTML = mainLabel;
		}
		else {
			getE("keyImageSpan").innerHTML = selectLabel;
		}
		var lastDashPos = selectLabel.lastIndexOf(" - ");
		if (getE("subKeyImageSpan") && lastDashPos > -1) {
			var subLabel = selectLabel.substring(lastDashPos + 3);
			getE("subKeyImageSpan").innerHTML = subLabel;
		}
		else {
			getE("subKeyImageSpan").innerHTML = "Please choose your sub category";
			reloadIFrame("/cs/Themes/hawaii/looksGallery/emptyCategory.htm"); //empty iframe when sub category is not selected
		}
	}
}

//cheap patch to support 2 carrousels
var objCLeftPos = new Array(0, 0);
var pageCarousel = new Array(1, 1);

function reloadCarousel (parentItemId, selectLabel, iFrameSrc, customizedLink, includeSubCategory, slideByRow, currentItemId) {
	setSelectLabel(selectLabel);
	reloadIFrame(iFrameSrc);
	if (slideByRow == null)
		slideByRow = 7;
	var xmlHttp = getXmlHttp();
	if (xmlHttp) {
		xmlHttp.onreadystatechange = function() {
			if(xmlHttp.readyState == 4) {
				if (getE("carouselDiv")) {
					var text = trim(xmlHttp.responseText);
					getE("carouselDiv").innerHTML = text;
					hideMenu();
					
					/*Opacité de la flèche*/
					var objC = getE("carouselDiv");
					var numOfChild = objC.getElementsByTagName("div").length;
					if (numOfChild==0)
						numOfChild = objC.getElementsByTagName("a").length;
					var elementArrowL = document.getElementById("leftArrowC");
					var elementArrowR = document.getElementById("rightArrowC");
					var maximumCarousel = Math.ceil(numOfChild/slideByRow);
					
					objCLeftPos[0] = 0;
					objC.style.left = 0 + "px";
					
					pageCarousel[0] = 1;

					if (maximumCarousel > 1) {
						elementArrowL.className = "arrow";
						elementArrowR.className = "darkarrow";
					}
					else {
						elementArrowL.className = "arrow";
						elementArrowR.className = "arrow";;
					}
				}
			}
		}
		var fullPath = "/cs/Themes/hawaii/fashionConsultant/getCarouselAjax.aspx?ParentItemId=" + parentItemId;
		if (customizedLink != null)
			fullPath += "&customizedLink=" + customizedLink;
		if (includeSubCategory)
			fullPath += "&includeSubCategory=" + includeSubCategory;
		if (currentItemId != null)
			fullPath += "&lastFashionConsultantItemId=" + currentItemId;
		else if (getCookie("lastFashionConsultantItemId"))
			fullPath += "&lastFashionConsultantItemId=" + getCookie("lastFashionConsultantItemId");
		xmlHttp.open("GET", fullPath, true);
		xmlHttp.send(null);
	}
}

function findCurrentSelectedItemIndex (itemId, slideByRow, widthPerSlide) {
	if (document.getElementById("car" + itemId)) {
		var objCar = document.getElementById("carouselDiv");
		var objItem = document.getElementById("car" + itemId);
		for (var i=0; i<objCar.childNodes.length; i++) {
			var childItem = objCar.childNodes[i];
			if (childItem == objItem) {
				//alert(i);
				var pageNum = Math.ceil((i+1)/slideByRow);
				pageCarousel[0] = pageNum;
				objCLeftPos[0] = (-widthPerSlide*(pageNum-1));
				objCar.style.left = objCLeftPos[0] + "px";
				//return i;
				var elementArrowL = document.getElementById("leftArrowC");
				var elementArrowR = document.getElementById("rightArrowC");
				if (pageNum == 1)
					elementArrowL.className = "arrow";
				else
					elementArrowL.className = "darkarrow";
				if (pageNum == Math.ceil(objCar.childNodes.length/slideByRow))
					elementArrowR.className = "arrow";
				else
					elementArrowR.className = "darkarrow";
			}
		}
	}
	else {
		//alert("Item not found");
		//return -1;
	}
}

function moveCarousel (pos) { //in fashion box
	moveCarouselIni(pos, "carouselDiv", "leftArrowC", "rightArrowC", 7, 595, 0);
}
function moveCarousel2 (pos) { //first row of Search By Key Image
	moveCarouselIni(pos, "carouselDiv2", "leftArrowC2", "rightArrowC2", 10, 590, 1);
}
function moveCarousel3 (pos) { //second row of Search By Key Image
	moveCarouselIni(pos, "carouselDiv", "leftArrowC", "rightArrowC", 10, 590, 0);
}

function moveCarouselIni (pos, divId, leftArId, rightArId, slideByPage, carWidth, aryIndex) {
	var objC = getE(divId);
	var currentLeft = parseInt(objC.style.left.replace("px", ""))
	var numOfChild = objC.getElementsByTagName("div").length;
	if (numOfChild==0)
		numOfChild = objC.getElementsByTagName("a").length;
	var elementArrowL2 = document.getElementById(leftArId);
	var elementArrowR2 = document.getElementById(rightArId);
	var maximumCarousel = Math.ceil(numOfChild/slideByPage) * -carWidth;
	var maximumPages = Math.ceil(numOfChild/slideByPage);
	if (parseInt(pos)==carWidth) {
		if (currentLeft < 0 ) {
			pageCarousel[aryIndex]--;
			objCLeftPos[aryIndex] += pos;
			objC.style.left = objCLeftPos[aryIndex] + "px";
		}
	}
	else if (parseInt(pos)==-carWidth) {	
		if (currentLeft-carWidth != maximumCarousel) {
			if(maximumCarousel < -carWidth) {
				pageCarousel[aryIndex]++;
				objCLeftPos[aryIndex] += pos;
				objC.style.left = objCLeftPos[aryIndex] + "px";
			}
		}
	}
	if (pageCarousel[aryIndex] == 1)
		elementArrowL2.className = "arrow";	
	else
		elementArrowL2.className = "darkarrow";
	if (pageCarousel[aryIndex] >= maximumPages)
		elementArrowR2.className = "arrow";
	else
		elementArrowR2.className = "darkarrow";
}

function onKeyImageClick (pos) {
	var curLink = getE("car" + pos);
	var parentDiv = curLink.parentNode
	var objLinks = parentDiv.getElementsByTagName("a");
	for (var i=0; i<objLinks.length; i++) {
		var objA = objLinks[i];
		objA.className = null;
	}
	curLink.className = "selected";
}
function onSubKeyImageClick (pos) {
	setCookie("lastFashionConsultantItemId", pos);
	onKeyImageClick(pos);
}