var  edesignProductName = new Array();
	var edesignProductOption = new Array();	//0 = None, 1 = Quantity, 2 = Coded 
	var edesignProductPrice = new Array();	
	var edesignProductPSDPrice = new Array();	
	var edesignPCoded = new Array();

	edesignProductName[0]		= "eDesign(s)";
	edesignProductOption[0]	= 1;
	edesignProductPrice[0]	= 57;
	edesignProductPSDPrice[0]	= 77;

	edesignProductName[1]		= "Additional items based on same artwork";
	edesignProductOption[1]	= 1;
	edesignProductPrice[1]	= 00;
	edesignProductPSDPrice[1]	= 0;

	edesignProductName[2]		= "eDesign(s) with variations (e.g. different <br/> color scheme and title)";
	edesignProductOption[2]	= 1;
	edesignProductPrice[2]	= 20;
	edesignProductPSDPrice[2]	= 30;

	edesignProductName[4]		= "Static Banner(s)";
	edesignProductOption[4]	= 1;
	edesignProductPrice[4]	= 20;
	edesignProductPSDPrice[4]	= 30;

	edesignProductName[5]		= "Dynamic Banner(s)";
	edesignProductOption[5]	= 1;
	edesignProductPrice[5]	= 30;
	edesignProductPSDPrice[5]	= 0;

	edesignProductName[6]	= "Order Button ";
	edesignProductOption[6]	= 0;
	edesignProductPrice[6]	= 10;
	edesignProductPSDPrice[6]	= 0;

function Displayedesignstable()
	  {
	var ProdOpt		= "";
	var ProdPrices	= ""; 
document.write("<form action=\"step3.php\" method=\"post\">\n <table width=\"95%\"  border=\"0\" cellspacing=\"1\" class=\"DispTable\" cellpadding=\"2\" align=\"center\">");

document.write("<tr><td width=\"252\" align=\"center\" valign=\"middle\" class=\"iq-bg1\">eDesigns without header / footer</td><td width=\"76\" align=\"center\" valign=\"middle\" class=\"iq-bg2\">Add</td><td width=\"96\" align=\"center\" valign=\"middle\" class=\"iq-bg3\">Add PSD</td><td width=\"96\" align=\"center\" valign=\"middle\" class=\"iq-bg4\">Qty</td><td align=\"center\" width=\"72\" valign=\"middle\" class=\"iq-bg5\">Price</td><td align=\"center\" width=\"84\" valign=\"middle\" class=\"iq-bg5\">Price with PSD</td></tr>");

for(var Id in edesignProductName)
     {
	  switch(edesignProductOption[Id]) 
		   {
			case 0: edesignProdOpt = ""; break;
case 1: edesignProdOpt = "<select name=\"Data1["+Id+"][Qty1]\" onchange=\"DisplayedesignPrices()\"><option value=\"1\">1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option></select>"; break;
case 2: edesignProdOpt = "<input type=\"checkbox\" name=\"Data1["+Id+"][Coded]\" value=\""+edesignPCoded[Id]+"\" onchange=\"DisplayedesignPrices()\" > Coded"; break;
		   }
 
document.write("<tr>\n"); 
document.write("<td width=\"252\"  class=\"iq-bg7\" align=\"left\" valign=\"middle\" nowrap=\"nowrap\">"+edesignProductName[Id]+"</td>\n");
			
document.write("<td width=\"76\" align=\"center\" class=\"iq-bg8\"><input type=\"checkbox\"  name=\"Data["+Id+"][Select]\" value=\"3\" id=\"Sel"+Id+"3\" onchange=\"DisplayedesignPrices()\" /></td>\n");
			
document.write("<td width=\"96\" align=\"center\" class=\"iq-bg9\"><input type=\"checkbox\"  name=\"Data["+Id+"][Select]\" value=\"4\" id=\"Sel"+Id+"4\" onchange=\"DisplayedesignStaticPrices()\" /></td>\n");
			
document.write("<td width=\"96\"  align=\"center\" class=\"iq-bg10\">"+edesignProdOpt+"</td>\n");
document.write("<td  width=\"72\" align=\"center\" class=\"iq-bg11\" id=\"edesignPricer"+Id+"\"></td>\n");
document.write("<td  width=\"84\" align=\"center\" class=\"iq-bg12\" id=\"edesignPrice"+Id+"\"></td>\n");
document.write("<td  class=\"DispHelp\"></td>\n");
document.write("</tr>\n");
ProdPrices += "	<input type=\"hidden\" name=\"Data["+Id+"][Price]\" value=\""+edesignProductPrice[Id]+"\" />\n	<input type=\"hidden\" name=\"Data["+Id+"][Name]\" value=\""+edesignProductName[Id]+"\" />";
	}
document.write("<tr><td colspan=\"5\">&nbsp;&nbsp;&nbsp;Price Total: <span id=\"edesignPriTotal\"></span></td></tr>\n");
document.write("<tr><td colspan=\"5\">&nbsp;&nbsp;&nbsp;USD Price Total: <span id=\"edesignPriPSDTotal\"></span></td></tr>\n");
document.write("</table>\n");
document.write(""+edesignProdPrices+"\n");
document.write("</form>\n");
 }
 
function DisplayedesignPrices()
	   { 
	var edesignTotPrice = 0;
		for(var Id in edesignProductPrice)
		  {
			if(document.getElementById("Sel"+Id+"3").checked)
			  {
				if(edesignProductOption[Id] == 1)
				  {
	             
	document.getElementById("edesignPricer"+Id).innerHTML = "$" + (edesignProductPrice[Id] * document.getElementsByName("Data1["+Id+"][Qty1]")[0].value);
				edesignTotPrice += (edesignProductPrice[Id] * document.getElementsByName("Data1["+Id+"][Qty1]")[0].value);
	
	  			  }else if(edesignProductOption[Id] == 2 && document.getElementsByName("Data1["+Id+"][Coded]")[0].checked)
				   {
					   
					document.getElementById("edesignPricer"+Id).innerHTML = "$" + (edesignProductPrice[Id] + edesignPCoded[Id]);
					edesignTotPrice += (edesignProductPrice[Id] + edesignPCoded[Id]);
				   }else{
					document.getElementById("edesignPricer"+Id).innerHTML = "$" + edesignProductPrice[Id];
					edesignTotPrice += edesignProductPrice[Id];
				   }
		}else{
				document.getElementById("edesignPricer"+Id).innerHTML = "";
			}
   }
		document.getElementById("edesignPriTotal").innerHTML = "$" + edesignTotPrice;
}


function DisplayedesignStaticPrices()
	  { 
	   //alert ("hello");
		var edesignTotPSDPrice = 0;
		for(var Id in edesignProductPSDPrice)
		  {
			if(document.getElementById("Sel"+Id+"4").checked)
			  {
			   // alert ("Sel"+Id+"1");
				 	document.getElementById("edesignPrice"+Id).innerHTML = "$" + edesignProductPSDPrice[Id];
					edesignTotPSDPrice += edesignProductPSDPrice[Id];
	  		   }else{
				document.getElementById("edesignPrice"+Id).innerHTML = "";
			}
       }
		document.getElementById("edesignPriPSDTotal").innerHTML = "$" + edesignTotPSDPrice;
    }