// JavaScript Document

// preload tag images
    if (document.images)
    {
      var img_pre = new Image();
      var image_url = new Array();
      image_url[0] = "http://www.loveyourpets.com/tagimages/bone_brass.gif";
      image_url[1] = "http://www.loveyourpets.com/tagimages/bone_red.gif";
      image_url[2] = "http://www.loveyourpets.com/tagimages/bone_steel.gif";
      image_url[3] = "http://www.loveyourpets.com/tagimages/heart_brass.gif";
      image_url[4] = "http://www.loveyourpets.com/tagimages/heart_red.gif";
      image_url[5] = "http://www.loveyourpets.com/tagimages/heart_steel.gif";
      image_url[6] = "http://www.loveyourpets.com/tagimages/circle_brass.gif";
      image_url[7] = "http://www.loveyourpets.com/tagimages/circle_red.gif";
      image_url[8] = "http://www.loveyourpets.com/tagimages/circle_steel.gif";

       var i = 0;
       for(i=0; i<=8; i++) {
         img_pre.src = image_url[i];
			}
			
      var brass_circle = new Image(250,200);
      brass_circle.src = "/images/blank_tags/circle_brass.jpg";
      var plastic_circle = new Image(250,200);
      plastic_circle.src = "/images/blank_tags/circle_plastic.jpg";
      var steel_circle = new Image(250,200);
      steel_circle.src = "/images/blank_tags/circle_steel.jpg";
      var brass_bone = new Image(250,200);
      brass_bone.src = "/images/blank_tags/bone_brass.jpg";
      var plastic_bone = new Image(250,200);
      plastic_bone.src = "/images/blank_tags/bone_plastic.jpg";
      var steel_bone = new Image(250,200);
      steel_bone.src = "/images/blank_tags/bone_steel.jpg";
      var brass_heart = new Image(250,200);
      brass_heart.src = "/images/blank_tags/heart_brass.jpg";
      var plastic_heart = new Image(250,200);
      plastic_heart.src = "/images/blank_tags/heart_plastic.jpg";
      var steel_heart = new Image(250,200);
      steel_heart.src = "/images/blank_tags/heart_steel.jpg";
    }

function stopRKey(evt) {
	var evt  = (evt) ? evt : ((event) ? event : null);
	var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
	if ((evt.keyCode == 13) && (node.type=="text")) { return false; }
}
	
function returnObjById( id )
{
    if (document.getElementById)
        var returnVar = document.getElementById(id);
    else if (document.all)
        var returnVar = document.all[id];
    else if (document.layers)
        var returnVar = document.layers[id];
    return returnVar;
}

function catchTAB(evt,elem)
{
	var TAB = 9;
  obj = elem;
  var keyCode;
  if ("which" in evt)
  {// NN4 & FF &amp; Opera
    keyCode=evt.which;
  } else if ("keyCode" in evt)
  {// Safari & IE4+
    keyCode=evt.keyCode;
  } else  { }

  if (keyCode == TAB)
  {
    return true;
  }
	else
		return false;
}

function checkTypedLength(line,value) {
	var maxlength = returnObjById(line).maxLength;
	if (value.length == maxlength) {
		changeValue(line+"note","You've reached the character limit.");
		returnObjById(line+"note").style.display = "inline";
	}
	else
		returnObjById(line+"note").style.display = "none";
}

function checkModKeys(e) {
if (navigator.appName=="Netscape" && parseInt(navigator.appVersion)==4) {
   // NETSCAPE 4 CODE
   var mString =(e.modifiers+32).toString(2).substring(3,6);
   shiftPressed=(mString.charAt(0)=="1");
   ctrlPressed =(mString.charAt(1)=="1");
   altPressed  =(mString.charAt(2)=="1");
   self.status="modifiers="+e.modifiers+" ("+mString+")"
  }
  else {
   // NEWER BROWSERS [CROSS-PLATFORM]
   shiftPressed=e.shiftKey;
	 
   altPressed  =e.altKey;
   ctrlPressed =e.ctrlKey;
  }
  if (shiftPressed || altPressed || ctrlPressed) 
 		return true;
	else
		return false;
}

function showChar(line,id,e) {
	checkModKeys(e);
	if (tagCheck(line)) {
  	var y = returnObjById(line).value.toUpperCase();
		if (checkChar(y.substr(y.length-1,1),e)) {
			checkTypedLength(line,y);
			//returnObjById(line).value = y;
			changeValue("show"+line,y);
			if (!(e.keyCode == 16|| checkModKeys(e)))
				changeValue('error_msg'+id,"");
	    }
	  	else {
	  		badCharAlert(y.substr(y.length-1,1),id,e);
	  		returnObjById(line).value = returnObjById(line).value.substr(0,returnObjById(line).value.length-1);
	  	}
		if (returnObjById(line).value == "")
			changeValue("show"+line,"");
	}
}

