function canvaspliers() {



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

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


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

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

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

 canpilon.options[0] = new Option('HBQ001', 'HBQ001');
 canpilon.options[1] = new Option('HBQ002', 'HBQ002');
 
 
 
canpilon.onchange=function(){CanvasPliersGetDescription(this.parentNode.parentNode.rowIndex);CanvasPliersGetUnitPrice(this.parentNode.parentNode.rowIndex); subtotaleCanvasPliers(this.parentNode.parentNode.rowIndex);};

TD.appendChild(canpilon);

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


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

canpild.innerHTML = "  <p>PRO STRETCHER- Width : 5 Inch, Chrome plated, rubber coated, Best Quality </p>";
canpild.name = "capi_description"+iteration;
canpild.id = "capi_description"+iteration;
canpild.align = "left";

TD2.appendChild(canpild);



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

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

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

canpilq.onclick=function(){CanvasPliersGetUnitPrice(this.parentNode.parentNode.rowIndex); };
canpilq.onfocus=function(){startCalCanvasPliers(this.parentNode.parentNode.rowIndex)};
canpilq.onblur=function(){stopCaleCanvasPliers()};

TD3.appendChild(canpilq);  

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

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

var canpilquantity = document.createElement('input');
 canpilquantity.type = 'hidden'; 
 canpilquantity.value=''; 
 canpilquantity.size=13;
 canpilquantity.name = "capi_unit_price["+iteration+"]";
 canpilquantity.id="capi_unit_price["+iteration+"]";
 
 
var canpildivq = document.createElement('div');
canpildivq.innerHTML = " ";
canpildivq.name = "capi_unit_price_div"+iteration;
canpildivq.id = "capi_unit_price_div"+iteration; 


 TD4.appendChild(canpilquantity);
 TD4.appendChild(canpildivq);

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

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

var canpilst = document.createElement('input');
 canpilst.type = 'hidden'; 
 canpilst.value=''; 
 canpilst.size=13; 
 canpilst.id = "capi_sub_total["+iteration+"]"; 
 canpilst.name="capi_sub_total["+iteration+"]"; 
 
var canpilsttd = document.createElement('div');
canpilsttd.innerHTML = " ";
canpilsttd.align = "right";
canpilsttd.name = "capi_sub_total_div"+iteration;
canpilsttd.id = "capi_sub_total_div"+iteration; 



 TD5.appendChild(canpilst);
 TD5.appendChild(canpilsttd);

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


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


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



}





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

	

function capiuberemoveRow()

{

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

}


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





function CanvasPliersGetDescription(rownumber){


var esl_order_number_id="capi_order_number["+rownumber+"]";
var esl_description_id="capi_description"+rownumber;


var esl_order_number=document.getElementById(esl_order_number_id).value;


			switch (esl_order_number){

			case 'HBQ001':
			description = '<p>PRO STRETCHER- Width : 5 Inch, Chrome plated, rubber coated, Best Quality </p>';	
			break
			

			case 'HBQ002':
			description = '<p>ECONO STRETCHER- Width : 3.25 Inch, Cast Iron, With Black Paint On Handle </p>';			
			break			

			

	
			}

	
	
	

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


}




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



function CanvasPliersGetUnitPrice(rownumber){
	

var capi_order_number_id="capi_order_number["+rownumber+"]";
var capi_unit_price_id="capi_unit_price["+rownumber+"]";
var capi_unit_price_div_id="capi_unit_price_div"+rownumber;

var capi_order_number=document.getElementById(capi_order_number_id).value;

	

			switch (capi_order_number){

			case 'HBQ001':
			unitprice = "27.50";
			break
			
			case 'HBQ002':
			unitprice = "10.00";
			break

			}

	
	
var ab_order_number=document.getElementById(capi_unit_price_id).value=unitprice;
var ab_order_number=document.getElementById(capi_unit_price_div_id).innerHTML=unitprice;


}


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

var rownumbercapi;
function startCalCanvasPliers(rownumber){
rownumbercapi=rownumber;

interval = setInterval("subtotaleCanvasPliers(rownumbercapi)",1);

 
}



function subtotaleCanvasPliers(rownumbercapi){
	

	var unitpriceid="capi_unit_price["+rownumbercapi+"]";
	var guantityid="capi_quantity["+rownumbercapi+"]";
	var subtotalid="capi_sub_total["+rownumbercapi+"]";
	var subtotaldivid="capi_sub_total_div"+rownumbercapi;


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 stopCaleCanvasPliers(){
  clearInterval(interval);
}