var tms = 0;
var tsl = 0;
var tbt = 0;
var tfoStyle = 'p1';
var tboStyle = 0;

function AdjustColor(divID,valueID,bgc)
{
   	if (bgc == 0)
   	{
   		document.getElementById(divID).style.color = document.getElementById(valueID).value;
   	} else {
   		document.getElementById(divID).style.background = document.getElementById(valueID).value;
   	}
}

function AdjustText(divID, valueID)
         {
           document.getElementById(divID).innerHTML = document.getElementById(valueID).value;
         }

function ReAlign()
{
	if (tboStyle == 0)
	{ 
		if (tms == 0 && tsl == 0 && tbt == 1)
		{
			//document.getElementById('magstripe_bk').style.visibility = 'hidden';

			//document.getElementById('sigline_bk').style.visibility = 'hidden';

			document.getElementById('backtext_bk').style.width = '165px';
			document.getElementById('backtext_bk').style.height = '263px';
			document.getElementById('backtext_bk').style.left = '350px';
			document.getElementById('backtext_bk').style.top = '40px';
			document.getElementById('numbering9').style.top = '40px';
			document.getElementById('numbering9').style.left = '350px';
			document.getElementById('backtext_bk').innerHTML = '<img src="images/bigbktxt.gif" border="0" width="165" height="263">';
		}
		else if (tms == 1 && tsl == 0 && tbt == 1)
		{
			document.getElementById('magstripe_bk').style.width = '35px';
			document.getElementById('magstripe_bk').style.height = '275px';
			document.getElementById('magstripe_bk').style.left = '355px';
			document.getElementById('magstripe_bk').style.top = '35px';
			document.getElementById('numbering7').style.top = '35px';
			document.getElementById('numbering7').style.left = '355px';
						
			//document.getElementById('sigline_bk').style.visibility = 'hidden';
			
			document.getElementById('backtext_bk').style.width = '120px';
			document.getElementById('backtext_bk').style.height = '263px';
   			document.getElementById('backtext_bk').style.left = '395px';
   			document.getElementById('backtext_bk').style.top = '40px';
			document.getElementById('numbering9').style.top = '40px';
			document.getElementById('numbering9').style.left = '395px';
			document.getElementById('backtext_bk').innerHTML = '<img src="images/medbktxt.gif" border="0" width="110" height="263">';
		}
		else if (tms == 0 && tsl == 1 && tbt == 1)
		{
			//document.getElementById('magstripe_bk').style.visibility = 'hidden';
			
			document.getElementById('sigline_bk').style.width = '40px';
			document.getElementById('sigline_bk').style.height = '265px';
			document.getElementById('sigline_bk').style.left = '355px';
			document.getElementById('sigline_bk').style.top = '40px';
			document.getElementById('numbering8').style.top = '40px';
			document.getElementById('numbering8').style.left = '355px';
			document.getElementById('sigline_bk').innerHTML = '<img src="images/john_doe_vert.gif" border="0" width="40" height="265">';
						
			document.getElementById('backtext_bk').style.width = '110px';
			document.getElementById('backtext_bk').style.height = '263px';
   			document.getElementById('backtext_bk').style.left = '400px';
   			document.getElementById('backtext_bk').style.top = '40px';
			document.getElementById('numbering9').style.top = '40px';
			document.getElementById('numbering9').style.left = '400px';
			document.getElementById('backtext_bk').innerHTML = '<img src="images/medbktxt.gif" border="0" width="110" height="263">';
		}
		else if (tms == 1 && tsl == 1 && tbt == 1)
		{
			document.getElementById('magstripe_bk').style.width = '35px';
			document.getElementById('magstripe_bk').style.height = '275px';
   			document.getElementById('magstripe_bk').style.left = '355px';
   			document.getElementById('magstripe_bk').style.top = '35px';
			document.getElementById('numbering7').style.top = '35px';
			document.getElementById('numbering7').style.left = '355px';
			
			document.getElementById('sigline_bk').style.width = '40px';
			document.getElementById('sigline_bk').style.height = '265px';
   			document.getElementById('sigline_bk').style.left = '395px';
   			document.getElementById('sigline_bk').style.top = '40px';
			document.getElementById('numbering8').style.top = '40px';
			document.getElementById('numbering8').style.left = '395px';
			document.getElementById('sigline_bk').innerHTML = '<img src="images/john_doe_vert.gif" border="0" width="40" height="265">';
						
			document.getElementById('backtext_bk').style.width = '70px';
			document.getElementById('backtext_bk').style.height = '263px';
   			document.getElementById('backtext_bk').style.left = '440px';
   			document.getElementById('backtext_bk').style.top = '40px';	
			document.getElementById('numbering9').style.top = '40px';
			document.getElementById('numbering9').style.left = '440px';
			document.getElementById('backtext_bk').innerHTML = '<img src="images/smbktxt.gif" border="0" width="70" height="263">';
		}
		else if (tms == 1 && tsl == 0 && tbt == 0)
		{
			document.getElementById('magstripe_bk').style.width = '35px';
			document.getElementById('magstripe_bk').style.height = '275px';
			document.getElementById('magstripe_bk').style.left = '355px';
			document.getElementById('magstripe_bk').style.top = '35px';
			document.getElementById('numbering7').style.top = '35px';
			document.getElementById('numbering7').style.left = '355px';
						
			//document.getElementById('sigline_bk').style.visibility = 'hidden';
			
			//document.getElementById('backtext_bk').style.visibility = 'hidden';
		}
		else if (tms == 1 && tsl == 1 && tbt == 0)
		{
			document.getElementById('magstripe_bk').style.width = '35px';
			document.getElementById('magstripe_bk').style.height = '275px';
			document.getElementById('magstripe_bk').style.left = '355px';
			document.getElementById('magstripe_bk').style.top = '35px';
			document.getElementById('numbering7').style.top = '35px';
			document.getElementById('numbering7').style.left = '355px';
			
			document.getElementById('sigline_bk').style.width = '40px';
			document.getElementById('sigline_bk').style.height = '265px';
   			document.getElementById('sigline_bk').style.left = '395px';
   			document.getElementById('sigline_bk').style.top = '40px';
			document.getElementById('numbering8').style.top = '40px';
			document.getElementById('numbering8').style.left = '395px';
			document.getElementById('sigline_bk').innerHTML = '<img src="images/john_doe_vert.gif" border="0" width="40" height="265">';
			
			
			//document.getElementById('backtext_bk').style.visibility = 'hidden';
		}
		else if (tms == 0 && tsl == 1 && tbt == 0)
		{
			document.getElementById('sigline_bk').style.width = '40px';
			document.getElementById('sigline_bk').style.height = '265px';
			document.getElementById('sigline_bk').style.left = '355px';
			document.getElementById('sigline_bk').style.top = '40px';
			document.getElementById('numbering8').style.top = '40px';
			document.getElementById('numbering8').style.left = '355px';
			document.getElementById('sigline_bk').innerHTML = '<img src="images/john_doe_vert.gif" border="0" width="40" height="265">';
			
		}
		else if (tms == 0 && tsl == 0 && tbt == 0)
		{
			// Leave all blank since they are all off.
		}
	}
	else if (tboStyle == 1)
	{ 
		if (tms == 0 && tsl == 0 && tbt == 1)
		{
			//document.getElementById('magstripe_bk').style.visibility = 'hidden';
			
			//document.getElementById('sigline_bk').style.visibility = 'hidden';
			
			document.getElementById('backtext_bk').style.width = '265px';
			document.getElementById('backtext_bk').style.height = '155px';
			document.getElementById('backtext_bk').style.left = '350px';
			document.getElementById('backtext_bk').style.top = '45px';
			document.getElementById('numbering9').style.top = '45px';
			document.getElementById('numbering9').style.left = '350px';
			document.getElementById('backtext_bk').innerHTML = '<img src="images/bigbktxt_h.gif" border="0" width="265" height="155">';
		}
		else if (tms == 1 && tsl == 0 && tbt == 1)
		{
			document.getElementById('magstripe_bk').style.width = '275px';
			document.getElementById('magstripe_bk').style.height = '35px';
			document.getElementById('magstripe_bk').style.left = '345px';
			document.getElementById('magstripe_bk').style.top = '160px';
			document.getElementById('numbering7').style.top = '160px';
			document.getElementById('numbering7').style.left = '345px';
			
			//document.getElementById('sigline_bk').style.visibility = 'hidden';
			
			document.getElementById('backtext_bk').style.width = '265px';
			document.getElementById('backtext_bk').style.height = '100px';
   			document.getElementById('backtext_bk').style.left = '350px';
   			document.getElementById('backtext_bk').style.top = '45px';
			document.getElementById('numbering9').style.top = '45px';
			document.getElementById('numbering9').style.left = '350px';
			document.getElementById('backtext_bk').innerHTML = '<img src="images/medbktxt_h.gif" border="0" width="265" height="100">';
		}
		else if (tms == 0 && tsl == 1 && tbt == 1)
		{
			//document.getElementById('magstripe_bk').style.visibility = 'hidden';
			
			document.getElementById('sigline_bk').style.width = '265px';
			document.getElementById('sigline_bk').style.height = '40';
			document.getElementById('sigline_bk').style.left = '350px';
			document.getElementById('sigline_bk').style.top = '155px';
			document.getElementById('numbering8').style.top = '155px';
			document.getElementById('numbering8').style.left = '350px';
			document.getElementById('sigline_bk').innerHTML = '<img src="images/john_doe.gif" border="0" width="265px" height="40px">';
			
			document.getElementById('backtext_bk').style.width = '265px';
			document.getElementById('backtext_bk').style.height = '100px';
   			document.getElementById('backtext_bk').style.left = '350px';
   			document.getElementById('backtext_bk').style.top = '45px';	
			document.getElementById('numbering9').style.top = '45px';
			document.getElementById('numbering9').style.left = '350px';
			document.getElementById('backtext_bk').innerHTML = '<img src="images/medbktxt_h.gif" border="0" width="265" height="100">';
		}
		else if (tms == 1 && tsl == 1 && tbt == 1)
		{
			document.getElementById('magstripe_bk').style.width = '275px';
			document.getElementById('magstripe_bk').style.height = '35px';
			document.getElementById('magstripe_bk').style.left = '345px';
			document.getElementById('magstripe_bk').style.top = '160px';
			document.getElementById('numbering7').style.top = '160px';
			document.getElementById('numbering7').style.left = '345px';

			document.getElementById('sigline_bk').style.width = '265px';
			document.getElementById('sigline_bk').style.height = '40px';
   			document.getElementById('sigline_bk').style.left = '350px';
   			document.getElementById('sigline_bk').style.top = '115px';
			document.getElementById('numbering8').style.top = '115px';
			document.getElementById('numbering8').style.left = '350px';
			document.getElementById('sigline_bk').innerHTML = '<img src="images/john_doe.gif" border="0" width="265px" height="40px">';
			
			document.getElementById('backtext_bk').style.width = '265px';
			document.getElementById('backtext_bk').style.height = '60px';
   			document.getElementById('backtext_bk').style.left = '350px';
   			document.getElementById('backtext_bk').style.top = '45px';
			document.getElementById('numbering9').style.top = '45px';
			document.getElementById('numbering9').style.left = '350px';
			document.getElementById('backtext_bk').innerHTML = '<img src="images/smbktxt_h.gif" border="0" width="265" height="60">';
		}
		else if (tms == 1 && tsl == 0 && tbt == 0)
		{
			document.getElementById('magstripe_bk').style.width = '275px';
			document.getElementById('magstripe_bk').style.height = '35px';
			document.getElementById('magstripe_bk').style.left = '345px';
			document.getElementById('magstripe_bk').style.top = '160px';
			document.getElementById('numbering7').style.top = '160px';
			document.getElementById('numbering7').style.left = '345px';
			
			//document.getElementById('sigline_bk').style.visibility = 'hidden';
			
			//document.getElementById('backtext_bk').style.visibility = 'hidden';
		}
		else if (tms == 1 && tsl == 1 && tbt == 0)
		{
			document.getElementById('magstripe_bk').style.width = '275px';
			document.getElementById('magstripe_bk').style.height = '35px';
			document.getElementById('magstripe_bk').style.left = '345px';
			document.getElementById('magstripe_bk').style.top = '160px';
			document.getElementById('numbering7').style.top = '160px';
			document.getElementById('numbering7').style.left = '345px';
			
			document.getElementById('sigline_bk').style.width = '265px';
			document.getElementById('sigline_bk').style.height = '40px';
   			document.getElementById('sigline_bk').style.left = '350px';
   			document.getElementById('sigline_bk').style.top = '115px';
			document.getElementById('numbering8').style.top = '115px';
			document.getElementById('numbering8').style.left = '350px';
			document.getElementById('sigline_bk').innerHTML = '<img src="images/john_doe.gif" border="0" width="265px" height="40px">';
			
			//document.getElementById('backtext_bk').style.visibility = 'hidden';
		}
		else if (tms == 0 && tsl == 1 && tbt == 0)
		{
			//document.getElementById('magstripe_bk').style.visibility = 'hidden';
			
			document.getElementById('sigline_bk').style.width = '265px';
			document.getElementById('sigline_bk').style.height = '40';
			document.getElementById('sigline_bk').style.left = '350px';
			document.getElementById('sigline_bk').style.top = '155px';
			document.getElementById('numbering8').style.top = '155px';
			document.getElementById('numbering8').style.left = '350px';
			document.getElementById('sigline_bk').innerHTML = '<img src="images/john_doe.gif" border="0" width="265" height="40">';
			
			//document.getElementById('backtext_bk').style.visibility = 'hidden';
		}
		else if (tms == 0 && tsl == 0 && tbt == 0)
		{
			// Leave all blank since they are all off.
		}
	}
}