function showAllLines(e) {
	showChar('petname','',e);
	showChar('line1','',e);
	showChar('line2','',e);
}

function checkLine(id,place,e) {
	var line = id.value;
	for (var i = 0; i < line.length; i++) {
		var char = line.charAt(i).toUpperCase();
		var allowed = new Array("1","!","2","@","3","#","4","$","5","%","6","7","&","8","9","(","0",")","-","=","+","Q","W","E","R","T","Y","U","I","O","P","A","S","D","F","G","H","J","K","L",";",":","\'","\"","Z","X","C","V","B","N","M",",",".","/","?"," ","\r","\t","\n","\b","");
		var match = false;
		for (x in allowed) {
			if (allowed[x] == char) {
				match = true;
			}
		}
		if (!match) {
			badCharAlert(char,place,e);
			id.value = '';
			changeValue("show"+id.id,"");
			return false;
		}
	}
	return true;
}

function checkChar(letter,e) {
	var key = e.keyCode;
	var allowed = new Array("1","!","2","@","3","#","4","$","5","%","6","7","&","8","9","(","0",")","-","=","+","Q","W","E","R","T","Y","U","I","O","P","A","S","D","F","G","H","J","K","L",";",":","\'","\"","Z","X","C","V","B","N","M",",",".","/","?"," ","\r","\t","\n","\b","");
	for (x in allowed) {
		if (allowed[x] == letter || key == 46 || key == 17 || key == 8 || key == 46 || catchTAB(e,letter)) {
			return letter.toUpperCase();
		}
	}
	return false;	//Return false if character is not found in the acceptable list
}

function changeValue(id, val) {
	var element;
	if (document.getElementById) {
      element = document.getElementById(id);
    }
  else if (document.all) {
    element = document.all[id];
  }
  if (element) {
    if (typeof element.textContent != 'undefined') {
       element.textContent = val;
    }
    else if (typeof element.innerText != 'undefined') {
       element.innerText = val;
    }
		else if (typeof element.removeChild != 'undefined') {
       while (element.hasChildNodes()) {
          element.removeChild(element.lastChild);
       } 
       element.appendChild(document.createTextNode(val)) ;
    }
  }
}

function badCharAlert(x,id,e) {
	if (e.keyCode != 9 && e.keyCode != 16 && e.keyCode != 8 && e.keyCode != 46 && e.keyCode != 17) {
		changeValue('error_msg'+id,"\""+x+"\" IS NOT AN ALLOWED CHARACTER.");
		returnObjById('char_list'+id).style.display = "inline";
	}
}

function blankCheck() {
	 if (returnObjById('petname').value == "" && returnObjById('line1').value == "" &&
	 		 returnObjById('line2').value == "" && returnObjById('line3').value == "" &&
			 returnObjById('line4').value == "" && returnObjById('line5').value == "") {
			var answer = confirm("Are you sure you want to add a blank tag to the cart?");
			if (answer)
				return true;
			else
				return false; 
	}
	else return true;
}

function upperCaseLines(total) {
	var i = 0;
	for (i = 0;i <= total; i++) {
		returnObjById('petname['+i+']').value = returnObjById('petname['+i+']').value.toUpperCase();
		returnObjById('xpetname['+i+']').value = '';
  	returnObjById('line1['+i+']').value = returnObjById('line1['+i+']').value.toUpperCase();
		returnObjById('xline1['+i+']').value = '';
  	returnObjById('line2['+i+']').value = returnObjById('line2['+i+']').value.toUpperCase();
		returnObjById('xline2['+i+']').value = '';
  	returnObjById('line3['+i+']').value = returnObjById('line3['+i+']').value.toUpperCase();
		returnObjById('xline3['+i+']').value = '';
  	returnObjById('line4['+i+']').value = returnObjById('line4['+i+']').value.toUpperCase();
		returnObjById('xline4['+i+']').value = '';
  	returnObjById('line5['+i+']').value = returnObjById('line5['+i+']').value.toUpperCase();
		returnObjById('xline5['+i+']').value = '';
	}
}

function tagCheck(line) {
	var tag = returnObjById('item_custom1');
	if (tag.value != "circle_brass" && tag.value != "circle_plastic" && 
  	  tag.value != "circle_steel" && tag.value != "bone_brass" &&
  		tag.value != "bone_plastic" && tag.value != "bone_steel" &&
  		tag.value != "heart_brass" && tag.value != "heart_plastic" &&
  		tag.value != "heart_steel") {
			returnObjById(line).value = returnObjById(line).value.substr(0,returnObjById(line).value.length-1);
  		alert("Please select a style of tag.");
  		return false;
  }
	else
		return true;
}

