// JavaScript Document
function showPopup(btnObj,divName,index)
{
	var pos=findPos(btnObj);
	var divObj=document.getElementById(divName);
	divObj.style.top=pos[1]-400;
	divObj.style.left=pos[0]-320;
	divObj.style.display='block';
 	var iframe = document.getElementById('if_'+divName); 
	if(iframe != null)
	{
		var layer = document.getElementById(divName);
        iframe.style.display = 'block';
        iframe.style.width = layer.offsetWidth;
        iframe.style.height = layer.offsetHeight;
        iframe.style.left = divObj.style.left;
        iframe.style.top = divObj.style.top;
    } 
	if(userBrowser=='ie')
	{
		var ua = navigator.userAgent;
		var MSIEOffset = ua.indexOf("MSIE ");
		if (MSIEOffset != -1)
		{
			var browserVersion = parseFloat(ua.substring(MSIEOffset + 5, ua.indexOf(";", MSIEOffset)));
			if (browserVersion < 6.5)
			{
				var selectObjArry=document.getElementsByTagName('select');
				for(i=0;i<selectObjArry.length;i++)
				{
					var selectSize='sizeSelect' + index;
					var selectInseam='inseamLength' + index;
					var selectCuff='cuffSize' + index;
					var selectColor='productColor' + index;
					if(selectObjArry[i].id==selectSize || selectObjArry[i].id==selectInseam || selectObjArry[i].id==selectCuff || selectObjArry[i].id==selectColor)
					{
						selectObjArry[i].style.visibility="hidden";
					}
					var nextSelectSize='sizeSelect' + (index+1);
					var nextSelectInseam='inseamLength' + (index+1);
					var nextSelectCuff='cuffSize' + (index+1);
					var nextSelectColor='productColor' + (index+1);
					if(selectObjArry[i].id==nextSelectSize || selectObjArry[i].id==nextSelectInseam || selectObjArry[i].id==nextSelectCuff || selectObjArry[i].id==nextSelectColor)
					{
						selectObjArry[i].style.visibility="hidden";
					}
				}
			}
		}
	}
}
function closePopUp(divName, index)
{
	var divObj=document.getElementById(divName);
	divObj.style.left=-600;
	var iframe = document.getElementById('if_'+divName); 
	if(iframe != null)
	{
    	iframe.style.display = 'none';
    	iframe.style.width =0;
     	iframe.style.height = 0;
    	iframe.style.left = 0;
     	iframe.style.top =0;
	} 
	divObj.style.display='none';
	if(userBrowser=='ie')
	{
		var ua = navigator.userAgent;
		var MSIEOffset = ua.indexOf("MSIE ");
		if (MSIEOffset != -1)
		{
			var browserVersion = parseFloat(ua.substring(MSIEOffset + 5, ua.indexOf(";", MSIEOffset)));
			if (browserVersion < 6.5)
			{
				var selectObjArry=document.getElementsByTagName('select');
				for(i=0;i<selectObjArry.length;i++)
				{
					var selectSize='sizeSelect' + index;
					var selectInseam='inseamLength' + index;
					var selectCuff='cuffSize' + index;
					var selectColor='productColor' + index;
					if(selectObjArry[i].id==selectSize || selectObjArry[i].id==selectInseam || selectObjArry[i].id==selectCuff || selectObjArry[i].id==selectColor)
					{
						selectObjArry[i].style.visibility="visible";
					}
					var index = Number(index);
					var nextSelectSize='sizeSelect' + (index+1);
					var nextSelectInseam='inseamLength' + (index+1);
					var nextSelectCuff='cuffSize' + (index+1);
					var nextSelectColor='productColor' + (index+1);
					if(selectObjArry[i].id==nextSelectSize || selectObjArry[i].id==nextSelectInseam || selectObjArry[i].id==nextSelectCuff || selectObjArry[i].id==nextSelectColor)
					{
						selectObjArry[i].style.visibility="visible";
					}
				}
			}
		}
	}
}
function deleteMonogramProduct0(){
// should delete the monogram object from item.
}
function changeCritterType(imageName,whchProd,whchFrm,colorDisplay) {
	var selectObj = document.getElementById('crittertype'+whchFrm);
	selectObj.options.selectedIndex = whchProd;
	document.getElementById('Cimage_'+whchFrm).src = eval('critr'+(whchProd-1)+'_'+whchFrm+'.src');
	document.getElementById('critterText'+whchFrm).innerHTML=imageName;
	//load into tbody 'theradColorHide'+whchFrm the available thread colors for that critter
	//if no color options for critter
	//'theradColorHide'+whchFrm.innerHTML='<tr><td><br><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; background-color: #ffffff">the critter you have selected will be stitched in the thread colors shown above</span><br></td></tr>'
	//+'<tr><td bgcolor="#FFFFFF"><select name="critterthreadcolor0" id="critterthreadcolor0" class="standardwidth"></select></td></tr>'		
	//formObj.getElementsByTagName('select')[1].disabled=true;	
	if(colorDisplay == true || colorDisplay == 'true'){
		document.getElementById('threadColorHeader').style.display = '';
		document.getElementById('theradColorSelect').style.display = '';
		document.getElementById('theradColorHide'+whchFrm).style.display = '';
	}else{				
		document.getElementById('theradColorHide'+whchFrm).style.display = 'none';
		document.getElementById('threadColorHeader').style.display = 'none';
		document.getElementById('theradColorSelect').style.display = 'none';
		document.getElementById('critterthreadcolor'+whchFrm).selectedIndex = 0;
	}
}
function changeType(whchProd,whchFrm,whchSelect) {
   	var selectObj = document.getElementById(whchSelect+whchFrm);
	selectObj.options.selectedIndex = whchProd+1;
}