function ToggleMagStripe(magStripe)
{
	if (magStripe == 1)
	{
		document.getElementById('magstripe_bk').style.visibility = 'visible';
		document.getElementById('numbering7').style.visibility = 'visible';
		tms = 1;
		ReAlign();
	}
	else if (magStripe ==0)
	{
		document.getElementById('magstripe_bk').style.visibility = 'hidden';	
		document.getElementById('numbering7').style.visibility = 'hidden';
		tms = 0;
		ReAlign();
	}
}


function ToggleSigLine(sigLine)
{
	if (sigLine == 1)
	{
		document.getElementById('sigline_bk').style.visibility = 'visible';
		document.getElementById('numbering8').style.visibility = 'visible';
		tsl = 1;
		ReAlign();
	}
	else if (sigLine ==0)
	{
		document.getElementById('sigline_bk').style.visibility = 'hidden';	
		document.getElementById('numbering8').style.visibility = 'hidden';
		tsl = 0;
		ReAlign();
	}
}

function ToggleBackText(backText)
{
	if (backText == 1)
	{
		document.getElementById('backtext_bk').style.visibility = 'visible';
		document.getElementById('numbering9').style.visibility = 'visible';
		tbt = 1;
		ReAlign();
	}
	else if (backText ==0)
	{
		document.getElementById('backtext_bk').style.visibility = 'hidden';
		document.getElementById('numbering9').style.visibility = 'hidden';	
		tbt = 0;
		ReAlign();
	}
}

