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];
}
var TAGcardtemplate = [];
TAGcardtemplate[1] = "2Up_Template.pdf";
TAGcardtemplate[2] = "Tripletag.pdf";
TAGcardtemplate[3] = "S_ShapeKeyTag_8up.pdf";
TAGcardtemplate[4] = "CreditCardSizeplusTag.pdf";
TAGcardtemplate[5] = "CR80_Overall_WithKeyTag.pdf";
TAGcardtemplate[6] = "Singleshopper_Template.pdf";
TAGcardtemplate[7] = "MultiShopper_Template.pdf";
TAGcardtemplate[8] = "Tripleshopper_CR80_3_KeyTags.pdf";
TAGcardtemplate[9] = "CR80plus2sideTags.pdf";
TAGcardtemplate[10] = "CR80plus3sideTags.pdf";
function TAGtemplate(){
	if(document.form1.cardTypeNumber.selectedIndex == 0){
		window.alert("First Select the Key Tag Type");
		document.form1.cardTypeNumber.focus();
	}else{
		window.open("cardTemplates/" + TAGcardtemplate[document.form1.cardTypeNumber.selectedIndex], "blank","toolbar=yes, resizable=yes");
	}	
}

function checkForm(formObj) {
     var formOK = true;
      if (formObj.cardTypeNumber.value == "0") {
       window.alert("Please select a Key Tag Type.");
       formObj.cardTypeNumber.focus();
       formOK = false;
	   return;
     }
      if (formObj.quant.value == "0") {
       window.alert("Please select a quantity.");
       formObj.quant.focus();
       formOK = false;
	   return;
     }
	  if (formOK){formObj.submit();}
}

function quant3up(list) {
         list.length = 8;
         list.options[0].text = "500 units (1,500 KeyTags)";
         list.options[0].value = "500";
         list.options[1].text = "1,000 units (3,000 KeyTags";
         list.options[1].value = "1000";
         list.options[2].text = "2,500 units (7,500 KeyTags)";
         list.options[2].value = "2500";
         list.options[3].text = "5,000 units (15,000 KeyTags";
         list.options[3].value = "5000";
         list.options[4].text = "10,000 units (30,000 KeyTags)";
         list.options[4].value = "10000";
		 list.options[5].text = "25,000 units (75,000 KeyTags)";
         list.options[5].value = "25000";
		 list.options[6].text = "50,000 units (150,000 KeyTags)";
         list.options[6].value = "50000";
		 list.options[7].text = "100,000 units (300,000 KeyTags)";
         list.options[7].value = "100000";
}
function quant2up(list) {
         list.length = 8;
         list.options[0].text = "500 units (1,000 KeyTags)";
         list.options[0].value = "500";
         list.options[1].text = "1,000 units (2,000 KeyTags";
         list.options[1].value = "1000";
         list.options[2].text = "2,500 units (5,000 KeyTags)";
         list.options[2].value = "2500";
         list.options[3].text = "5,000 units (10,000 KeyTags";
         list.options[3].value = "5000";
         list.options[4].text = "10,000 units (20,000 KeyTags)";
         list.options[4].value = "10000";
		 list.options[5].text = "25,000 units (50,000 KeyTags)";
         list.options[5].value = "25000";
		 list.options[6].text = "50,000 units (100,000 KeyTags)";
         list.options[6].value = "50000";
		 list.options[7].text = "100,000 units (200,000 KeyTags)";
         list.options[7].value = "100000";
}
function quant8up(list) {
         list.length = 7;
         list.options[0].text = "150 units (1,200 KeyTags)";
         list.options[0].value = "1000";
         list.options[1].text = "375 units (3,000 KeyTags";
         list.options[1].value = "2500";
         list.options[2].text = "625 units (5,000 KeyTags)";
         list.options[2].value = "5000";
         list.options[3].text = "1,250 units (10,000 KeyTags";
         list.options[3].value = "10000";
         list.options[4].text = "3,120 units (25,000 KeyTags)";
         list.options[4].value = "25000";
		 list.options[5].text = "6,250 units (50,000 KeyTags)";
         list.options[5].value = "50000";
		 list.options[6].text = "12,500 units (100,000 KeyTags)";
         list.options[6].value = "100000";
}
function quantTheRest(list) {
         list.length = 8;
         list.options[0].text = "500";
         list.options[0].value = "500";
         list.options[1].text = "1,000";
         list.options[1].value = "1000";
         list.options[2].text = "2,500";
         list.options[2].value = "2500";
         list.options[3].text = "5,000";
         list.options[3].value = "5000";
         list.options[4].text = "10,000";
         list.options[4].value = "10000";
		 list.options[5].text = "25,000";
         list.options[5].value = "25000";
		 list.options[6].text = "50,000";
         list.options[6].value = "50000";
		 list.options[7].text = "100,000";
         list.options[7].value = "100000";
}


var imageList = new Array;
imageList[0] = new Image;
imageList[0].src = "images/key-select.jpg";
imageList[1] = new Image;
imageList[1].src = "images/key-2tag.jpg";
imageList[2] = new Image;
imageList[2].src = "images/key-3up.jpg";
imageList[3] = new Image;
imageList[3].src = "images/key-8up.jpg";
imageList[4] = new Image;
imageList[4].src = "images/key-cardtag.jpg";
imageList[5] = new Image;
imageList[5].src = "images/key-taginCr80.jpg";
imageList[6] = new Image;
imageList[6].src = "images/key-singleshop.jpg";
imageList[7] = new Image;
imageList[7].src = "images/key-multi.jpg";
imageList[8] = new Image;
imageList[8].src = "images/key-triple.jpg";
imageList[9] = new Image;
imageList[9].src = "images/key-1plus2sided.jpg";
imageList[10] = new Image;
imageList[10].src = "images/key-1plus3sided.jpg";

function changeImage(imageSelected){
	if(imageSelected != 999){
    	document.form1.cardTypeNumber.selectedIndex = imageSelected;
		}
	document.keytagimage.src = imageList[document.form1.cardTypeNumber.selectedIndex].src;
	if (document.form1.cardTypeNumber.selectedIndex == 2) {
            quant3up(document.form1.quant);
			}else if(document.form1.cardTypeNumber.selectedIndex == 1) {
			quant2up(document.form1.quant);
			}else if(document.form1.cardTypeNumber.selectedIndex == 3) {
			quant8up(document.form1.quant);
			}else{
			quantTheRest(document.form1.quant);
			}		
	}
function doNothing(){
 return false;
 }	