function confirmLineChange(tag,place) {
	switch(tag) {
		case "circle_brass":
			var name_max = 18;
			var line1_max = 24;
			var line2_max = 26;
			var line3_max = 26;
			var line4_max = 24;
			var line5_max = 22;
			break;
		case "circle_plastic":
			var name_max = 18;
			var line1_max = 24;
			var line2_max = 26;
			var line3_max = 26;
			var line4_max = 24;
			var line5_max = 22;
			break;
		case "circle_steel":
			var name_max = 18;
			var line1_max = 24;
			var line2_max = 26;
			var line3_max = 26;
			var line4_max = 24;
			var line5_max = 22;
			break;
		case "bone_brass":
			var name_max = 24;
			var line1_max = 26;
			var line2_max = 26;
			var line3_max = 26;
			var line4_max = 26;
			var line5_max = 26;
			break;
		case "bone_plastic":
			var name_max = 24;
			var line1_max = 26;
			var line2_max = 26;
			var line3_max = 26;
			var line4_max = 26;
			var line5_max = 26;
			break;
		case "bone_steel":
			var name_max = 24;
			var line1_max = 26;
			var line2_max = 26;
			var line3_max = 26;
			var line4_max = 26;
			var line5_max = 26;
			break;
		case "heart_brass":
			var name_max = 22;
			var line1_max = 24;
			var line2_max = 24;
			var line3_max = 21;
			var line4_max = 19;
			var line5_max = 16;
			break;
		case "heart_plastic":
			var name_max = 22;
			var line1_max = 24;
			var line2_max = 24;
			var line3_max = 21;
			var line4_max = 19;
			var line5_max = 16;
			break;
		case "heart_steel":
			var name_max = 22;
			var line1_max = 24;
			var line2_max = 24;
			var line3_max = 21;
			var line4_max = 19;
			var line5_max = 16;
			break;
	}
		var name = returnObjById('petname'+place).value.length;
		var line1 = returnObjById('line1'+place).value.length;
		var line2 = returnObjById('line2'+place).value.length;
		var line3 = returnObjById('line3'+place).value.length;
		var line4 = returnObjById('line4'+place).value.length;
		var line5 = returnObjById('line5'+place).value.length;

		if ( name > name_max || line1 > line1_max || line2 > line2_max || 
				line3 > line3_max || line4 > line4_max || line5 > line5_max) {
				var answer = confirm("WARNING: This tag style requires shorter line lengths than what you have currently entered. Choosing this style will shorten your lines to the maximum length. Are you sure you want to continue?");
				if (answer)
					return true;
				else
					return false;
		}
		else
			return true;
}