function ToggleGuidelines(tgall)
{
	
	if (tgall == 1)
	{
		document.getElementById('numbering1').style.visibility = 'visible';
	
		document.getElementById('img1').style.border = '1px dotted #ADADAD';
		document.getElementById('img1').style.margin = '0px';

		document.getElementById('name1').style.border = '1px dotted #3030DD';
		document.getElementById('name1').style.margin = '0px';
		document.getElementById('numbering2').style.visibility = 'visible';

		document.getElementById('id1').style.border = '1px dotted #00A40F';
		document.getElementById('id1').style.margin = '0px';
		document.getElementById('numbering3').style.visibility = 'visible';

		document.getElementById('id2').style.border = '1px dotted #F88600';
		document.getElementById('id2').style.margin = '0px';
		document.getElementById('numbering4').style.visibility = 'visible';

		document.getElementById('logo1').style.border = '1px dotted #A8037B';
		document.getElementById('logo1').style.margin = '0px';
		document.getElementById('numbering5').style.visibility = 'visible';
		

	}
	else if (tgall == 0)
	{
		document.getElementById('numbering1').style.visibility = 'hidden';
		
		document.getElementById('img1').style.border = '0px';
		document.getElementById('img1').style.margin = '1px';
		
		document.getElementById('name1').style.border = '0px';
		document.getElementById('name1').style.margin = '1px';
		document.getElementById('numbering2').style.visibility = 'hidden';

		document.getElementById('id1').style.border = '0px';
		document.getElementById('id1').style.margin = '1px';
		document.getElementById('numbering3').style.visibility = 'hidden';

		document.getElementById('id2').style.border = '0px';
		document.getElementById('id2').style.margin = '1px';
		document.getElementById('numbering4').style.visibility = 'hidden';

		document.getElementById('logo1').style.border = '0px';
		document.getElementById('logo1').style.margin = '1px';
		document.getElementById('numbering5').style.visibility = 'hidden';
	} else {
		if (document.getElementById(tgall).style.border == '0px')
		{
			document.getElementById(tgall).style.border = '1px dotted #ADADAD';
			document.getElementById(tgall).style.margin = '0px';
			
		}
		else if (document.getElementById(tgall).style.border == '1px dotted #ADADAD')
		{
			document.getElementById(tgall).style.border = '0px';
			document.getElementById(tgall).style.margin = '1px';
		}
	}
}

