// JavaScript Document


function swapPreview() {

	var divFlash = window.document.getElementById('divFlash');
	var hdnImage = window.document.getElementById('hdnImage');
	var hdnFlash = window.document.getElementById('hdnFlash');
	
	if(hdnImage.value != "") {
		divFlash.innerHTML = hdnImage.value;
		hdnImage.value = "";
	} else {
		doChange();
	}
	
	

}

if(navigator.appName == "Netscape") {

	HTMLElement.prototype.insertAdjacentHTML = function (sWhere, sHTML) {
   var df;   // : DocumentFragment
   var r = this.ownerDocument.createRange();
   
   switch (String(sWhere).toLowerCase()) {  // convert to string and unify case
      case "beforebegin":

         r.setStartBefore(this);
         df = r.createContextualFragment(sHTML);
         this.parentNode.insertBefore(df, this);
         break;
         
      case "afterbegin":
         r.selectNodeContents(this);
         r.collapse(true);
         df = r.createContextualFragment(sHTML);
         this.insertBefore(df, this.firstChild);
         break;
         
      case "beforeend":
         r.selectNodeContents(this);
         r.collapse(false);
         df = r.createContextualFragment(sHTML);
         this.appendChild(df);
         break;
         
      case "afterend":
         r.setStartAfter(this);
         df = r.createContextualFragment(sHTML);
         this.parentNode.insertBefore(df, this.nextSibling);
         break;
   }   
  };

}

	function doChange() {
		
		var intVarLoc1 = -1;
		var intVarLoc2 = -1;
		var intVarLoc3 = -1;
		var intVarLoc4 = -1;
		var intVarLoc5 = -1;
		
		var objaVariants = window.document.getElementsByName("VariantProductOption_ID");
		var objaGroupNames = window.document.getElementsByName("hdnGroupName");
		
		for(i=0;i<objaVariants.length;i++) {

			switch(objaGroupNames[i].value) {
			
				case 'Choose Your Border':
					intVarLoc1 = i;
				break;
				case 'Choose Your Children\'s Theme':
					intVarLoc2 = i;
				break;
				case 'Card Size':
					intVarLoc3 = i;
				break;
				case 'Text Size':
					intVarLoc4 = i;
				break;
				case 'Text Font':
					intVarLoc5 = i;
				break;
				case 'Select a Font':
					intVarLoc5 = i;
				break;
			}
		
		}
		
		var strVar1 = '';
		var strVar2 = '';
		var strVar3 = '';
		var strVar4 = '';
		var strVar5 = '';
		
		if(intVarLoc1 > -1) {
			strVar1 = objaVariants[intVarLoc1].options[objaVariants[intVarLoc1].selectedIndex].text;
		}
		if(intVarLoc2 > -1) {
			strVar2 = objaVariants[intVarLoc2].options[objaVariants[intVarLoc2].selectedIndex].text;
		}
		if(intVarLoc3 > -1) {
			strVar3 = objaVariants[intVarLoc3].options[objaVariants[intVarLoc3].selectedIndex].text;
		}
		if(intVarLoc4 > -1) {
			strVar4 = objaVariants[intVarLoc4].options[objaVariants[intVarLoc4].selectedIndex].text;
		}
		if(intVarLoc5 > -1) {
			strVar5 = objaVariants[intVarLoc5].options[objaVariants[intVarLoc5].selectedIndex].text;
		}
		
		
		var strPers1 = '';
		var strPers2 = '';
		var strPers3 = '';
		var strPers4 = '';
		var strPers5 = '';
		var strPers6 = '';
		var strPers7 = '';
		
		var objaInputs = window.document.getElementsByTagName('input');
		
		var intStep = 1;
		
		for(i=0;i<objaInputs.length;i++) {
			if(objaInputs[i].name.substring(0, 2) == 'PQ') {
							
				switch(intStep) {
					case 1:
						strPers1 = objaInputs[i].value;
						break;
					case 2:
						strPers2 = objaInputs[i].value;
						break;
					case 3:
						strPers3 = objaInputs[i].value;
						break;
					case 4:
						strPers4 = objaInputs[i].value;
						break;
					case 5:
						strPers5 = objaInputs[i].value;
						break;
					case 6:
						strPers6 = objaInputs[i].value;
						break;
					case 7:
						strPers7 = objaInputs[i].value;
						break;
				}				
				intStep++;
			}
		}
		
		writeFlash(strVar1, strVar2, strVar3, strVar4, strVar5, strPers1, strPers2, strPers3, strPers4, strPers5, strPers6, strPers7);
		
	}
	
	
	function writeFlash(strVar1, strVar2, strVar3, strVar4, strVar5, strPers1, strPers2, strPers3, strPers4, strPers5, strPers6, strPers7) {
	
		var strFlash = '';
		var objPartNumber = window.document.getElementById('strProductPartNumberBase');
		var strTemplateType =  objPartNumber.value;
		
		strTemplateType  = strTemplateType.substring(0, 3);
		
		var strImagePath =  'ProductImages/previews/' + strTemplateType + '/P.' + objPartNumber.value + '.gif';
  
	 	strFlash += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,22,0" width="250" height="200" title="Create-a-Card">';
    	strFlash += '<param name="movie" value="create-a-card.swf" />';
    	strFlash += '<param name="quality" value="high" />';
		strFlash += '<param name="flashVars" value="template=' + strTemplateType + '&picture=' + strImagePath + '&var1=' + strVar1 + '&var2=' + strVar2 + '&var3=' + strVar3 + '&var4=' + strVar4 + '&var5=' + strVar5 + '&pers1=' + strPers1 + '&pers2=' + strPers2 + '&pers3=' + strPers3 + '&pers4=' + strPers4 + '&pers5=' + strPers5 + '&pers6=' + strPers6 + '&pers7=' + strPers7 + '" />';
    	strFlash += '<embed src="create-a-card.swf" flashVars="template=' + strTemplateType + '&picture=' + strImagePath + '&var1=' + strVar1 + '&var2=' + strVar2 + '&var3=' + strVar3 + '&var4=' + strVar4 + '&var5=' + strVar5 + '&pers1=' + strPers1 + '&pers2=' + strPers2 + '&pers3=' + strPers3 + '&pers4=' + strPers4 + '&pers5=' + strPers5 + '&pers6=' + strPers6 + '&pers7=' + strPers7 + '" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="250" height="200"></embed>';
  		strFlash += '</object>';


		var divFlash = window.document.getElementById('divFlash');
		var hdnImage = window.document.getElementById('hdnImage');
		hdnImage.value = divFlash.innerHTML;
		
		divFlash.innerHTML = strFlash;
		
	
	
	}
	
	
	var objMFGNum = window.document.getElementById('strProductMFGPartNumberBase');
	var strMFGNum = new String;
	
	if(objMFGNum) {
		strMFGNum = objMFGNum.value;
	}
	

	if(strMFGNum.substring(2, 4) == 'NQ') {
		
		window.document.getElementById('divQtyWord').innerHTML = '';
		window.document.getElementById('divQtyBox').innerHTML = '';
	}
	

	if(strMFGNum.substring(0, 2) != 'NP') {
	
		var objaVariants = window.document.getElementsByName("VariantProductOption_ID");
	
		for(i=0;i<objaVariants.length;i++) {
		
			objaVariants[i].onchange = new Function('changePriceValue();doChange();');
		
		
			var strGroupName = "";

			 if(navigator.appName == "Netscape") {
			 	strGroupName = objaVariants[i].parentNode.parentNode.previousSibling.previousSibling.firstChild.nextSibling.innerHTML;			
				strGroupName = strGroupName.replace(/&nbsp;/g, '');
				strGroupName = strGroupName.replace(/<font class="subtitle2">/g, '');
				strGroupName = strGroupName.replace(/<\/font>/g, '');
			 } else {
			 	strGroupName = objaVariants[i].parentNode.parentNode.previousSibling.firstChild.innerHTML;
				strGroupName = strGroupName.replace(/&nbsp;/g, '');
				strGroupName = strGroupName.replace(/<FONT class=subtitle2>/g, '');
				strGroupName = strGroupName.replace(/<\/FONT>/g, '');
			 }
		
			var strSelectBox = '<input type="hidden" name="hdnGroupName" value="' + strGroupName + '">';
					
			var divControls = window.document.getElementById('divControls');
			
			divControls.innerHTML += '<br />' + strSelectBox + '<br />';
			
		}
		
		
		var objaInputs = window.document.getElementsByTagName('input');
		var strTempValue = "";
		
		var bolRemoveQty = false;
		
		for(i=0;i<objaInputs.length;i++) {
			if(objaInputs[i].name.substring(0, 2) == 'PQ') {
				bolRemoveQty = true;
				objaInputs[i].onchange = new Function('doChange();');
				objaInputs[i].size="12";
			}
			if(objaInputs[i].name == 'PQ-Custom Instructions') {
				strTempValue = objaInputs[i].value;
				objaInputs[i].parentNode.removeChild(objaInputs[i]);
			}
		}
		
		
		
		var strHTML = "<textarea id='PQ-Custom Instructions' name='PQ-Custom Instructions' rows='4'>" + strTempValue + "</textarea>";
		
		var objaNodes = document.getElementsByName("ProdQuestionsToSaveOrder");
		
		objaNodes[0].insertAdjacentHTML("beforeBegin", strHTML);
	
	
		doChange();
	}
	