function checkLineLength(line) {
	var size = returnObjById(line).value.length;
	var max_size = returnObjById(line).maxLength;
	if (size > max_size) {
		changeValue("show"+line,returnObjById(line).value.substring(0,max_size));
		return returnObjById(line).value.substring(0,max_size);
	}
	else {
		changeValue("show"+line,returnObjById(line).value);
		return returnObjById(line).value;
	}
}


 function loadTag(tag,place) {
 	//Show the Tag Info Section
 	toggleDiv('tagInfo', 'show');
 	//Hide the Create another Tag button
	toggleDiv('createbutton','hide');
 
  var display = returnObjById("tagdisplay"+place);
  var displaytext = returnObjById("tagtextdisplay"+place);
  if (place == "") {
		var tagtype = returnObjById("item_custom1");
		var cleantagtype = returnObjById("item_custom2");
	}
  else
		var tagtype = returnObjById("tag"+place);
	if (confirmLineChange(tag,place)) {
  	switch (tag) {
    case "circle_brass":
    	if (place == "") {
				display.style.backgroundImage = "url(/images/blank_tags/circle_brass.jpg)";
				displaytext.style.top = "100px";
				cleantagtype.value = "Brass Circle";
    	}
			else {
  			display.style.backgroundImage = "url(/images/blank_tags/circle_brass_small.jpg)";
				display.style.left = "30px";
			}
			tagtype.value = "circle_brass";
			displaytext.style.color = "#615e32";
    	returnObjById('petname'+place).maxLength = 18;
    	returnObjById('petname'+place).size = 36;
    	returnObjById('petname'+place).value = checkLineLength('petname'+place);
  		returnObjById('line1'+place).maxLength = 24;
    	returnObjById('line1'+place).size = 49;
  		returnObjById('line1'+place).value = checkLineLength('line1'+place);
    	returnObjById('line2'+place).maxLength = 26;
    	returnObjById('line2'+place).size = 52;
  		returnObjById('line2'+place).value = checkLineLength('line2'+place);
    	returnObjById('line3'+place).maxLength = 26;
    	returnObjById('line3'+place).size = 52;
  		returnObjById('line3'+place).value = checkLineLength('line3'+place);
    	returnObjById('line4'+place).maxLength = 24;
    	returnObjById('line4'+place).size = 49;
  		returnObjById('line4'+place).value = checkLineLength('line4'+place);
    	returnObjById('line5'+place).maxLength = 22;
    	returnObjById('line5'+place).size = 44;
  		returnObjById('line5'+place).value = checkLineLength('line5'+place);
    	break;
    case "circle_plastic":
    	if (place == "") {
				display.style.backgroundImage = "url(/images/blank_tags/circle_plastic.jpg)";
				displaytext.style.top = "100px";
				cleantagtype.value = "Plastic Circle";
    	}
			else {
				display.style.backgroundImage ="url(/images/blank_tags/circle_plastic_small.jpg)";
				display.style.left = "30px";
			}
			tagtype.value = "circle_plastic";
			displaytext.style.color = "white";
    	returnObjById('petname'+place).maxLength = 18;
    	returnObjById('petname'+place).size = 36;
  		returnObjById('petname'+place).value = checkLineLength('petname'+place);
    	returnObjById('line1'+place).maxLength = 24;
    	returnObjById('line1'+place).size = 49;
  		returnObjById('line1'+place).value = checkLineLength('line1'+place);
    	returnObjById('line2'+place).maxLength = 26;
    	returnObjById('line2'+place).size = 52;
  		returnObjById('line2'+place).value = checkLineLength('line2'+place);
    	returnObjById('line3'+place).maxLength = 26;
    	returnObjById('line3'+place).size = 52;
  		returnObjById('line3'+place).value = checkLineLength('line3'+place);
    	returnObjById('line4'+place).maxLength = 24;
    	returnObjById('line4'+place).size = 49;
  		returnObjById('line4'+place).value = checkLineLength('line4'+place);
    	returnObjById('line5'+place).maxLength = 22;
    	returnObjById('line5'+place).size = 44;
  		returnObjById('line5'+place).value = checkLineLength('line5'+place);
    	break;
    case "circle_steel":
			if (place == "") {
    		display.style.backgroundImage = "url(/images/blank_tags/circle_steel.jpg)";
				displaytext.style.top = "100px";
				cleantagtype.value = "Stainless Steel Circle";
    	}
			else { 
				display.style.backgroundImage = "url(/images/blank_tags/circle_steel_small.jpg)";
				display.style.left = "30px";
			}
			tagtype.value = "circle_steel";
			displaytext.style.color = "#7c8079";
    	returnObjById('petname'+place).maxLength = 18;
    	returnObjById('petname'+place).size = 36;
  		returnObjById('petname'+place).value = checkLineLength('petname'+place);
    	returnObjById('line1'+place).maxLength = 24;
    	returnObjById('line1'+place).size = 49;
  		returnObjById('line1'+place).value = checkLineLength('line1'+place);
    	returnObjById('line2'+place).maxLength = 26;
    	returnObjById('line2'+place).size = 52;
  		returnObjById('line2'+place).value = checkLineLength('line2'+place);
    	returnObjById('line3'+place).maxLength = 26;
    	returnObjById('line3'+place).size = 52;
  		returnObjById('line3'+place).value = checkLineLength('line3'+place);
    	returnObjById('line4'+place).maxLength = 24;
    	returnObjById('line4'+place).size = 49;
  		returnObjById('line4'+place).value = checkLineLength('line4'+place);
    	returnObjById('line5'+place).maxLength = 22;
    	returnObjById('line5'+place).size = 44;
  		returnObjById('line5'+place).value = checkLineLength('line5'+place);
    	break;
    case "bone_brass":
    	if (place == "") {
  			display.style.backgroundImage = "url(/images/blank_tags/bone_brass.jpg)";
				displaytext.style.top = "53px";
				cleantagtype.value = "Brass Bone";
    	}
			else {
				display.style.backgroundImage = "url(/images/blank_tags/bone_brass_small.jpg)";
				display.style.right = "10px";
				displaytext.style.top = "38px";
				displaytext.style.left = "1px";
			}
			tagtype.value = "bone_brass";
			displaytext.style.color = "#615e32";
    	returnObjById('petname'+place).maxLength = 24;
    	returnObjById('petname'+place).size = 49;
  		returnObjById('petname'+place).value = checkLineLength('petname'+place);
    	returnObjById('line1'+place).maxLength = 26;
    	returnObjById('line1'+place).size = 52;
  		returnObjById('line1'+place).value = checkLineLength('line1'+place);
    	returnObjById('line2'+place).maxLength = 26;
    	returnObjById('line2'+place).size = 52;
  		returnObjById('line2'+place).value = checkLineLength('line2'+place);
    	returnObjById('line3'+place).maxLength = 26;
    	returnObjById('line3'+place).size = 52;
  		returnObjById('line3'+place).value = checkLineLength('line3'+place);
    	returnObjById('line4'+place).maxLength = 26;
    	returnObjById('line4'+place).size = 52;
  		returnObjById('line4'+place).value = checkLineLength('line4'+place);
    	returnObjById('line5'+place).maxLength = 26;
    	returnObjById('line5'+place).size = 52;
  		returnObjById('line5'+place).value = checkLineLength('line5'+place);
			break;
    case "bone_plastic":
    	if (place == "") {
  			display.style.backgroundImage = "url(/images/blank_tags/bone_plastic.jpg)";
				displaytext.style.top = "53px";
				cleantagtype.value = "Red Plastic Bone";
			}
			else {
				display.style.backgroundImage = "url(/images/blank_tags/bone_plastic_small.jpg)";
 				display.style.right = "10px";
 				displaytext.style.top = "38px";
				displaytext.style.left = "1px";
			}
			tagtype.value = "bone_plastic";
			displaytext.style.color = "white";
    	returnObjById('petname'+place).maxLength = 24;
    	returnObjById('petname'+place).size = 49;
  		returnObjById('petname'+place).value = checkLineLength('petname'+place);
    	returnObjById('line1'+place).maxLength = 26;
    	returnObjById('line1'+place).size = 52;
  		returnObjById('line1'+place).value = checkLineLength('line1'+place);
    	returnObjById('line2'+place).maxLength = 26;
    	returnObjById('line2'+place).size = 52;
  		returnObjById('line2'+place).value = checkLineLength('line2'+place);
    	returnObjById('line3'+place).maxLength = 26;
    	returnObjById('line3'+place).size = 52;
  		returnObjById('line3'+place).value = checkLineLength('line3'+place);
    	returnObjById('line4'+place).maxLength = 26;
    	returnObjById('line4'+place).size = 52;
  		returnObjById('line4'+place).value = checkLineLength('line4'+place);
    	returnObjById('line5'+place).maxLength = 26;
    	returnObjById('line5'+place).size = 52;
  		returnObjById('line5'+place).value = checkLineLength('line5'+place);
      break;
    case "bone_steel":
    	if (place == "") {
				display.style.backgroundImage = "url(/images/blank_tags/bone_steel.jpg)";
		    displaytext.style.top = "53px";
				cleantagtype.value = "Stainless Steel Bone";	
			}
			else { 
				display.style.backgroundImage = "url(/images/blank_tags/bone_steel_small.jpg)";
				display.style.right = "10px";
				displaytext.style.top = "38px";
				displaytext.style.left = "1px";
			}
    	tagtype.value = "bone_steel";
			displaytext.style.color = "#7c8079";
    	returnObjById('petname'+place).maxLength = 24;
    	returnObjById('petname'+place).size = 49;
  		returnObjById('petname'+place).value = checkLineLength('petname'+place);
    	returnObjById('line1'+place).maxLength = 26;
    	returnObjById('line1'+place).size = 52;
  		returnObjById('line1'+place).value = checkLineLength('line1'+place);
    	returnObjById('line2'+place).maxLength = 26;
    	returnObjById('line2'+place).size = 52;
  		returnObjById('line2'+place).value = checkLineLength('line2'+place);
    	returnObjById('line3'+place).maxLength = 26;
    	returnObjById('line3'+place).size = 52;
  		returnObjById('line3'+place).value = checkLineLength('line3'+place);
    	returnObjById('line4'+place).maxLength = 26;
    	returnObjById('line4'+place).size = 52;
  		returnObjById('line4'+place).value = checkLineLength('line4'+place);
    	returnObjById('line5'+place).maxLength = 26;
    	returnObjById('line5'+place).size = 52;
  		returnObjById('line5'+place).value = checkLineLength('line5'+place);
      break;
    case "heart_brass":
    	if (place == "") {
				display.style.backgroundImage = "url(/images/blank_tags/heart_brass.jpg)";
				displaytext.style.top = "80px";
				cleantagtype.value = "Brass Heart";
			}
    	else {
				display.style.backgroundImage = "url(/images/blank_tags/heart_brass_small.jpg)";
      	display.style.left = "29px";	
			}
			tagtype.value = "heart_brass";
			displaytext.style.color = "#615e32";
    	returnObjById('petname'+place).maxLength = 22;
    	returnObjById('petname'+place).size = 44;
  		returnObjById('petname'+place).value = checkLineLength('petname'+place);
    	returnObjById('line1'+place).maxLength = 24;
    	returnObjById('line1'+place).size = 49;
  		returnObjById('line1'+place).value = checkLineLength('line1'+place);
    	returnObjById('line2'+place).maxLength = 24;
    	returnObjById('line2'+place).size = 49;
  		returnObjById('line2'+place).value = checkLineLength('line2'+place);
    	returnObjById('line3'+place).maxLength = 21;
    	returnObjById('line3'+place).size = 42;
  		returnObjById('line3'+place).value = checkLineLength('line3'+place);
    	returnObjById('line4'+place).maxLength = 19;
    	returnObjById('line4'+place).size = 38;
  		returnObjById('line4'+place).value = checkLineLength('line4'+place);
    	returnObjById('line5'+place).maxLength = 16;
    	returnObjById('line5'+place).size = 31;
  		returnObjById('line5'+place).value = checkLineLength('line5'+place);
      break;
    case "heart_plastic":
    	if (place == "") {
				display.style.backgroundImage = "url(/images/blank_tags/heart_plastic.jpg)";
				displaytext.style.top = "80px";
				cleantagtype.value = "Red Plastic Heart";
    	}
			else { 
				display.style.backgroundImage = "url(/images/blank_tags/heart_plastic_small.jpg)";
      	display.style.left = "29px";	
			}
			tagtype.value = "heart_plastic";
			displaytext.style.color = "white";
    	returnObjById('petname'+place).maxLength = 22;
    	returnObjById('petname'+place).size = 44;
  		returnObjById('petname'+place).value = checkLineLength('petname'+place);
    	returnObjById('line1'+place).maxLength = 24;
    	returnObjById('line1'+place).size = 49;
  		returnObjById('line1'+place).value = checkLineLength('line1'+place);
    	returnObjById('line2'+place).maxLength = 24;
    	returnObjById('line2'+place).size = 49;
  		returnObjById('line2'+place).value = checkLineLength('line2'+place);
    	returnObjById('line3'+place).maxLength = 21;
    	returnObjById('line3'+place).size = 42;
  		returnObjById('line3'+place).value = checkLineLength('line3'+place);
    	returnObjById('line4'+place).maxLength = 19;
    	returnObjById('line4'+place).size = 38;
  		returnObjById('line4'+place).value = checkLineLength('line4'+place);
    	returnObjById('line5'+place).maxLength = 16;
    	returnObjById('line5'+place).size = 31;
  		returnObjById('line5'+place).value = checkLineLength('line5'+place);
      break;
    case "heart_steel":
    	if (place == "") {
				display.style.backgroundImage = "url(/images/blank_tags/heart_steel.jpg)";	
    		displaytext.style.top = "80px";
				cleantagtype.value = "Stainless Steel Heart";
			}
			else { 
				display.style.backgroundImage = "url(/images/blank_tags/heart_steel_small.jpg)";
        display.style.left = "29px";	
			}	
			tagtype.value = "heart_steel";
			displaytext.style.color = "#7c8079";
    	returnObjById('petname'+place).maxLength = 22;
    	returnObjById('petname'+place).size = 44;
  		returnObjById('petname'+place).value = checkLineLength('petname'+place);
    	returnObjById('line1'+place).maxLength = 24;
    	returnObjById('line1'+place).size = 49;
  		returnObjById('line1'+place).value = checkLineLength('line1'+place);
    	returnObjById('line2'+place).maxLength = 24;
    	returnObjById('line2'+place).size = 49;
  		returnObjById('line2'+place).value = checkLineLength('line2'+place);
    	returnObjById('line3'+place).maxLength = 21;
    	returnObjById('line3'+place).size = 42;
  		returnObjById('line3'+place).value = checkLineLength('line3'+place);
    	returnObjById('line4'+place).maxLength = 19;
    	returnObjById('line4'+place).size = 38;
  		returnObjById('line4'+place).value = checkLineLength('line4'+place);
    	returnObjById('line5'+place).maxLength = 16;
    	returnObjById('line5'+place).size = 31;
  		returnObjById('line5'+place).value = checkLineLength('line5'+place);
    	break;	
    }
		checkTypedLength('petname',returnObjById('petname').value);
		for (i = 1; i < 6; i++)
			checkTypedLength('line'+i,returnObjById('line'+i).value);
	}
 }
 
 function rewrite(tagtype) {
 switch (tagtype.id) {
 	case 'none':
		returnObjById('petnameprompt').childNodes[0].nodeValue = 'Line 1:';
  	returnObjById('line1prompt').childNodes[0].nodeValue = "Line 2:";
  	returnObjById('line2prompt').childNodes[0].nodeValue = "Line 3:";
  	returnObjById('line3prompt').childNodes[0].nodeValue = 'Line 4:';
  	returnObjById('line4prompt').childNodes[0].nodeValue = "Line 5:";
  	returnObjById('line5prompt').childNodes[0].nodeValue = 'Line 6:';
		break;
  case 'pet':
  	returnObjById('petnameprompt').childNodes[0].nodeValue = 'Pet Name:';
  	returnObjById('line1prompt').childNodes[0].nodeValue = "Owner's Name:";
  	returnObjById('line2prompt').childNodes[0].nodeValue = "Street Address:";
  	returnObjById('line3prompt').childNodes[0].nodeValue = 'City, State:';
  	returnObjById('line4prompt').childNodes[0].nodeValue = " Phone Number:";
  	returnObjById('line5prompt').childNodes[0].nodeValue = 'Emergency Phone (work, cell, vet, or...):';
  	break;
  	case 'medical':
  	returnObjById('petnameprompt').childNodes[0].nodeValue = 'Medical Condition:';
  	returnObjById('line1prompt').childNodes[0].nodeValue = 'Name:';
  	returnObjById('line2prompt').childNodes[0].nodeValue = 'Street Address:';
  	returnObjById('line3prompt').childNodes[0].nodeValue = 'City, State:';
  	returnObjById('line4prompt').childNodes[0].nodeValue = 'Phone Number:';
  	returnObjById('line5prompt').childNodes[0].nodeValue = '2nd Phone Number (or other info):';
  	break;
  	case 'luggage':
  	returnObjById('petnameprompt').childNodes[0].nodeValue = 'Name:';
  	returnObjById('line1prompt').childNodes[0].nodeValue = 'Street Address:';
  	returnObjById('line2prompt').childNodes[0].nodeValue = 'City, State:';
  	returnObjById('line3prompt').childNodes[0].nodeValue = 'Zip Code/Country:';
  	returnObjById('line4prompt').childNodes[0].nodeValue = 'Phone Number:';
  	returnObjById('line5prompt').childNodes[0].nodeValue = '2nd Phone Number (or other info):';
  	break;
  	case 'custom':
  	returnObjById('petnameprompt').childNodes[0].nodeValue = 'Say what you want:';
  	returnObjById('line1prompt').childNodes[0].nodeValue = 'Say what you want:';
  	returnObjById('line2prompt').childNodes[0].nodeValue = 'Say what you want:';
  	returnObjById('line3prompt').childNodes[0].nodeValue = 'Say what you want:';
  	returnObjById('line4prompt').childNodes[0].nodeValue = 'Say what you want:';
  	returnObjById('line5prompt').childNodes[0].nodeValue = 'Say what you want:';
  	break;
 }
 }

 // load maxlength values for all 6 lines and each design style
 var linemaxlength = new Array();
 linemaxlength["none"] = new Array();
 linemaxlength["Bone"] = new Array();
 linemaxlength["Heart"] = new Array();
 linemaxlength["Circle"] = new Array();
 linemaxlength["none"][1] = "24";
 linemaxlength["none"][2] = "26";
 linemaxlength["none"][3] = "26";
 linemaxlength["none"][4] = "26";
 linemaxlength["none"][5] = "26";
 linemaxlength["none"][6] = "26";
 linemaxlength["Bone"][1] = "24";
 linemaxlength["Bone"][2] = "26";
 linemaxlength["Bone"][3] = "26";
 linemaxlength["Bone"][4] = "26";
 linemaxlength["Bone"][5] = "26";
 linemaxlength["Bone"][6] = "26";
 linemaxlength["Heart"][1] = "22";
 linemaxlength["Heart"][2] = "24";
 linemaxlength["Heart"][3] = "24";
 linemaxlength["Heart"][4] = "21";
 linemaxlength["Heart"][5] = "19";
 linemaxlength["Heart"][6] = "16";
 linemaxlength["Circle"][1] = "18";
 linemaxlength["Circle"][2] = "24";
 linemaxlength["Circle"][3] = "26";
 linemaxlength["Circle"][4] = "26";
 linemaxlength["Circle"][5] = "24";
 linemaxlength["Circle"][6] = "22";
 