// this function toggles back guidelines on/off.
function ToggleBackGuidelines(tbgall)
{
	
	if (tbgall == 1)
	{
		document.getElementById('numbering6').style.visibility = 'visible';
		
		document.getElementById('magstripe_bk').style.border = '1px dotted #ADADAD';
		document.getElementById('magstripe_bk').style.margin = '0px';
		if (tms == 1)
		{		
		document.getElementById('numbering7').style.visibility = 'visible';
		}

		document.getElementById('sigline_bk').style.border = '1px dotted #3030DD';
		document.getElementById('sigline_bk').style.margin = '0px';
		if (tsl == 1)
		{		
		document.getElementById('numbering8').style.visibility = 'visible';
		}

		document.getElementById('backtext_bk').style.border = '1px dotted #00A40F';
		document.getElementById('backtext_bk').style.margin = '0px';
		if (tbt == 1)
		{		
		document.getElementById('numbering9').style.visibility = 'visible';
		}
	}
	else if (tbgall == 0)
	{
		document.getElementById('numbering6').style.visibility = 'hidden';
		
		document.getElementById('magstripe_bk').style.border = '0px';
		document.getElementById('magstripe_bk').style.margin = '1px';
		document.getElementById('numbering7').style.visibility = 'hidden';

		document.getElementById('sigline_bk').style.border = '0px';
		document.getElementById('sigline_bk').style.margin = '1px';
		document.getElementById('numbering8').style.visibility = 'hidden';

		document.getElementById('backtext_bk').style.border = '0px';
		document.getElementById('backtext_bk').style.margin = '1px';
		document.getElementById('numbering9').style.visibility = 'hidden';

	} else {
		if (document.getElementById(tbgall).style.border == '0px')
		{
			document.getElementById(tbgall).style.border = '1px dotted #ADADAD';
			document.getElementById(tbgall).style.margin = '0px';
			
		}
		else if (document.getElementById(tbgall).style.border == '1px dotted #ADADAD')
		{
			document.getElementById(tbgall).style.border = '0px';
			document.getElementById(tbgall).style.margin = '1px';
		}
	}
}


