<!--
function selHangOption(selOpt) {
	// var selOpt = document.formFrame.elements["selectOption"].options[document.formFrame.elements["selectOption"].selectedIndex].value;
	if(selOpt == "Frame") {
		listFrames(0);
		showdiv('divFrame');
		hidediv('castcrewdiv');
		hidediv('reelMudDiv');
		hidediv('frmlnk');
		if (atcOriginal == '') {			
			atcOriginal = document.getElementById('atc').href;
			if(document.getElementById('atc2')) {
				atcOriginal = document.getElementById('atc2').onclick;
			}						
		}
	} else {
		showdiv('castcrewdiv');
		showdiv('reelMudDiv');
		showdiv('frmlnk');
		hidediv('divFrame');
	}
}
function changeFrameOver(tdcell) {
	tdName = "td"+tdcell;
	document.getElementById(tdName).style.background='#dddddd';
}
function changeFrameOut(tdcell) {
	tdName = "td"+tdcell;
	document.getElementById(tdName).style.background='#ffffff';
}
function selectFrame(fid,gid) {
	var x;
	var tmpPr;
	if (fid == '0') {
		document.getElementById('atc').href = atcOriginal;
		if(document.getElementById('atw')) {
			if(atwOriginal) {
				document.getElementById('atw').href = atwOriginal;
			}
		}
		if(document.getElementById('atc2')) {
			if(atcOriginal) {
				document.getElementById('atc2').onclick = atcOriginal;
			}
		}
		if(document.getElementById('atw2')) {
			if(atwOriginal) {
				document.getElementById('atw2').onclick = atwOriginal;
			}
		}
		document.getElementById('totalCost').innerHTML = posterCost.toFixed(2);
		if (document.getElementById('pimg')) {
			document.getElementById('pimg').src = posterImg;
		} else {
			document.getElementById('framePoster').innerHTML = '<img src="' + posterImg + '" alt="poster" />';
		}
		hidediv('frinfo');
		frStatus = 0;
	} else {
		for (x in frID) {
			if (frID[x] == fid) {
				frStatus = 1;
				if (gid == '1' && frPrice[x]) {
					tmpPr = frPrice[x] + 18.00;
				} else {
					tmpPr = frPrice[x];
				}
				document.getElementById('atc').href = "javascript:addCartFrame('" + frpid + "'," + frID[x] + "," + gid + ");";
				if(document.getElementById('atw')) {
					document.getElementById('atw').href = "javascript:addWLFrame('" + frpid + "'," + frID[x] + "," + gid + ");";
				}
				if(document.getElementById('atc2')) {						
					document.getElementById('atc2').onclick = function() { 
						addCartFrame(frpid,fid,gid);
					};
				}
				if(document.getElementById('atw2')) {						
					document.getElementById('atw2').onclick = function() { 
						addWLFrame(frpid,fid,gid);
					};
				}
				if (document.getElementById) {
					var inHtml = '<br \/><b>Frame Price: $'+(parseFloat(tmpPr)).toFixed(2)+' <\/b>(USD) <font color="#ff0000">free shipping</font> continental USA<br \/>';
					inHtml = inHtml + '<b>Shipping Details<\/b>: Ships within 2-4 weeks (Fedex Trackable)<br \/>';
					inHtml = inHtml + '<b>Frame Width<\/b>: ' + frWidth[x] + '"<br \/>';
					inHtml = inHtml + '<b>Frame Description<\/b>: ' + frDesc[x] + '<br \/>';
					inHtml = inHtml + '<b>Plexi-glass Option<\/b>: <select id="frglare" onchange=\"selectFrame(\'' + fid + '\',this[this.selectedIndex].value);\"><option value="0">Basic<\/option><option value="1">Non Glare +$18<\/option><\/select><br \/>';
					inHtml = inHtml + '<b>Dry Mounting Option</b>: <select id="frdry"><option value="0">Yes</option><option value="1">No</option></select>&nbsp;&nbsp;<span style="font-size:10px">(<a href="/cgi-bin/mpw8/new_framing.pl#dry">learn more about dry mounting</a>)</span><br/><br/>';
					inHtml = inHtml + '<br \/>';
					inHtml = inHtml + '<b>Total Price: <span style="color: #ff0000;">$' +(parseFloat(posterCost) + parseFloat(tmpPr)).toFixed(2) + '<\/font> <\/b>(USD) <br \/>';
					document.getElementById('frinfo').innerHTML = inHtml;
					if (document.getElementById('frglare')) {
						if (gid == '1') {
							document.getElementById('frglare').selectedIndex = 1;
						} else {
							document.getElementById('frglare').selectedIndex = 0;
						}
					}
					showdiv('frinfo');
					if (frImgLnks[x].src.length > 0 && document.getElementById('pimg')) {
						document.getElementById('pimg').src = frImgLnks[x].src;
					} else {
						document.getElementById('framePoster').innerHTML = '<img src="' + imgFrIdLnk + id + '" alt="poster" />';
					}
				} else {
					document.getElementById('framePoster').innerHTML = '<img src="' + imgFrIdLnk + id + '" alt="poster" />';
				}
			}
		}
	}
}

