var checkboxcount;
//var apquanval;

function ArtistPaints() {

 

var getTable = document.getElementById('ArtistPaints');
var countRow = getTable.rows.length; 
var iteration=countRow;


var TR=document.createElement('tr');
var TD=document.createElement('td');

//----------------------------------------------------------

var apc = document.createElement('select');

apc.name = "ap_artist_paint["+iteration+"]";
apc.id="ap_artist_paint["+iteration+"]";
apc.options[0] = new Option('Acrylic Colors', 'Acrylic Colors');
apc.options[1] = new Option('Oil Colors', 'Oil Colors');
apc.options[2] = new Option('Water Colors', 'Water Colors');

apc.onchange=function(){apGetOrderNo(this.parentNode.parentNode.rowIndex); ap_getcolor(this.parentNode.parentNode.rowIndex); apGetSize(this.parentNode.parentNode.rowIndex);apGetUnitPrice(this.parentNode.parentNode.rowIndex);subtotalartistpaint(this.parentNode.parentNode.rowIndex)}; 

TD.appendChild(apc);



//------------------------------------------

var TD2=document.createElement('td');

 var apon = document.createElement('select');
 apon.name = "ap_order_number["+iteration+"]";
 apon.id="ap_order_number["+iteration+"]";

 apon.options[0] = new Option('YL001', 'YL001');
 apon.options[1] = new Option('YL002', 'YL002');
 apon.options[2] = new Option('YL011', 'YL011');
 
apon.onchange=function(){apGetSize(this.parentNode.parentNode.rowIndex);ap_getcolor(this.parentNode.parentNode.rowIndex);apGetUnitPrice(this.parentNode.parentNode.rowIndex);subtotalartistpaint(this.parentNode.parentNode.rowIndex);};

TD2.appendChild(apon);

//-----------------------------------------------------------



var TD3=document.createElement('td');
var apcd = document.createElement('div');

//function() {colorcheckbox(iteration);};

apcd.name = "ap_color"+iteration;
apcd.id = "ap_color"+iteration; 	
	



colorcheckbox(iteration);

apcd.innerHTML=longString;



TD3.appendChild(apcd);

//----------------------------------

var TD4=document.createElement('td');
var aps = document.createElement('div');

aps.innerHTML = "  <p>18 OZ \ 500 ML</p>";
aps.name = "ap_size"+iteration;
aps.id = "ap_size"+iteration;
aps.align = "center";


var apsize = document.createElement('input');
apsize.type = 'hidden'; 
apsize.size=13; 
apsize.id = "ap_size["+iteration+"]";
apsize.name = "ap_size["+iteration+"]";

TD4.appendChild(aps);
TD4.appendChild(apsize);



//------------------------------
/*
var TD5=document.createElement('td');

var apq = document.createElement('input');
 apq.type = 'text'; 
 apq.size=13; 
 apq.id = "ap_quantity["+iteration+"]";
 apq.name = "ap_quantity["+iteration+"]";


apq.onclick=function(){apGetSize(this.parentNode.parentNode.rowIndex);};
apq.onfocus=function(){startCalartistpaint(this.parentNode.parentNode.rowIndex);};
apq.onblur=function(){stopCalartistpaint(this.parentNode.parentNode.rowIndex);};

TD5.appendChild(apq);  */

//-----------------------------

var TD5=document.createElement('td');

var quantity = document.createElement('input');
 quantity.type = 'hidden'; 
 quantity.value=''; 
 //quantity.size=13;
 quantity.name = "ap_unit_price["+iteration+"]";
 quantity.id="ap_unit_price["+iteration+"]";
 
 
var apd = document.createElement('div');
apd.innerHTML = " ";
apd.name = "ap_unit_price_div"+iteration;
apd.id = "ap_unit_price_div"+iteration; 

// up.disabled='disabled';

//quantity.onclick=function(){checkframesizeavalibility2(iteration3);framesUnitPrice2(iteration3);}; 
//quantity.onfocus=function(){startCalframe2(iteration3);}; 
//quantity.onblur=function(){stopCalframe2();}; 

 TD5.appendChild(quantity);
 TD5.appendChild(apd);

//---------------------------

var TD6=document.createElement('td');

var apst = document.createElement('input');
 apst.type = 'hidden'; 
 apst.value=''; 
 apst.size=13; 
 apst.id = "ap_sub_total["+iteration+"]"; 
 apst.name="ap_sub_total["+iteration+"]"; 
 
var apstd = document.createElement('div');
apstd.innerHTML = " ";
apstd.name = "ap_sub_total_div"+iteration;
apstd.id = "ap_sub_total_div"+iteration; 



 TD6.appendChild(apst);
 TD6.appendChild(apstd);

//---------------------------



TR.appendChild(TD);
TR.appendChild(TD2);
TR.appendChild(TD3);
TR.appendChild(TD4);
TR.appendChild(TD5);
TR.appendChild(TD6);
//TR.appendChild(TD7);
//TR.appendChild(TD8);

document.getElementById('ArtistPaints').appendChild(TR);



}





