var title = [];
title[1] = "<span class='learnAboutHeader'>Type/Styles:</span><br><span class='learnAboutText'><br>Key Tags and Key Tag Card combinations come in various different configurations. Each type you select in the selection box will show up as an image on the right. If you do not see the configuration you need please call, we have many others and we do create custom configurations as well.";
title[2] = "<p><span class='learnAboutHeader'>Quantities:</span><br><span class='learnAboutText'><br>When setting quantities on 8-Up, 3-Up and 2-Up Key Tags please note that units refers to the number of pieces printed and each piece (unit) will be divided into several tags . The quote will indicate the price for the entire print and the cost for each individual tag.</span>";
title[3] = "<p><span class='learnAboutHeader'>Barcodes and Numbering:</span><br><span class='learnAboutText'><br>Variable barcodes and/or numbers can be printed on the back of the Key Tags. On X-Up tags we can print a different barcode on each individual tag, for example a 3-Up key tag unit (three tags on one unit) can have three different barcodes (and/or numbers) one on each tag.</span>";
title[4] = "<p><span class='learnAboutHeader'>Color:</span><br><span class='learnAboutText'><br>Front of cards is always printed with four colors (CMYK) even if the artwork is one color. The back of the card can be one color (Black) or full color (CMYK). The front will have a gloss finish and the back a matt finish.</span>";

function learnText(selection){
	document.getElementById("learn").innerHTML= title[selection];
}
function checkForm2(formObj) {
		window.alert("IN FUNCTION 2");
}

function checkForm(formObj) {
     var formOK = true;
	 if (formObj.type.selectedIndex == 0) 
	 {
       window.alert("Please select a holder size.");
       formObj.type.focus();
       formOK = false;
	   return;
     }
     if (formObj.quant.selectedIndex == 0) 
	 {
       window.alert("Please select a quantity.");
       formObj.quant.focus();
       formOK = false;
	   return;
     }
	 if (formOK)
	 {
		window.onbeforeunload = function()
		{
		}
		formObj.submit();
	  }
} 

function color1(list) {
         list.length = 3;
         list.options[0].text = "Front: Full Color/Black: Back";
         list.options[0].value = "col2";
         list.options[1].text = "Front: Full Color/ Back: Full Color";
         list.options[1].value = "col4";
         list.options[2].text = "Front: Black/ Back: Black";
         list.options[2].value = "col3";
}
function color2(list) {
         list.length = 1;
         list.options[0].text = "Front: Full Color/Black: Back";
         list.options[0].value = "col2";
}
function color3(list) {
         list.length = 1;
         list.options[0].text = "Front: Black/ Back: Black";
         list.options[0].value = "col3";
}
var imageList = new Array;
imageList[0] = new Image;
imageList[0].src = "images/CardHoldersGeneral.jpg";
imageList[1] = new Image;
imageList[1].src = "images/h-7-fold.jpg";
imageList[2] = new Image;
imageList[2].src = "images/h-8-fold.jpg";
imageList[3] = new Image;
imageList[3].src = "images/h-758-hanger.jpg";
imageList[4] = new Image;
imageList[4].src = "images/h-7-hanger.jpg";
imageList[5] = new Image;
imageList[5].src = "images/h-778ths-fold.jpg";
imageList[6] = new Image;
imageList[6].src = "images/h-575-window.jpg";
imageList[7] = new Image;
imageList[7].src = "images/h-7half-hanger.jpg";

<!-- Function to change holder images and form objects by clicking small images or changing first form item -->
function typeChange(imageSelected) {
	if(imageSelected == 1 || imageSelected == 2|| imageSelected == 3|| imageSelected == 4|| imageSelected == 5|| imageSelected == 6|| imageSelected == 7){
		document.form1.type.selectedIndex = imageSelected;
		}
	document.imageFile.src = imageList[document.form1.type.selectedIndex].src;
	if (document.form1.type.selectedIndex != 1 && document.form1.type.selectedIndex != 2) {
	  document.getElementById("quantBox1").innerHTML= "<div align = 'left'>Please Call 1-866-344-2300</div>";
	  document.getElementById("quantBox2").innerHTML= "";
	  document.getElementById("envBox1").innerHTML= "<div align = 'left'>For a Quote</div>";
	  document.getElementById("envBox2").innerHTML= "";
	  document.getElementById("colorBox1").innerHTML= "";
	  document.getElementById("colorBox2").innerHTML= "";
	  document.getElementById("promoBox1").innerHTML= "";
	  document.getElementById("promoBox2").innerHTML= "";
	  document.getElementById("submitBox1").innerHTML= "";
	  } else {
	  document.getElementById("quantBox1").innerHTML= "<div align='left'>Quantity:</div>";
	  document.getElementById("quantBox2").innerHTML= "<select name='quant' id='quant'><option value='0'>-- SELECT --</option><option value='500'>500</option><option value='1000'>1,000</option><option value='2500'>2,500</option><option value='5000'>5,000</option></select>";
	  document.getElementById("envBox1").innerHTML= "<div align = 'left'>Envelopes:</div>";
	  document.getElementById("envBox2").innerHTML= "<select name='envelopes' id='envelopes'><option value='1'>Yes</option><option value='0'>No</option></select>";
	  	if (document.form1.type.selectedIndex == 1){
	  		document.getElementById("colorBox1").innerHTML= "<div align = 'left'>Color:</div>";
	  		document.getElementById("colorBox2").innerHTML= "<div align='left'><select name='color' id='color'><option value='col3'>Front: Black/ Back: Black</option></select></div>";
			}else if (document.form1.type.selectedIndex == 2){
	  		document.getElementById("colorBox1").innerHTML= "<div align = 'left'>Color:</div>";
	  		document.getElementById("colorBox2").innerHTML= "<div align='left'><select name='color' id='color'><option value='col2'>Front: Full Color/Black: Back</option></select></div>";
			}
	  document.getElementById("promoBox1").innerHTML= "<div align = 'left'>Promo Code:</div>";
	  document.getElementById("promoBox2").innerHTML= "<div align='left'><input name='promocode' type='text' value='Here' size='10' maxlength='10'></div>";
	  document.getElementById("submitBox1").innerHTML= "<input type='button' name='Submit2' value='Calculate Price' onClick='checkForm(this.form);'>";
	  }

}  
function doNothing(){
 return false;
 }