// this funtion switches the orientation of the back of the card.
function ToggleBackOrientation(bkcardstyle)
{
   	if (bkcardstyle == 'vertical1')
   	{
   		document.getElementById('bgspace_bk').style.width = '173px';
   		document.getElementById('bgspace_bk').style.height = '275px';
		document.getElementById('bgspace_bk').style.left = '345px';
   		document.getElementById('bgspace_bk').style.top = '35px';
		tboStyle = 0;
		ReAlign();
   	} 
	  	else if (bkcardstyle == 'horizontal1')
   	{
	   	document.getElementById('bgspace_bk').style.width = '275px';
   		document.getElementById('bgspace_bk').style.height = '173px';
		document.getElementById('bgspace_bk').style.left = '345px';
   		document.getElementById('bgspace_bk').style.top = '35px';
		tboStyle = 1;
		ReAlign();
   	}
}


// this function toggles the orientation of the front of the card.
function ToggleOrientation(cardstyle)
{
   	if (cardstyle == 'p1')
   	{
   		tfoStyle = cardstyle;
   		document.getElementById('bgspace').style.width = '173px';
   		document.getElementById('bgspace').style.height = '275px';

   		document.getElementById('img1').style.width = '173px';
   		document.getElementById('img1').style.height = '121px';
   		document.getElementById('img1').style.left = '15px';
   		document.getElementById('img1').style.top = '50px';

   		document.getElementById('name1').style.width = '173px';
		document.getElementById('name1').style.height = '20px';
   		document.getElementById('name1').style.left = '15px';
   		document.getElementById('name1').style.top = '172px';
		
   		document.getElementById('id1').style.width = '173px';
		document.getElementById('id1').style.height = '20px';
   		document.getElementById('id1').style.left = '15px';
   		document.getElementById('id1').style.top = '194px';

   		document.getElementById('id2').style.width = '173px';
		document.getElementById('id2').style.height = '20px';
   		document.getElementById('id2').style.left = '15px';
   		document.getElementById('id2').style.top = '216px';

    		document.getElementById('logo1').style.width = '173px';
   		document.getElementById('logo1').style.height = '62px';
   		document.getElementById('logo1').style.left = '15px';
   		document.getElementById('logo1').style.top = '238px';
		
		document.getElementById('barcode').style.visibility = 'hidden';
		
   		document.getElementById('numbering1').style.left = '15px';
   		document.getElementById('numbering1').style.top = '35px';
   		
   		document.getElementById('numbering2').style.left = '15px';
   		document.getElementById('numbering2').style.top = '175px';
   		
		document.getElementById('numbering3').style.left = '15px';
   		document.getElementById('numbering3').style.top = '196px';

   		document.getElementById('numbering4').style.left = '15px';
   		document.getElementById('numbering4').style.top = '216px';

   		document.getElementById('numbering5').style.left = '15px';
   		document.getElementById('numbering5').style.top = '237px';
  		
   	} 
   	else if (cardstyle == 'p2')
   	{
   		tfoStyle = cardstyle;
   		document.getElementById('bgspace').style.width = '173px';
   		document.getElementById('bgspace').style.height = '275px';

   		document.getElementById('img1').style.width = '173px';
   		document.getElementById('img1').style.height = '121px';
   		document.getElementById('img1').style.left = '15px';
   		document.getElementById('img1').style.top = '124px';

   		document.getElementById('name1').style.width = '173px';
		document.getElementById('name1').style.height = '20px';
   		document.getElementById('name1').style.left = '15px';
   		document.getElementById('name1').style.top = '249px';

   		document.getElementById('id1').style.width = '173px';
		document.getElementById('id1').style.height = '20px';
   		document.getElementById('id1').style.left = '15px';
   		document.getElementById('id1').style.top = '270px';

   		document.getElementById('id2').style.width = '173px';
		document.getElementById('id2').style.height = '18px';
   		document.getElementById('id2').style.left = '15px';
   		document.getElementById('id2').style.top = '290px';
   		
		document.getElementById('logo1').style.width = '173px';
   		document.getElementById('logo1').style.height = '63px';
   		document.getElementById('logo1').style.left = '15px';
   		document.getElementById('logo1').style.top = '50px';
		
		document.getElementById('barcode').style.visibility = 'hidden';
   		
   		document.getElementById('numbering1').style.left = '15px';
   		document.getElementById('numbering1').style.top = '30px';
   		
   		document.getElementById('numbering2').style.left = '15px';
   		document.getElementById('numbering2').style.top = '249px';
   		
		document.getElementById('numbering3').style.left = '15px';
   		document.getElementById('numbering3').style.top = '270px';

   		document.getElementById('numbering4').style.left = '15px';
   		document.getElementById('numbering4').style.top = '291px';

   		document.getElementById('numbering5').style.left = '15px';
   		document.getElementById('numbering5').style.top = '50px';
   	
   	}
   	else if (cardstyle == 'l1')
   	{

   		tfoStyle = cardstyle;
   		document.getElementById('bgspace').style.width = '275px';
   		document.getElementById('bgspace').style.height = '173px';

   		document.getElementById('img1').style.width = '117px';
   		document.getElementById('img1').style.height = '120px';
   		document.getElementById('img1').style.left = '15px';
   		document.getElementById('img1').style.top = '48px';

   		document.getElementById('name1').style.width = '157px';
   		document.getElementById('name1').style.left = '133px';
   		document.getElementById('name1').style.top = '134px';

   		document.getElementById('id1').style.width = '82px';
   		document.getElementById('id1').style.left = '133px';
   		document.getElementById('id1').style.top = '155px';
   		document.getElementById('id1').style.height = '18px';

   		document.getElementById('id2').style.width = '74px';
   		document.getElementById('id2').style.left = '215px';
   		document.getElementById('id2').style.top = '155px';
   		document.getElementById('id2').style.height = '18px';

    		document.getElementById('logo1').style.width = '157px';
   		document.getElementById('logo1').style.height = '75px';
   		document.getElementById('logo1').style.left = '133px';
   		document.getElementById('logo1').style.top = '48px';	
		
		document.getElementById('barcode').style.width = '260px';
		document.getElementById('barcode').style.height = '30px';
		document.getElementById('barcode').style.left = '20px';
		document.getElementById('barcode').style.top = '176px';
		document.getElementById('barcode').style.visibility = 'visible';
   		
   		document.getElementById('numbering1').style.left = '15px';
   		document.getElementById('numbering1').style.top = '30px';
   		
   		document.getElementById('numbering2').style.left = '122px';
   		document.getElementById('numbering2').style.top = '134px';
   		
		document.getElementById('numbering3').style.left = '122px';
   		document.getElementById('numbering3').style.top = '155px';

   		document.getElementById('numbering4').style.left = '285px';
   		document.getElementById('numbering4').style.top = '155px';

   		document.getElementById('numbering5').style.left = '133px';
   		document.getElementById('numbering5').style.top = '50px';

   	}
     else if (cardstyle == 'l2')
   	{

   		tfoStyle = cardstyle;
   		document.getElementById('bgspace').style.width = '275px';
   		document.getElementById('bgspace').style.height = '173px';

   		document.getElementById('img1').style.width = '116px';
   		document.getElementById('img1').style.height = '120px';
   		document.getElementById('img1').style.left = '15px';
   		document.getElementById('img1').style.top = '48px';

   		document.getElementById('name1').style.width = '116px';
   		document.getElementById('name1').style.left = '15px';
   		document.getElementById('name1').style.top = '172px';
   		document.getElementById('name1').style.height = '35px';

   		document.getElementById('id1').style.width = '157px';
   		document.getElementById('id1').style.left = '132px';
   		document.getElementById('id1').style.top = '172px';
   		document.getElementById('id1').style.height = '18px';


   		document.getElementById('id2').style.width = '157px';
   		document.getElementById('id2').style.left = '132px';
   		document.getElementById('id2').style.top = '190px';
   		document.getElementById('id2').style.height = '17px';
   		
   		document.getElementById('logo1').style.width = '158px';
   		document.getElementById('logo1').style.height = '113px';
   		document.getElementById('logo1').style.left = '132px';
   		document.getElementById('logo1').style.top = '48px';
		
		document.getElementById('barcode').style.visibility = 'hidden';
   		
   		document.getElementById('numbering1').style.left = '15px';
   		document.getElementById('numbering1').style.top = '30px';
   		
   		document.getElementById('numbering2').style.left = '15px';
   		document.getElementById('numbering2').style.top = '190px';
   		
		document.getElementById('numbering3').style.left = '133px';
   		document.getElementById('numbering3').style.top = '170px';

   		document.getElementById('numbering4').style.left = '133px';
   		document.getElementById('numbering4').style.top = '190px';

   		document.getElementById('numbering5').style.left = '133px';
   		document.getElementById('numbering5').style.top = '50px';
	}
}