//-----------------------------------------------------------------		

	

function ArtistPaintsremoveRow()

{

  var tbl = document.getElementById('ArtistPaints');
  var lastRow = tbl.rows.length;
  if (lastRow > 2) tbl.deleteRow(lastRow - 1);

}


/*********************************************************************************************************************************/






function apGetOrderNo(rownumber){
	
//var ap_unit_price_id="ap_unit_price["+rownumber+"]";
//var ap_unit_price_div_id="ap_unit_price_div"+rownumber;

var subtotaldivid="ap_sub_total_div"+rownumber;
var ap_sub_total_id="ap_sub_total["+rownumber+"]";


//document.getElementById(ap_unit_price_id).value = "";
//document.getElementById(ap_unit_price_div_id).innerHTML = "";
document.getElementById(subtotaldivid).innerHTML = "";
document.getElementById(ap_sub_total_id).value = "";





	
var ap_artist_paint_id="ap_artist_paint["+rownumber+"]";
var ap_order_number_id="ap_order_number["+rownumber+"]";


var ap_artist_paint=document.getElementById(ap_artist_paint_id).value;
var ap_order_number=document.getElementById(ap_order_number_id);

for (var i=ap_order_number.options.length-1; i>=0; i--){
    ap_order_number.options[i] = null;
  }	



switch (ap_artist_paint){
	
	
	case 'Acrylic Colors':
			
ap_order_number.options[0] = new Option('YL001', 'YL001');
ap_order_number.options[1] = new Option('YL002', 'YL002');
ap_order_number.options[2] = new Option('YL011', 'YL011');
			
	break
	
	
	case 'Oil Colors':
			
ap_order_number.options[0] = new Option('YL013', 'YL013');
ap_order_number.options[1] = new Option('YL003-12', 'YL003-12');


			
	break
	
	
	case 'Water Colors':
			
//ap_order_number.options[0] = new Option('YL004', 'YL004');
ap_order_number.options[0] = new Option('YL012', 'YL012');
//ap_order_number.options[2] = new Option('YL005', 'YL005');
ap_order_number.options[1] = new Option('YL004-12', 'YL004-12');
			
	break
	}
	
	
}




/*-------------------------------------------------------------------------------*/



