function colorpencil() {

 

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


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


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

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

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

 copon.options[0] = new Option('YHB002', 'YHB002');
 copon.options[1] = new Option('LB001', 'LB001');
 copon.options[2] = new Option('CB001', 'CB001');
 
 
copon.onchange=function(){copGetDescription(this.parentNode.parentNode.rowIndex);copGetUnitPrice(this.parentNode.parentNode.rowIndex);subtotalcolorpencil(this.parentNode.parentNode.rowIndex)};

TD.appendChild(copon);

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


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

copd.innerHTML = "  <p>Oil Pastel  - Hexagon,<br>3\" X 1/2\" ,12 pcs/Set</p>";
copd.name = "cop_description"+iteration;
copd.id = "cop_description"+iteration;
copd.align = "left";

TD2.appendChild(copd);



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

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

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

copq.onclick=function(){copGetUnitPrice(this.parentNode.parentNode.rowIndex);};
copq.onfocus=function(){startCalcolorpencil(this.parentNode.parentNode.rowIndex);};
copq.onblur=function(){stopCalcolorpencil();};

TD3.appendChild(copq);  

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

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

var quantity = document.createElement('input');
 quantity.type = 'hidden'; 
 quantity.value=''; 
 quantity.size=13;
 quantity.name = "cop_unit_price["+iteration+"]";
 quantity.id="cop_unit_price["+iteration+"]";
 
 
var copd = document.createElement('div');
copd.innerHTML = " ";
copd.name = "cop_unit_price_div"+iteration;
copd.id = "cop_unit_price_div"+iteration; 


 TD4.appendChild(quantity);
 TD4.appendChild(copd);

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

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

var copst = document.createElement('input');
 copst.type = 'hidden'; 
 copst.value=''; 
 copst.size=13; 
 copst.id = "cop_sub_total["+iteration+"]"; 
 copst.name="cop_sub_total["+iteration+"]"; 
 
var copstd = document.createElement('div');
copstd.innerHTML = " ";
copstd.align = "right";
copstd.name = "cop_sub_total_div"+iteration;
copstd.id = "cop_sub_total_div"+iteration; 



 TD5.appendChild(copst);
 TD5.appendChild(copstd);

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



TR.appendChild(TD);
TR.appendChild(TD2);
TR.appendChild(TD3);
TR.appendChild(TD4);
TR.appendChild(TD5);


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



}





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

	

function colorpencilremoveRow()

{

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

}


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





function copGetDescription(rownumber){


var cop_order_number_id="cop_order_number["+rownumber+"]";
var cop_description_id="cop_description"+rownumber;


var cop_order_number=document.getElementById(cop_order_number_id).value;


			switch (cop_order_number){

			case 'YHB002':
			description = '<p>Oil Pastel  - Hexagon<br />3\" X 1/2\" ,12 pcs/Set</p>';	

			break

			

			case 'LB001':

			description = '<p>Crayon -  3.5\" X 3/8\" ,24 colors/Box</p>';
			
			break

			

			case 'CB001':

			description = '<p>Colored Pencil  - 6\" X 3/8\" ,12 pcs/Box</p>';
			
			break
			

	
			}

	
	
	

	
var ab_order_number=document.getElementById(cop_description_id).innerHTML=description;	


}




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



function copGetUnitPrice(rownumber){

var cop_order_number_id="cop_order_number["+rownumber+"]";
var cop_unit_price_id="cop_unit_price["+rownumber+"]";
var cop_unit_price_div_id="cop_unit_price_div"+rownumber;

var cop_order_number=document.getElementById(cop_order_number_id).value;

	

			switch (cop_order_number){

			case 'YHB002':
			unitprice = "3.60";
			break

			case 'LB001':
			unitprice = "3.30";			
			break

			case 'CB001':
			unitprice = "3.00";			
			break
			

			}

	
	
var ab_order_number=document.getElementById(cop_unit_price_id).value=unitprice;
var ab_order_number=document.getElementById(cop_unit_price_div_id).innerHTML=unitprice;


}


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

var rownumberab;
function startCalcolorpencil(rownumber){
rownumberab=rownumber;

interval = setInterval("subtotalcolorpencil(rownumberab)",1);

 
}



function subtotalcolorpencil(rownumberab){
	

	var unitpriceid="cop_unit_price["+rownumberab+"]";
	var guantityid="cop_quantity["+rownumberab+"]";
	var subtotalid="cop_sub_total["+rownumberab+"]";
	var subtotaldivid="cop_sub_total_div"+rownumberab;


var unitpricevalue=document.getElementById(unitpriceid).value;
var guantityvalue=document.getElementById(guantityid).value;

	
 subtotal = unitpricevalue*guantityvalue;
 subtotalrouned=roundNumber(subtotal,2);




document.getElementById(subtotalid).value=subtotalrouned;
document.getElementById(subtotaldivid).innerHTML=subtotalrouned;

	

	}

	

function stopCalcolorpencil(){
  clearInterval(interval);
}