//this function is borrowed from another color picker found online then modified.
function switchFile()
{
   // Small workaround because of a JavaScript bug in Netscape's File
   // upload. (File upload value not imediately recognized in Netscape3.0)
   document.colorchanges.bgimgfile.focus();
   document.colorchanges.bgimgfile.blur();

   // get background file name (if any)
   if (document.colorchanges.bgimgfile.value.length > 3 && imgTypeCheck())
   {
      fileName = document.colorchanges.bgimgfile.value;

      //get drive letter
      driveLetter = fileName.charAt(0);

      // get image file name (no path)
      position = fileName.length;
      while (fileName.charAt(position-1) != "\\")
      {
         position = position -1;
      }
      imageFileName = fileName.substring(fileName.length,position)

      imageFilePath = fileName.substring(position-1,3)

      // swap backward slashes for forward slashes
      imageFilePath2 = SearchAndReplace(imageFilePath, "\\", "/");

      //write BACKGROUND attribute
      //current_back = "\&nbsp\;BACKGROUND=\"" + imageFileName + "\"<BR>";
      document.getElementById('bgspace').style.background = 'transparent url("file:///' + driveLetter + '|/' + imageFilePath2 + '/' + imageFileName + '")';   
   }
   else
   {
      document.getElementById('bgspace').style.background = document.getElementById('bgspacecolor').value;
      //document.getElementById(divID).style.background = document.getElementById(valueID).value;
      //driveLetter = "";
      //imageFileName = "";
      //imageFilePath2 = "";
      //current_back = "";
   }

}
// switchFile for back side of card
function switchFileBk()
{
   // Small workaround because of a JavaScript bug in Netscape's File
   // upload. (File upload value not imediately recognized in Netscape3.0)
   document.colorchanges.bgimgfile_bk.focus();
   document.colorchanges.bgimgfile_bk.blur();

   // get background file name (if any)
   if (document.colorchanges.bgimgfile_bk.value.length > 3 && imgTypeCheck())
   {
      fileName = document.colorchanges.bgimgfile_bk.value;

      //get drive letter
      driveLetter = fileName.charAt(0);

      // get image file name (no path)
      position = fileName.length;
      while (fileName.charAt(position-1) != "\\")
      {
         position = position -1;
      }
      imageFileName = fileName.substring(fileName.length,position)

      imageFilePath = fileName.substring(position-1,3)

      // swap backward slashes for forward slashes
      imageFilePath2 = SearchAndReplace(imageFilePath, "\\", "/");

      //write BACKGROUND attribute
      //current_back = "\&nbsp\;BACKGROUND=\"" + imageFileName + "\"<BR>";
      document.getElementById('bgspace_bk').style.background = 'transparent url("file:///' + driveLetter + '|/' + imageFilePath2 + '/' + imageFileName + '")';   
   }
   else
   {
      document.getElementById('bgspace_bk').style.background = document.getElementById('bgspacecolor_bk').value;
      //document.getElementById(divID).style.background = document.getElementById(valueID).value;
      //driveLetter = "";
      //imageFileName = "";
      //imageFilePath2 = "";
      //current_back = "";
   }

}



