function easels() {



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

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


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

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

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

 eslon.options[0] = new Option('HJ002-1', 'HJ002-1');
 eslon.options[1] = new Option('HJ016', 'HJ016');
 eslon.options[2] = new Option('HJ020', 'HJ020');
 eslon.options[3] = new Option('HJ0021', 'HJ0021');
 eslon.options[4] = new Option('HJ0022', 'HJ0022');
 eslon.options[5] = new Option('HJ0023', 'HJ0023');
 

 
 
eslon.onchange=function(){eslGetDescription2(this.parentNode.parentNode.rowIndex);eslGetUnitPrice(this.parentNode.parentNode.rowIndex);subtotaleasels(this.parentNode.parentNode.rowIndex)};

TD.appendChild(eslon);

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


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

esld.innerHTML = "  <p>24\*28\*69inch, Elm, Holds Canvas Up To 45 Inches In Height</p>";
esld.name = "esl_description"+iteration;
esld.id = "esl_description"+iteration;
esld.align = "left";

TD2.appendChild(esld);



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

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

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

eslq.onclick=function(){eslGetUnitPrice(this.parentNode.parentNode.rowIndex);};
eslq.onfocus=function(){startCaleasels(this.parentNode.parentNode.rowIndex);};
eslq.onblur=function(){stopCaleasels();};

TD3.appendChild(eslq);  

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

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

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


 TD4.appendChild(quantity);
 TD4.appendChild(esld);

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

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

var eslst = document.createElement('input');
 eslst.type = 'hidden'; 
 eslst.value=''; 
 eslst.size=13; 
 eslst.id = "esl_sub_total["+iteration+"]"; 
 eslst.name="esl_sub_total["+iteration+"]"; 
 
var eslstd = document.createElement('div');
eslstd.innerHTML = " ";
eslstd.align = "right";
eslstd.name = "esl_sub_total_div"+iteration;
eslstd.id = "esl_sub_total_div"+iteration; 



 TD5.appendChild(eslst);
 TD5.appendChild(eslstd);

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


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


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



}





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

	

function easelsremoveRow()

{

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

}


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





function eslGetDescription2(rownumber){


var esl_order_number_id="esl_order_number["+rownumber+"]";
var esl_description_id="esl_description"+rownumber;


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


			switch (esl_order_number){

			case 'HJ002-1':
			description = '<p>24\*28\*69 inch, Elm, Holds Canvas Up To 50 Inches In Height</p>';	
			break
			

			case 'HJ0021':
			description = '<p>24\*27\*54 \(88 inch fully opened\) Elm, Holds Canvas Up To 62 Inches In Height</p>';			
			break			

			case 'HJ0022':
			description = '<p>26\*28\*80 \(106 inch fully opened\) Elm, Holds Canvas Up To 90 Inches In Height</p>';			
			break
			
			case 'HJ0023':
			description = '<p>19\*21\*56 \(97 inch fully opened\) Elm, Holds Canvas Up To 82 Inches In Height</p>';			
			break
			
			case 'HJ020':
			description = '<p>6\*9\(12 inch\), Elm, Holds canvas Up To 10 Inches In Height</p>';			
			break
			
			case 'HJ016':
			description = '<p>35\*28\*65 inch, Iron, Color: Black holds canvas up to 33 Inches In Height</p>';			
			break
			

	
			}

	
	
	

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


}




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



function eslGetUnitPrice(rownumber){

var esl_order_number_id="esl_order_number["+rownumber+"]";
var esl_unit_price_id="esl_unit_price["+rownumber+"]";
var esl_unit_price_div_id="esl_unit_price_div"+rownumber;

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

	

			switch (esl_order_number){

			case 'HJ002-1':
			unitprice = "55.00";
			break

			case 'HJ0021':
			unitprice = "75.00";			
			break

			case 'HJ0022':
			unitprice = "130.00";			
			break
			
			case 'HJ0023':
			unitprice = "95.00";
			break

			case 'HJ020':
			unitprice = "3.50";			
			break

			case 'HJ016':
			unitprice = "25.00";			
			break
			

			}

	
	
var ab_order_number=document.getElementById(esl_unit_price_id).value=unitprice;
var ab_order_number=document.getElementById(esl_unit_price_div_id).innerHTML=unitprice;


}


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

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

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

 
}



function subtotaleasels(rownumberab){
	

	var unitpriceid="esl_unit_price["+rownumberab+"]";
	var guantityid="esl_quantity["+rownumberab+"]";
	var subtotalid="esl_sub_total["+rownumberab+"]";
	var subtotaldivid="esl_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 stopCaleasels(){
  clearInterval(interval);
}