function rtrim(stringToTrim) {
	return stringToTrim.replace(/\s+$/,"");
}
function setmonoStyleFont(strdiamond,strclassic) {
	var monType=document.getElementById('monogramtype0');
	if(monType.selectedIndex!=0){
		if(monType.options[monType.selectedIndex].value=='CLASSIC_BLOCK'){
				document.getElementById('monogramfontsize0').value = strclassic;
			}else if(monType.options[monType.selectedIndex].value=='DIAMOND_INSIGNIA'){
				document.getElementById('monogramfontsize0').value = strdiamond;
		}	}
}

function validFormMong(formNum){
	var errorMsg='';
	var formValid=true;
	if(document.getElementById('monoLocation'+formNum) && document.getElementById('monoLocation'+formNum) != null){
		if(document.getElementById('monoLocation'+formNum).selectedIndex==0){
			errorMsg+='Please choose a location.<br>';
			formValid=false;
		}
	}
	var monType=document.getElementById('monogramtype'+formNum);
	var intFirst=document.getElementById('init_first'+formNum);
	var intMddl=document.getElementById('init_mid'+formNum);
	var intLast=document.getElementById('init_last'+formNum);
	if(monType.selectedIndex==0){
			errorMsg+='Please choose a monogram style.<br>';
			formValid=false;
			if(intMddl && intMddl != null){
					if(rtrim(intFirst.value) == '' && rtrim(intMddl.value) == '' && rtrim(intLast.value) == ''){
						errorMsg+='Please enter at least one initial.<br>';
						formValid=false;
					}
			}else{//free text condition
				if(rtrim(intFirst.value) == ''){
					errorMsg+='Please enter monogram text.<br>';
					formValid=false;
				}
			}
	}else{
	//in case of free text
		if (intMddl!=null && intLast !=null){ 
			if(monType[monType.selectedIndex].value=='CLASSIC_BLOCK'&&intFirst.selectedIndex==0&&intMddl.selectedIndex==0&&intLast.selectedIndex==0){
				errorMsg+='Please choose at least one initial.<br>';
				formValid=false;
			}else if(monType[monType.selectedIndex].value=='DIAMOND_INSIGNIA'&&(intFirst.selectedIndex==0||intMddl.selectedIndex==0||intLast.selectedIndex==0)){
				errorMsg+='Please choose 3 initials for diamond insignia monogramming.<br>';
				formValid=false;
			}
		}else {
			if(monType[monType.selectedIndex].value=='CLASSIC_BLOCK' && intFirst.value.length<=0){
				errorMsg+='Please enter at least one initial.<br>';
				formValid=false;
			}else if(monType[monType.selectedIndex].value=='DIAMOND_INSIGNIA' && intFirst.value.length != 3){
				errorMsg+='Please enter 3 characters for diamond insignia monogramming.<br>';
				formValid=false;
			}
		}
	}
	if(document.getElementById('threadcolor'+formNum).selectedIndex==0){
		errorMsg+='Please choose a thread color.<br>';
		formValid=false;
	}
	document.getElementById('monoErrorMsg'+formNum).innerHTML=errorMsg;
	document.getElementById('monoErrorMsg'+formNum).style.display='block';
	document.location="#monoError"+formNum;
	return formValid;
}//end of method validFormMong()

	function validFormCrit(formNum){
	var errorMsg='';
	var formValid=true;
	if(document.getElementById('crittertype'+formNum)){
		if(document.getElementById('crittertype'+formNum).selectedIndex==0){
				errorMsg+='Please choose a critter<br>';formValid=false
			}
		}
		
	if(document.getElementById('critterthreadcolor'+formNum)){
		if(document.getElementById('theradColorHide'+formNum).style.display != 'none' 
			&& document.getElementById('critterthreadcolor'+formNum).selectedIndex==0){
				errorMsg+='Please choose a critter color.<br>';formValid=false
		}
	}
	document.getElementById('critterErrorMsg'+formNum).innerHTML=errorMsg;
	document.getElementById('critterErrorMsg'+formNum).style.display='block';
	document.location="#critError"+formNum;
	return formValid;
}