function switchLogo()
{
   // Small workaround because of a JavaScript bug in Netscape's File
   // upload. (File upload value not imediately recognized in Netscape3.0)
   document.colorchanges.logoimgfile.focus();
   document.colorchanges.logoimgfile.blur();

   // get background file name (if any)
   if (document.colorchanges.logoimgfile.value.length > 3 && imgTypeCheck())
   {
      fileName = document.colorchanges.logoimgfile.value;

      //get drive letter
      driveLetter = fileName.charAt(0);

      // get image file name (no path)
      position = fileName.length;
      while (fileName.charAt(position-1) != "\\")
      {
         position = position -1;
      }
      imageFileName = fileName.substring(fileName.length,position)

      imageFilePath = fileName.substring(position-1,3)

      // swap backward slashes for forward slashes
      imageFilePath2 = SearchAndReplace(imageFilePath, "\\", "/");

      //write BACKGROUND attribute
      //current_back = "\&nbsp\;BACKGROUND=\"" + imageFileName + "\"<BR>";
      document.getElementById('logo1').innerHTML = '<img src="file:///' + driveLetter + '|/' + imageFilePath2 + '/' + imageFileName + '" border="0" width="150" height="60">';   
   }
   else
   {
      document.getElementById('logo1').innerHTML = '&nbsp;';
      //document.getElementById(divID).style.background = document.getElementById(valueID).value;
      //driveLetter = "";
      //imageFileName = "";
      //imageFilePath2 = "";
      //current_back = "";
   }

}

