// JavaScript Document
function getFields(i) {
	var tStr = 	'<!---->' +
						'<td>' +
						
				'<table border="0" cellspacing="5" cellpadding="0">' +
					'<tr><td class="form-title">Opening ' + i + ':</td></tr>' +
					'<tr>' +
						'<td class="form-info border-dashed">' +		
						
				'<table width="100%"  border="0" cellspacing="5" cellpadding="0">' +
					'<tr>' +
						'<td class="form-title" valign="top">Type:</td>' +
					'</tr>' +
					'<tr>' +
						'<td>' +
							'<input type="radio" id="ot' + i + '" name="Opening_' + i + '_Type" value="" style="display: none;" checked>' +
							'<input type="radio" id="otDoor' + i + '" name="Opening_' + i + '_Type" value="Door">' +
							'<label for="otDoor' + i + '"> Door</label><br>' +
							'<input type="radio" id="otWin' + i + '" name="Opening_' + i + '_Type" value="Window">' +
							'<label for="otWin' + i + '"> Window</label>' +
						'</td>' +
					'</tr>' +
				'</table>' +
		
				'<table width="100%"  border="0" cellspacing="5" cellpadding="0">' +
					'<tr>' +
						'<td class="form-title" valign="top">Width</td>' +
						'<td class="form-title" valign="top">&nbsp;</td>' +
						'<td class="form-title" valign="top">Height</td>' +
					'</tr>' +
					'<tr>' +
						'<td align="center">' +
							'<input class="textbox" type="text" name="Opening_' + i + '_Width*&quot;" value="" size="3">' +
						'</td>' +
						'<td align="center">X</td>' +
						'<td align="center">' +
							'<input class="textbox" type="text" name="Opening_' + i + '_Height*&quot;" value="" size="3">' +
						'</td>' +
					'</tr>' +
					'<tr><td class="small" colspan="3" align="center">(in inches)</td></tr>' +
				'</table>' +
		
				'<table width="100%"  border="0" cellspacing="5" cellpadding="0">' +
					'<tr>' +
						'<td class="form-title" valign="top">Position:</td>' +
					'</tr>' +
					'<tr>' +
						'<td>' +
							'<input type="radio" id="op' + i + '" name="Opening_' + i + '_Position" value="" style="display: none;" checked>' +
							'<input type="radio" id="opEnd' + i + '" name="Opening_' + i + '_Position" value="Endwall">' +
							'<label for="opEnd' + i + '"> Endwall</label><br>' +
							'<input type="radio" id="opSide' + i + '" name="Opening_' + i + '_Position" value="Sidewall">' +
							'<label for="opSide' + i + '"> Sidewall</label>' +
						'</td>' +
					'</tr>' +
				'</table>' +

						'</td>' +
					'</tr>' +
				'</table>' +
				
						'</td>'
	return tStr;
}
function createFields() {
	var tStr = ""
	var Openings = getElementObject("NumOfOpenings");
	var count = (isNaN(Openings.value))?0:Number(Openings.value);
	if (count >= 1) {
		tStr = 	'<hr align="center" style="width:100%;"><table border="0" cellspacing="20" cellpadding="0"><tr>';
		for (i=1;i<=count;i++) {
			tStr += getFields(i);
			if (i % 3 == 0)
				tStr += "</tr></tr>";
		}
		tStr += '</tr></table><hr align="center" style="width:100%;">';
	}
	SetLayerText("dynamic1", tStr);
	if (Openings.value != "") 
		Openings.value = (count!=0)?count:"";
}
function submitForm (f,act) {
	f.action = act;
	f.submit();
}
function getOffsetTop (elmID) {
	var elm = getElementObject(elmID);
	var tParent = elm.offsetParent;
	var tTop = elm.offsetTop + tParent.offsetTop;
	do
	{
		tParent = tParent.offsetParent;
		tTop += tParent.offsetTop
	} while (tParent.tagName != "BODY")
	return tTop;
}
function getOffsetLeft (elmID) {
	var elm = getElementObject(elmID);
	var tParent = elm.offsetParent;
	var tWidth = elm.offsetLeft + tParent.offsetLeft;
	do
	{
		tParent = tParent.offsetParent;
		tWidth += tParent.offsetLeft
	} while (tParent.tagName != "BODY")
	return tWidth;
}
function showNote (anch, sText) {
	SetLayerText ("helpNote", sText);
	var tAnch = getElementObject(anch)
	var tNote = getElementObject("helpNote");
	var tShdw = getElementObject("shadow");
	
	var tLeft = getOffsetLeft(anch) + tAnch.offsetWidth;
	var tTop = getOffsetTop(anch) - tNote.offsetHeight;
	
	if (tTop < 0) {
		tTop = 0;
	}
	tNote.style.left = tLeft + "px";
	tNote.style.top = tTop + "px";
	tShdw.style.top = (tTop + 2) + "px";
	tShdw.style.left = (tLeft + 2) + "px";
	tShdw.style.height = tNote.offsetHeight + "px";
	tShdw.style.width = tNote.offsetWidth + "px";
	tNote.style.visibility = "visible";
	tShdw.style.visibility = "visible";
	//alert("top=" + getOffsetTop(anch) + "  left=" + tAnch.offsetLeft + tAnch.offsetWidth);
}
function hideNote () {
	var tNote = getElementObject("helpNote");
	var tShdw = getElementObject("shadow");
	tNote.style.visibility = "hidden";
	tShdw.style.visibility = "hidden";
}

function SetLayerText (sLayerId, sText) 
{       		
	sText = sText.replace (/\n/g, "<BR>");
	sText = sText.replace (/\'/g, "\\\'");
			
    var sStatement;
    if (document.all) 
	  sStatement = "document.all['" + sLayerId + "'].innerHTML = '" + sText + "';";	     
    else if (document.getElementById)           
	  sStatement = "document.getElementById('" + sLayerId + "').innerHTML = '" + sText + "';";              
                        
	try {	    
	    eval (sStatement); 	    	    
	} catch (e) {
		//alert (e.message);		
	}
}

function getElementObject( element ){
	if( document.getElementById ) {
		return document.getElementById( element );
	} else if( document.all ) {
		return document.all[element];
	} else {
		return null;
	}
}

function showPopup(popURL,popName,popWidth,popHeight) {
	var popWin;
	var popAttr = "width="+popWidth+",height="+popHeight+",resizable=0,scrollbars=0";
	popWin = window.open(popURL,popName,popAttr);
	if (popWin.opener == null) popWin.opener = self;
	popWin.focus();
}

function swapImage (imgId, newSrc) {
	var tImg = getElementObject(imgId);
	tImg.src = newSrc.src;
}

function changeColor (colorNum) {
	var tImgObj = eval(type + p + colorNum);
	swapImage("Product3D", tImgObj);
}

function preLoadColors() {
	if(p>=0){
		var colors = 13;
		for(var i=0; i<colors; i++){
			eval(type+p+i + "= new Image();");
			eval(type+p+i + ".src = 'images/products/"+type+"/" + type + "-" + p + "-" + i + ".jpg';");
		}
	}
}