function $(id) { return document.getElementById(id); }

function iTagGen(iWho)
{

  L1 = $(iWho).value;
  var num = new Array(0,1,2,3,4,5,6,7,8,9);
  var iLENGTH = new Array();

	iLENGTH[0] = "";
	iLENGTH[1] = "2.3";
	iLENGTH[2] = "2.3";
	iLENGTH[3] = "2.3";
	iLENGTH[4] = "2.4";
	iLENGTH[5] = "2.5";
	iLENGTH[6] = "2.550";
	iLENGTH[7] = "2.6";
	iLENGTH[8] = "2.650";
	iLENGTH[9] = "2.7";

  iVIEW = "";

	if(iWho == "LINE_1") { iShow = "iView"; } else { iShow = "iView2";}
	$(iShow).innerHTML = "";

for(i = 0; i < L1.length; i++)
{
	iRef = "";

  for(z = 0; z < num.length; z++)
  {
	if(L1.charAt(i) == num[z])
	{
		iRef = "num" + L1.charAt(i);
	}
	if(L1.charAt(i) == "&")
	{
		iRef = "ampersand";
	}
	if(L1.charAt(i) == "#")
	{
		iRef = "numSign";
	}
	if(L1.charAt(i) == " ")
	{
		iRef = "Default";
	}
	if(iRef == "")
	{
		iRef = L1.charAt(i).toUpperCase();
	}
  }

  if(i == 0)
  {
	if(iWho == "LINE_1")
	{
		iTYPE = "beg";
	}
	else
	{
		iTYPE = "letter";
	}
	  iVIEW += "<img src=\"/files/3396905/uploaded/images/" + iRef + "/" + iTYPE + ".png\" class=\"eqlLet\" />";
  }
  if(i == (L1.length - 1))	
  {
	if(iWho == "LINE_1")
	{
		iTYPE = "end";
	}
	else
	{
		iTYPE = "letter";
	}
	  iVIEW += "<img src=\"/files/3396905/uploaded/images/" + iRef + "/" + iTYPE + ".png\" class=\"eqlLet\" />";
  }

  if(i != 0 && i != (L1.length - 1))
  {
	if(iWho == "LINE_1")
	{
		iTYPE = "mid";
	}
	else
	{
		iTYPE = "letter";
	}
	  iVIEW += "<img src=\"/files/3396905/uploaded/images/" + iRef + "/" + iTYPE + ".png\" class=\"midLet\" />";
  }

  if(L1.length == "LINE_1")
  {
	iVIEW = "<img src=\"/files/3396905/uploaded/images/Default/beg.png\" class=\"eqlLet\"/><img src=\"/files/3396905/uploaded/images/" + iRef + "/letter.png\" class=\"midLet\" /><img src=\"/files/3396905/uploaded/images/Default/end.png\" class=\"eqlLet\" />";
  }


 }

  $(iShow).className = $("iSelect").value;
  $(iShow).innerHTML = iVIEW;

	iLi = L1.length;
	if(L1.length > 9)
	{
		iLi = 9;
	}

  $("iLength").innerHTML = "Your  key chain will be <strong>" + iLENGTH[iLi] + "</strong> inches long.";

}

function iCheck(iWho)
{
  iNoNo = "@`~!$%^*()_+-=\|]}[{':/?.>,<";
  iText = $(iWho).value;


	$("iSend").disabled = false;
	$("variations_571078227_3").value = $("LINE_1").value;
	$("variations_571078227_5").value = $("iSelect").value;
	$("variations_571078227_4").value = $("LINE_2").value;
}

function iReset()
{

	$("iError").style.display = "none";
	$("iError").innerHTML = "";
}

function preTag()
{
	$("iView").innerHTML = "";
	$("iView2").innerHTML = "";

  if($("LINE_2").value != "")
  {
	iTagGen("LINE_2");
  }
  if($("LINE_1").value != "")
  {
	iTagGen("LINE_1");
  }
}

function updateColor()
{
	$("variations_571078227_5").value = $("iSelect").value;
}