/*  SearchAndReplace - by Joe Barta
Send it a string(item), character to remove(currentChar) and character
to put in it's place(newChar) and the reworked string is returned.
===================================================================*/
function SearchAndReplace(item, currentChar, newChar)
{
   reworkedString = "";
   for (x = 0; x < item.length + 1; x++)
   {
      xchar = item.substring(x, x+1);
      if(xchar == currentChar) { xchar = newChar; }
      reworkedString = reworkedString + xchar;
   }
   return reworkedString;
}

/* priceCheck() this function will do the necessary checking to 
determine if the card warrants a higher price.
===================================================================*/
function priceCheck()
{
	returnVal = true;
	if (tms == 1)
	{
		document.colorchanges.hidMagStripe.value = 'TRUE';
	}
	
	if (tsl == 1)
	{
		document.colorchanges.hidSigLine.value = 'TRUE';	
	}	
	
	if (tbt == 1)
	{
		document.colorchanges.hidBackText.value = 'TRUE';
		var backtxtcolor = document.colorchanges.txtBckTxtColor.value;

		if (backtxtcolor == '#000000')
		{
			document.colorchanges.pricesel.value = '2';
		} else {
			document.colorchanges.pricesel.value = '3';
		}
	}
	
	document.colorchanges.hidFntCardOrient.value = tfoStyle;
	document.colorchanges.hidBckCardOrient.value = (tboStyle == 0) ? "portrait" : "landscape";
	
	if ((document.colorchanges.txtBckBGColor.value != '#FFFFFF' || document.colorchanges.filBckBGImage.value != '') && document.colorchanges.pricesel.value != '3')
	{
		document.colorchanges.pricesel.value = '3';	
	}
	
	returnVal = imgTypeCheck();
	
	return returnVal;
}

function imgTypeCheck()
{
	imgTypeVar = '';
	retVarVal = true;
	if (document.colorchanges.bgimgfile.value != '')
	{
		imgTypeVar = document.colorchanges.bgimgfile.value.substr((document.colorchanges.bgimgfile.value.length - 3),3);
		imgTypeVar = imgTypeVar.toUpperCase();
		retVarVal	= (imgTypeVar == 'JPG' || imgTypeVar == 'GIF' || imgTypeVar == 'BMP') ? true : false;
	}

	if (document.colorchanges.bgimgfile_bk.value != '' && retVarVal)
	{
		imgTypeVar = document.colorchanges.bgimgfile_bk.value.substr((document.colorchanges.bgimgfile_bk.value.length - 3),3);	
		imgTypeVar = imgTypeVar.toUpperCase();
		retVarVal	= (imgTypeVar == 'JPG' || imgTypeVar == 'GIF' || imgTypeVar == 'BMP') ? true : false;
	}

	if (document.colorchanges.logoimgfile.value != '' && retVarVal)
	{
		imgTypeVar = document.colorchanges.logoimgfile.value.substr((document.colorchanges.logoimgfile.value.length - 3),3);	
		imgTypeVar = imgTypeVar.toUpperCase();
		retVarVal	= (imgTypeVar == 'JPG' || imgTypeVar == 'GIF' || imgTypeVar == 'BMP') ? true : false;
	}
	
	if (!retVarVal)
	{
		alert ('Incompatible Image Type\nPlease use only JPG or GIF images.');
	}
	return retVarVal;
}

function reStart(restartVar)
         {
           window.parent.location.replace("custom_id_card.htm");
          //document.getElementById('choice').innerHTML = 'show';
         }


// this funtion puts in the appropriate frame depending on whether they choose custom or template
//LEE - This needs to be renamed; 'frame' is a reserved word in javascript.
//function frame(frameChoice)
//{
//   	if (frameChoice == 'template')
//   	{
//		document.write ("Friday I tell you!");
//	}
//	else if	(frameChoice == 'custom')
//		{
//			document.write ("</td></tr><tr><td><iframe name=\"custom\" frameborder=\"0\" width=\"640\" height=\"1200\" scrolling=\"no\" src=\"quote.htm\"></iframe>");
//		}
//}