// initialize text 'holder' vars for 'reference'
 textline = new Array();
 for(tagrow=1;tagrow<=10;tagrow++){	
  textline[tagrow] = new Array();
  for(textrow=1;textrow<=6;textrow++){
  	textline[tagrow][textrow] = "";
  }
 }
 function afterRefresh(){
  var maxtags = 10;
  changeTags(maxtags);
  changeTexts(maxtags);
  //changeTitles(maxtags);
 }
 function changeTags(tagnums){
  for (tagnum = 1; tagnum <= tagnums; tagnum++) {
  	changeTag(tagnum);
  }
 }
 function changeTexts(tagnums){
  for (tagnum = 1; tagnum <= tagnums; tagnum++) {
  	changeText(tagnum);
  }
 } 
 function changeTitles(tagnums){
  for (tagnum = 1; tagnum <= tagnums; tagnum++) {
  	rewrite(returnObjById('qty_new_id' + tagnum).options[returnObjById('qty_new_id' + tagnum).selectedIndex],'new_id' + tagnum);
  	//alert(returnObjById('qty_new_id' + tagnum).options[returnObjById('qty_new_id' + tagnum).selectedIndex].id);
  }
 }
 
 
 //  tagtype = "qty_new_id1" + tagrow ( pet , medical, luggage , custom  )
 //  tagshape = "shape_new_id1" + tagrow  ( Bone , Heart, Circle  )
 //  tagmaterial = "material_new_id1" + tagrow   ( Brass , Red_Plastic, Stainless_Steel  )
 
 function changeTag(tagrow){
  tagname = returnObjById('shape_new_id' + tagrow).options[returnObjById('shape_new_id' + tagrow).selectedIndex].value;
  matname = returnObjById('material_new_id' + tagrow).options[returnObjById('material_new_id' + tagrow).selectedIndex].value;
  newclass = tagname + matname;
  			
  if(tagname.substring(0,5) == 'Select' || matname.substring(0,6) == 'Select') {
  	newclass = "none";
  
  }
  returnObjById('row' + tagrow + 'dogtagline').className = newclass;
  changeText(tagrow);
 }
 function changeText(tagrow){
  for(textrow=1;textrow<=6;textrow++){
  	if(textrow == 1){
  		textline[tagrow][textrow] = returnObjById('petname_text_id' + tagrow).value;
  	}else{
  		textline[tagrow][textrow] = returnObjById('line' + (textrow - 1) + '_text_id' + tagrow).value;
  	}
  }
  tagname = returnObjById('shape_new_id' + tagrow).options[returnObjById('shape_new_id' + tagrow).selectedIndex].value;
  if(tagname.substr(0,6) == "Select") {
  tagname = "none";	
  }
  textlines = "<span class='dogname'>" + 
  textline[tagrow][1].substring(0,linemaxlength[tagname][1]) + "</span><br>" +
  textline[tagrow][2].substring(0,linemaxlength[tagname][2]) + "<br>" + 
  textline[tagrow][3].substring(0,linemaxlength[tagname][3]) + "<br>" +  
  textline[tagrow][4].substring(0,linemaxlength[tagname][4]) + "<br>" +    
  textline[tagrow][5].substring(0,linemaxlength[tagname][5]) + "<br>" +  
  textline[tagrow][6].substring(0,linemaxlength[tagname][6]);
  returnObjById('row' + tagrow + 'dogtagline').innerHTML = textlines;
 }
 
 function DollarFormat(amount)
 {
  var number = parseFloat(amount);
  if(isNaN(number)) 
  	number = 0.00; 

  var negative = '';
  if(number < 0) 
  	negative = '-'; 

  number = Math.abs(number);
  number = parseInt((number + .005) * 100) / 100;
  formatString = new String(number);

  if(formatString.indexOf('.') < 0) 
  	formatString += '.00'; 
  if(formatString.indexOf('.') == (formatString.length - 2)) 
  	formatString += '0'; 

  formatString = negative + formatString;
  return formatString;
 }

 function ChangeShipping(selectBox) {
  opt = selectBox.options;
  caption = opt[selectBox.selectedIndex].text;
  index1 = caption.indexOf('[$');
  index2 = caption.indexOf("]", index1 + 1);

  priceCaption = caption.substring(index1 + 2, index2);
  	
  divSub = returnObjById("SubTotalCharges");
  divTotal = returnObjById("TotalCharges");
  divShip = returnObjById("ShippingCharge");
  subTotal = parseFloat(divSub.innerHTML.substring(1));
  
  Total = subTotal + parseFloat(priceCaption);
  divTotal.innerHTML = '<b>$' + DollarFormat(Total) + '</b>';			
  divShip.innerHTML = "<b>$" + priceCaption + "</b>";
 }