function apGetSize(rownumber){




var ap_artist_paint_id="ap_artist_paint["+rownumber+"]";
var ap_order_number_id="ap_order_number["+rownumber+"]";
//var ap_description_id="ap_description"+rownumber;

var ap_size1_id="ap_size"+rownumber;
var ap_size2_id="ap_size["+rownumber+"]";


var ap_artist_paint=document.getElementById(ap_artist_paint_id).value;
var ap_order_number=document.getElementById(ap_order_number_id).value;



switch (ap_artist_paint){
	
case 'Acrylic Colors':
			

			switch (ap_order_number){

			case 'YL001':
			//description = '<p>500ml per Plastic Bottle<br />10 of each color, 15 colors</p>';
			size = "18 OZ \\ 500 ML";
			break

			

			case 'YL002':
			//description = '<p>75ml Per Plastic Tube<br />10 Of Each Lolor, 15 Colors</p>';
			size = "3 OZ \\ 75 ML";
			break


			case 'YL011':
			//description = '<p>0.5gallon Per Plastic Bottle<br />5 Of Each Color, 15 Colors</p>';
			size = "0.5 GALLON \\ 1900 ML";
			break
			}
break


case 'Water Colors':
			

			switch (ap_order_number){

			/*case 'YL004':

			
			size = "1 OZ \\ 25 ML";

			break*/

			

			case 'YL012':

			//description = '<p>0.5gallon Per Plastic Bottle<br>5 Of Each Color, 15 Colors</p>';
			size = "0.5 GALLON \\ 1900 ML";
			break

			

						
			
			case 'YL004-12':

			//description = '<p>12ml Per Aluminium Tube 12pcs/Set</p>';
			size = "SET OF 12 COLORS,  0.4 OZ \\ 12 ML EACH";
			break

			}
break


case 'Oil Colors':
			

			switch (ap_order_number){

			case 'YL003-12':

			//description = '<p>12ml Per Aluminium Tube 12pcs/Set</p>';			
			size = "SET OF 12 COLORS,  0.4 OZ \\ 12 ML EACH";
			break

			

			case 'YL013':

			//description = '<p>05gallon Per Plastic Bottle<br />5 Of Each Color, 15 Colors</p>';
			size = "0.5 GALLON \\ 1900 ML";
			break


			}
break
	
	
	}
	


//var ap_order_number=document.getElementById(ap_description_id).innerHTML=description;	
if (document.getElementById(ap_size1_id))
document.getElementById(ap_size1_id).innerHTML=size;
if (document.getElementById(ap_size2_id))
document.getElementById(ap_size2_id).value=size;






}



/*---------------------------Get Color-------------------------------------*/


function ap_getcolor(iteration){
	
var ap_order_number_id="ap_order_number["+iteration+"]";
var ap_color_id="ap_color"+iteration;	


var ap_order_number=document.getElementById(ap_order_number_id).value;
//var ap_color=document.getElementById(ap_color_id).value;

switch (ap_order_number){
	
case 'YL001':
case 'YL002':
case 'YL011':
/*case 'YL004':*/
case 'YL012':
case 'YL013':
colorcheckbox(iteration);
document.getElementById(ap_color_id).innerHTML =longString;
document.getElementById('paint_qutity').innerHTML="Colors";
break 

case 'YL004-12':
case 'YL003-12':


var apqid = "ap_c_quantity["+iteration+"][17]";

//var apqid = "ap_c_quantity["+iteration+"]";


document.getElementById(ap_color_id).innerHTML= "<input type=\"text\" name=\""+apqid+"\" id=\""+apqid+"\" onClick=\"apGetSize(this.parentNode.parentNode.parentNode.rowIndex);\" onFocus=\"startCalartistpaint(this.parentNode.parentNode.parentNode.rowIndex);\" onBlur=\"stopCalartistpaint(this.parentNode.parentNode.parentNode.rowIndex);\">";

document.getElementById('paint_qutity').innerHTML="Quantity";
break

}

	
	}
	
	

/*-----------------------Get Unit Price--------------------------------------------*/

function apGetUnitPrice(rownumber){




var ap_artist_paint_id="ap_artist_paint["+rownumber+"]";
var ap_order_number_id="ap_order_number["+rownumber+"]";
var ap_unit_price_id="ap_unit_price["+rownumber+"]";
var ap_unit_price_div_id="ap_unit_price_div"+rownumber;



var ap_artist_paint=document.getElementById(ap_artist_paint_id).value;
var ap_order_number=document.getElementById(ap_order_number_id).value;



switch (ap_artist_paint){
	
case 'Acrylic Colors':
			

			switch (ap_order_number){

			case 'YL001':
			apunitprice = "6.00";
			break

			

			case 'YL002':
			apunitprice = "2.50";
			
			break


			case 'YL011':
			apunitprice = "12.50";
			break
			}
break


case 'Water Colors':
			

			switch (ap_order_number){

			/*case 'YL004':
			apunitprice = "1.00";

			break*/

			

			case 'YL012':
			apunitprice = "13.00";
			
			break

			

						
			
			case 'YL004-12':

			apunitprice = "5.00";
			break

			}
break


case 'Oil Colors':
			

			switch (ap_order_number){

			case 'YL003-12':

			apunitprice = "6.00";
			break

			

			case 'YL013':

			apunitprice = "15.00";
			
			break


			}
break
	
	
	}
	


document.getElementById(ap_unit_price_id).value=apunitprice;
document.getElementById(ap_unit_price_div_id).innerHTML=apunitprice;
document.getElementById(ap_size1_id).innerHTML=size;
document.getElementById(ap_size2_id).value=size;






}