function openInfo(obj, index){
	var newY = findPos(obj);
	var prodInfoDiv=document.getElementById('personalizationInfo');
	var iframe = document.getElementById('personalizationInfoIF');
	prodInfoDiv.style.left=newY[0]-144;
	prodInfoDiv.style.top=newY[1]-185;
	prodInfoDiv.style.display='block';
	
	iframe.style.display = 'block';
	iframe.style.left = prodInfoDiv.style.left;
	iframe.style.top = prodInfoDiv.style.top;
	iframe.style.height = prodInfoDiv.offsetHeight;
	iframe.style.width = prodInfoDiv.offsetWidth;
}

function closeInfoPopUp(divName, iframeName)
{
	var divObj=document.getElementById(divName);
	var iframe=document.getElementById(iframeName);
	divObj.style.display='none';
	iframe.style.display='none';

}
function changeCritterThreadColor(imageName,whchProd,whchFrm){
	if(whchProd>0){	
		var code_isthread_array = imageName.split("|");
		changeCritterType(code_isthread_array[0],whchProd,whchFrm,code_isthread_array[1]);
	}
}

function toggleDesc(toggle, index)
{
	var descDiv = document.getElementById('descDiv' + index);
	var descTD = document.getElementById('descTD' + index);
	var descTable = document.getElementById('descTable' + index);
	var descIF = document.getElementById('descIF' + index);
	descTable.style.width = descTD.offsetWidth;
	
	var newY = findPos(descTD);
	
	if (toggle == 'open')
	{
		descDiv.style.display='block';
		var adjustLeft = 0;
		if(userBrowser=='ie')
		{
			adjustLeft = 2;
		}
		descDiv.style.left = newY[0] - adjustLeft;
		descDiv.style.top = newY[1];

		descIF.style.display = 'block';
		descIF.style.left = descDiv.style.left;
		descIF.style.top = descDiv.style.top;
		descIF.style.height = descDiv.offsetHeight;
		descIF.style.width = descDiv.offsetWidth;
	}
	if (toggle == 'close')
	{
		descDiv.style.display='none';
		descIF.style.display='none';
	}
}