var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 
function loadXML(xmlFile) 
{ 
 xmlDoc.async="false"; 
 xmlDoc.onreadystatechange=verify; 
 xmlDoc.load("data.xml"); 
 xmlObj=xmlDoc.documentElement; 
}

function verify() 
{ 
 // 0 Object is not initialized 
 // 1 Loading object is loading data 
 // 2 Loaded object has loaded data 
 // 3 Data from object can be worked with 
 // 4 Object completely initialized 
 if (xmlDoc.readyState != 4) 
 { 
   return false; 
 } 
}
loadXML('xml_file.xml');

//alert(xmlObj.childNodes(3).childNodes.length);

//alert(xmlObj.childNodes(0).childNodes(1).text);


	document.write("<select name='stone_name' size='1'>");
	for(ii=0;ii<xmlObj.childNodes(0).childNodes.length;ii++)
		{
		document.write("<option value='"+ ii +"'>"+ xmlObj.childNodes(0).childNodes(ii).text +"</option>");
		}	
	document.write("</select>");

	document.write("<select name='stone_size' size='1'>");
	for(ii=0;ii<xmlObj.childNodes(1).childNodes.length;ii++)
		{
		document.write("<option value='"+ ii +"'>"+ xmlObj.childNodes(1).childNodes(ii).text +"</option>");
		}	
	document.write("</select>");

	document.write("<select name='stone_thickness' size='1'>");
	for(ii=0;ii<xmlObj.childNodes(2).childNodes.length;ii++)
		{
		document.write("<option value='"+ ii +"'>"+ xmlObj.childNodes(2).childNodes(ii).text +"</option>");
		}	
	document.write("</select>");

	
	document.write("<select name='stone_surface' size='1'>");
	for(ii=0;ii<xmlObj.childNodes(3).childNodes.length;ii++)
		{
		document.write("<option value='"+ ii +"'>"+ xmlObj.childNodes(3).childNodes(ii).text +"</option>");
		}	
	document.write("</select>");

	document.write("<input type='text' name='stone_qty' size=11 value='Qty in (sq.mtr)'>");
	document.write("&nbsp;<input style='height:23px;border: 1px solid;' type='button' name='quote_calculator' size=5 value='     Get Quote       ' onclick='calc();'>");
	//document.write("<select name='stone_qty' size='1'>");
	//for(ii=0;ii<xmlObj.childNodes(4).childNodes.length;ii++)
	//	{
		//document.write("<option value='"+ ii +"'>"+ xmlObj.childNodes(4).childNodes(ii).text +"</option>");
		
	//	}	
	//document.write("</select>");
	
	
	
	function calc()
	{
	var s_name		=form1.stone_name.options[form1.stone_name.options.selectedIndex].value;
	var s_size		=form1.stone_size.options[form1.stone_size.options.selectedIndex].value;
	var s_thickness	=form1.stone_thickness.options[form1.stone_thickness.options.selectedIndex].value;
	var s_surface	=form1.stone_surface.options[form1.stone_surface.options.selectedIndex].value;
	//var s_qty		=form1.stone_qty.options[form1.stone_qty.options.selectedIndex].value;
	var s_qty		=form1.stone_qty.value;
	
	//alert(xmlObj.childNodes(0).childNodes(s_name).getAttribute("val"))
	if (s_name==0){alert("Select a Stone");}
	else if(s_size==0){alert("Select the Size");}
	else if(s_thickness==0){alert("Select the Thickness");}
	else if(s_surface==0){alert("Select a Surface");}
	else if(s_qty==0){alert("Enter the Stone Quantity");}
	
	else{
	//alert(parseFloat(s_name_arr_val[s_name])*parseFloat(s_size_arr_val[s_size])*parseFloat(s_surface_arr_val[s_surface])*parseFloat(s_qty));
	//var s_myres=parseFloat(s_name_arr_val[s_name])*parseFloat(s_size_arr_val[s_size])*parseFloat(s_thickness_arr_val[s_thickness])*parseFloat(s_surface_arr_val[s_surface])*parseFloat(s_qty);
	//var s_myres=parseFloat(xmlObj.childNodes(0).childNodes(s_name).getAttribute("val"))*parseFloat(xmlObj.childNodes(1).childNodes(s_size).getAttribute("val"))*parseFloat(xmlObj.childNodes(1).childNodes(s_thickness).getAttribute("val"))*parseFloat(xmlObj.childNodes(1).childNodes(s_surface).getAttribute("val"))*parseFloat(xmlObj.childNodes(4).childNodes(s_qty).getAttribute("val"));
	var s_myres=parseFloat(xmlObj.childNodes(0).childNodes(s_name).getAttribute("val"))*parseFloat(xmlObj.childNodes(1).childNodes(s_size).getAttribute("val"))*parseFloat(xmlObj.childNodes(1).childNodes(s_thickness).getAttribute("val"))*parseFloat(xmlObj.childNodes(1).childNodes(s_surface).getAttribute("val"))*parseFloat(s_qty);
	
	var s_myres;
	the_msg="\n\n----------------------------------------------------------------------------     "
	the_msg=the_msg+"\n                     Quotation for the Selected                                                      "
	the_msg=the_msg+"\n----------------------------------------------------------------------------     "
	the_msg=the_msg+"\n\n Selected Stone          :  "+xmlObj.childNodes(0).childNodes(s_name).text
	the_msg=the_msg+"\n\n Selected Size             :  "+xmlObj.childNodes(1).childNodes(s_size).text
	the_msg=the_msg+"\n\n Selected Thickness    :  "+xmlObj.childNodes(2).childNodes(s_thickness).text 
	the_msg=the_msg+"\n\n Selected Surface       :  "+xmlObj.childNodes(3).childNodes(s_surface).text 
	//the_msg=the_msg+"\n\n Selected Quantity     :  "+ xmlObj.childNodes(4).childNodes(s_qty).text
	the_msg=the_msg+"\n\n Selected Quantity     :  "+ s_qty
	the_msg=the_msg+"\n\n ====================================="
	the_msg=the_msg+"\n\n  Estimated Cost         USD:_____"+ s_myres +"____(approx.)                "
	the_msg=the_msg+"\n\n ====================================="
	the_msg=the_msg+"\n\n\n"
	alert(the_msg);
	 }
	
	}	