/*---------------------------Sub Total--------------------------*/

var rownumber2;
function startCalartistpaint(rownumber){
rownumber2=rownumber;

interval = setInterval("subtotalartistpaint(rownumber2)",2);

 
}



function subtotalartistpaint(rownumber2){
	
apquanval= 0;
	var unitpriceid="ap_unit_price["+rownumber2+"]";
	
	var subtotalid="ap_sub_total["+rownumber2+"]";
	var subtotaldivid="ap_sub_total_div"+rownumber2;
	var ap_order_number_id="ap_order_number["+rownumber2+"]";

//apGetUnitPrice(rownumber2)	

var unitpricevalue=document.getElementById(unitpriceid).value;
var subtotalvalue=document.getElementById(subtotalid).value;




var ordernumbervalue=document.getElementById(ap_order_number_id).value;


if(ordernumbervalue=='YL003-12' || ordernumbervalue=='YL004-12' )
{
var guantityid="ap_c_quantity["+rownumber2+"][17]";
var qval1= document.getElementById(guantityid).value;
subtotal = unitpricevalue*qval1;
}

else{
getquantity(rownumber2);
subtotal = unitpricevalue*apquanval;
}

 subtotalrouned=roundNumber(subtotal,2);





if(subtotalrouned=='0.00'){
document.getElementById(subtotaldivid).innerHTML="";
document.getElementById(subtotalid).value="";
}
else
{
document.getElementById(subtotaldivid).innerHTML=subtotalrouned;
document.getElementById(subtotalid).value=subtotalrouned;
	}

	

	}

	

function stopCalartistpaint(){
  clearInterval(interval);
}




/*-------------------------------------------------------------------------------------------*/