function setIdx(obj,idx) {
	if (obj.length) {
		obj.selectedIndex = idx;
	}
}
var sn = 0;

function listFrames(loc) {
	var x;
	var ohtml;
	var shiftBy = 3;

	if (isNaN(parseInt(loc))) {
		loc = 0;
	}
	ohtml = '';
	ohtml = ohtml + '<table border="0" cellspacing="0" cellpadding="0" width="225px">';
	if (listType.length) {
		for (x=0; x<listType.length; x++) {
			ohtml = ohtml + '<tr><td colspan="2" class="ft"><a href="javascript:listFrames(' + x + ');javascript:frs();" onclick="setTr(this);" class="frame">' + listType[x].toUpperCase() + '<\/a><\/td><\/tr>';
		}
	}
	for (x=0; x<frID.length; x++) {
		if (frType[x] == listType[loc]) {
			ohtml = ohtml + '<tr class="frrow"><td align=center style="cursor:pointer; width:75px;background-color:#ffffff;" onmouseover=changeFrameOver(\'' + frID[x] + '\')  onmouseout=changeFrameOut(\'' + frID[x] + '\') onclick=selectFrame(\'' + frID[x] + '\',0)><img src="/posters/frames/' + frImg[x] + '" border="0" alt="poster frame ' + frName[x] + '" /><\/td>';
			ohtml = ohtml + '<td style="width:150px;text-align:center;font-size:10px;background-color:#ffffff;vertical-align:middle;" id="td' + frID[x] + '">' + frName[x] + '<\/td><\/tr>';
		}
	}	
	ohtml = ohtml + '<tr class="frrow"><td colspan="2" class="frbt" align="center"><a href="javascript:selectFrame(\'0\',0);" class="frbt">remove frame<\/a><\/td><\/tr>';
	ohtml = ohtml + '<tr class="frrow"><td colspan="2" class="frbt"><a href="javascript:selHangOption(\'\');" class="frbt">close window<\/a><\/td><\/tr>';	
	ohtml = ohtml + '<\/table>';


	document.getElementById('divFrameInner').innerHTML = ohtml;	

	// preload frame images

	if (document.images) {
		for (x=0; x<frID.length; x++) {
			if (frType[x] == listType[loc]) {
				if (!frImgLnks[x]) {
					frImgLnks[x] = new Image();
					// if (frImgLnks[x].src.length < 1) { }
					frImgLnks[x].src = imgFrIdLnk+frID[x];
				}
			}
		}
	}
}
function frs() {
	var eltr,i;
	eltr = document.getElementsByTagName("tr");
	for (i=0; i<eltr.length; i++) {
		if(eltr[i].className=="frrow") {
			 // alert(i + '/' + eltr[i]);
			if (document.getElementById) {
				eltr[i].style.display = "block";
			} else {
				eltr[i].style.display = "block";
			}
			if (eltr[i].childNodes.length == 1) {
				for (j=0; j<eltr[i].childNodes.length; j++) {
					if (eltr[i].childNodes[j].className == "frbt") {
						eltr[i].childNodes[j].style.display = "block";
						eltr[i].childNodes[j].style.textAlign = "center";
					}
				}
			}
		}
	}
}

function setTr(obj) {
	// alert(obj.style);
	obj.style.backgroundColor = "#369";
	obj.style.color = "#fff";
}
//-->