function colorcheckbox(iteration){
var clicktext1 = "apGetUnitPrice(this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex);subtotalartistpaint(this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex);"

var clicktext2 = "checkboxselect(this.id);apGetUnitPrice(this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex);"
var clicktext3 = "startCalartistpaint(this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex);"

var clicktext4="stopCalartistpaint()";

longString=  "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";

longString=longString+"<tr>";

longString=longString+"<td>&nbsp;</td><td align=\"left\">&nbsp;</td>";

longString=longString+"<td align=\"left\" class=\"alignleft\">&nbsp;</td>";

longString=longString+"<td align=\"left\" class=\"alignleft\">Quantity</td>";

longString=longString+"<td align=\"left\">&nbsp;</td><td align=\"left\">&nbsp;</td>";

longString=longString+"<td align=\"left\" class=\"alignleft\">&nbsp;</td>";

longString=longString+"<td align=\"left\" class=\"alignleft\">Quantity</td>";

longString=longString+"</tr><tr>";

longString=longString+" <td width=\"5%\"><input name=\"apcolor["+iteration+"][1]\" type=\"checkbox\" id=\"apcolor["+iteration+"][1]\"   value=\"Purple Red\" onclick=\""+clicktext1+"\" /></td>";

longString=longString+"<td width=\"8%\" align=\"left\" bgcolor=\"#661b16\">&nbsp;</td>";

longString=longString+"<td width=\"30%\" align=\"left\" class=\"alignleft\">Purple Red</td>";

longString=longString+"<td  align=\"left\" class=\"alignleft\"><input name=\"ap_c_quantity["+iteration+"][1]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][1]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"<td width=\"10%\" align=\"left\"><input name=\"apcolor["+iteration+"][9]\" type=\"checkbox\" id=\"apcolor["+iteration+"][9]\" value=\"Mauve\" onclick=\""+clicktext1+"\"  /></td>";

longString=longString+"<td width=\"8%\" align=\"left\" bgcolor=\"#27176f\">&nbsp;</td>";

longString=longString+"<td width=\"30%\" align=\"left\" class=\"alignleft\">Mauve</td>";

longString=longString+"<td  align=\"left\" class=\"alignleft\"><input name=\"ap_c_quantity["+iteration+"][9]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][9]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"</tr><tr>";

longString=longString+" <td><input name=\"apcolor["+iteration+"][2]\" type=\"checkbox\" id=\"apcolor["+iteration+"][2]\" value=\"Emerald Green\" onclick=\""+clicktext1+"\"   /> </td>";

longString=longString+"<td align=\"left\" bgcolor=\"#68b930\">&nbsp;</td>";

longString=longString+" <td  align=\"left\">Emerald Green</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][2]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][2]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"<td  align=\"left\"><input name=\"apcolor["+iteration+"][10]\" type=\"checkbox\" id=\"apcolor["+iteration+"][10]\" value=\"Ornage Yellow\"  onclick=\""+clicktext1+"\" /></td>";

longString=longString+"<td align=\"left\" bgcolor=\"#e6791e\">&nbsp;</td>";

longString=longString+"<td  align=\"left\">Ornage Yellow</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][10]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][10]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"</tr><tr>";

longString=longString+"<td><input name=\"apcolor["+iteration+"][3]\" type=\"checkbox\" id=\"apcolor["+iteration+"][3]\" value=\"Cadmium Red\" onclick=\""+clicktext1+"\"  /></td>";

longString=longString+"<td align=\"left\" bgcolor=\"#88221e\">&nbsp;</td>";

longString=longString+"<td  align=\"left\">Cadmium Red</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][3]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][3]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"<td  align=\"left\"><input name=\"apcolor["+iteration+"][11]\" type=\"checkbox\" id=\"apcolor["+iteration+"][11]\" value=\"Scarlet\" onclick=\""+clicktext1+"\"  /></td>";

longString=longString+"<td align=\"left\" bgcolor=\"#c93e1d\">&nbsp;</td>";

longString=longString+"<td  align=\"left\">Scarlet</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][11]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][11]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"</tr><tr>";

longString=longString+"<td ><input name=\"apcolor["+iteration+"][4]\" type=\"checkbox\" id=\"apcolor["+iteration+"][4]\" value=\"Olive Green\" onclick=\""+clicktext1+"\"  /></td>";

longString=longString+"<td align=\"left\" bgcolor=\"#01642e\">&nbsp;</td>";

longString=longString+"<td  align=\"left\">Olive Green</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][4]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][4]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"<td  align=\"left\"><input name=\"apcolor["+iteration+"][12]\" type=\"checkbox\" id=\"apcolor["+iteration+"][12]\" value=\"Raw Umber\" onclick=\""+clicktext1+"\"  /></td>";

longString=longString+"<td align=\"left\" bgcolor=\"#3a1618\">&nbsp;</td>";

longString=longString+"<td  align=\"left\">Raw Umber</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][12]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][12]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"</tr> <tr>";

longString=longString+"<td ><input name=\"apcolor["+iteration+"][5]\" type=\"checkbox\" id=\"apcolor["+iteration+"][5]\" value=\"Ultramarine\" onclick=\""+clicktext1+"\"  /></td>";

longString=longString+"<td align=\"left\" bgcolor=\"#232a7b\">&nbsp;</td>";

longString=longString+"<td  align=\"left\">Ultramarine</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][5]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][5]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"<td  align=\"left\"><input name=\"apcolor["+iteration+"][13]\" type=\"checkbox\" id=\"apcolor["+iteration+"][13]\" value=\"Lamp Black\"  onclick=\""+clicktext1+"\" /></td>";

longString=longString+"<td align=\"left\" bgcolor=\"#1e1913\">&nbsp;</td><td  align=\"left\">Lamp Black</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][13]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][13]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"</tr> <tr>";

longString=longString+"<td ><input name=\"apcolor["+iteration+"][6]\" type=\"checkbox\" id=\"apcolor["+iteration+"][6]\" value=\"Raw Sienna\" onclick=\""+clicktext1+"\" /></td>";

longString=longString+"<td align=\"left\" bgcolor=\"#98451d\">&nbsp;</td><td  align=\"left\">Raw Sienna</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][6]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][6]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /> </td>";

longString=longString+"<td  align=\"left\"><input name=\"apcolor["+iteration+"][14]\" type=\"checkbox\" id=\"apcolor["+iteration+"][14]\" value=\"Grey\" onclick=\""+clicktext1+"\"  /></td>";

longString=longString+" <td align=\"left\" bgcolor=\"#959595\">&nbsp;</td><td  align=\"left\">Grey</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][14]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][14]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"  </tr> <tr>";

longString=longString+"<td ><input name=\"apcolor["+iteration+"][7]\" type=\"checkbox\" id=\"apcolor["+iteration+"][7]\" value=\"Titanium White\"  onclick=\""+clicktext1+"\" /> </td>";

longString=longString+"<td align=\"left\" bordercolor=\"#000000\" bgcolor=\"#ffffff\" class=\"bstyle\"><div class=\"bstyle\">&nbsp;</div></td><td  align=\"left\">Titanium White</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][7]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][7]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"<td  align=\"left\"><input name=\"apcolor["+iteration+"][15]\" type=\"checkbox\" id=\"apcolor["+iteration+"][15]\" value=\"Lemon Yellow\" onclick=\""+clicktext1+"\"  /></td>";

longString=longString+" <td align=\"left\" bgcolor=\"#fbf501\">&nbsp;</td><td  align=\"left\">Lemon Yellow</td>";

longString=longString+" <td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][15]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][15]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"</tr> <tr>";

longString=longString+" <td ><input name=\"apcolor["+iteration+"][8]\" type=\"checkbox\" id=\"apcolor["+iteration+"][8]\" value=\"Yellow Deep\" onclick=\""+clicktext1+"\"  /></td>";

longString=longString+"<td align=\"left\" bgcolor=\"#b58024\">&nbsp;</td><td  align=\"left\">Yellow Deep</td>";

longString=longString+" <td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][8]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][8]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" />  </td>";

longString=longString+"<td  align=\"left\"><input name=\"apcolor["+iteration+"][16]\" type=\"checkbox\" id=\"apcolor["+iteration+"][16]\" value=\"Yellowish Pink\" onclick=\""+clicktext1+"\" /></td>";

longString=longString+"<td align=\"left\" bgcolor=\"#f5c1c3\">&nbsp;</td><td  align=\"left\">Yellowish Pink</td>";

longString=longString+"<td  align=\"left\"><input name=\"ap_c_quantity["+iteration+"][16]\" type=\"text\" id=\"ap_c_quantity["+iteration+"][16]\" size=\"12\" onclick=\""+clicktext2+"\" onfocus=\""+clicktext3+"\" onblur=\""+clicktext4+"\" /></td>";

longString=longString+"</tr>";

longString=longString+"</table>";


	}
	

/*--------------------------------------------------------------------------------*/

function getquantity(rownumber){

apquanval = 0;


for (i=1; i<17; i++){	
	var getquantityid = "ap_c_quantity["+rownumber+"]["+i+"]";
	var x = document.getElementById(getquantityid).value;

 	apquanval=Number(apquanval)+Number(x);
	//apquanval=apquanval+x;

	}
	
	
	}



/*function getcheckboxlength(rownumber){

checkboxcount = 0;

for (i=1; i<17; i++){	
	var getapcolorid = "apcolor["+rownumber+"]["+i+"]";
	if (document.getElementById(getapcolorid).checked==true)
 	checkboxcount= checkboxcount+1;
					}	


	}*/



function checkboxselect(name){
	
	t=name.slice(13);
checkboxid = "apcolor"+t;

qval = document.getElementById(name).value;


document.getElementById(checkboxid).checked = true;




	}