// JavaScript Document
allLink = document.getElementsByTagName("A");
allForm = document.getElementsByTagName("FORM");

function mainSubmit()
{
	// check the value;
	$error_message = "";
	if(document.getElementById("text_cuttosize").value.length < 1) {   $error_message += "Please provide cut size\n"; }
	if(document.getElementById("text_cladding").value.length < 1) {   $error_message += "Please provide cladding\n"; }
	if(document.getElementById("text_doublepencil").value.length < 1) {   $error_message += "Please provide double pencil value\n"; }
	if(document.getElementById("text_square").value.length < 1) {   $error_message += "Please provide square value\n"; }
	if(document.getElementById("text_bevel").value.length < 1) {   $error_message += "Please provide bevel value\n"; }
	if(document.getElementById("text_halfnose").value.length < 1) {   $error_message += "Please provide half full nose value\n"; }
	if(document.getElementById("text_fullnose").value.length < 1) {   $error_message += "Please provide full nose value\n"; }
	if(document.getElementById("text_2020").value.length < 1) {   $error_message += "Please provide 20 x 20 value\n"; }
	if(document.getElementById("text_socketcut").value.length < 1) {   $error_message += "Please provide stock cut out value\n"; }
	if(document.getElementById("text_drainage").value.length < 1) {   $error_message += "Please provide dranage groove value\n"; }	


	if(document.getElementById("name").value.length < 1) {   $error_message += "Please provide your name\n"; }	
	if(document.getElementById("email").value.length < 1) {   $error_message += "Please provide your email\n"; }	
	if(document.getElementById("email").value.length < 1) {   $error_message += "Please provide your phone number\n"; }	
	
	if($error_message.length > 0)
	{
		alert($error_message);
		return false;
	}
	
	return true;
}

for($count =0;$count < allLink.length;$count++)
{
	if(allLink[$count].id.length > 0)
	{
		if(allLink[$count].href.indexOf("#") > 0 )
		{
			try
			{
				name = "popup_" + allLink[$count].id;
				document.getElementById(name).style.display="none";
			}
			catch(e)
			{
			}
			
			allLink[$count].onclick = function ()
			{
				
				x_window = window.open("","help_window","width=400px,height=300px");
				try
				{
					name = "popup_" + this.id;
					x_window.document.body.innerHTML = document.getElementById(name).innerHTML;
				}
				catch(e)
				{
				}
			}
		}
	}
}

$valuearray =  new Array();


document.getElementById("material").onchange = function()
{
	for($k in $valuearray)
	{
		mainconversion($k,document.getElementById($k).value);
	}
	
} // end of the function


// this  function will change teh value of the cladding and others
document.getElementById("grade").onchange = function ()
{
	$mainvaluearray[0]["text_cuttosize"] = $changevalue[0]["text_cuttosize_" + this.value];
	$mainvaluearray[0]["text_cladding"]  = $changevalue[0]["text_cladding_" + this.value];

	$mainvaluearray[1]["text_cuttosize"] = $changevalue[1]["text_cuttosize_" + this.value];
	$mainvaluearray[1]["text_cladding"]  = $changevalue[1]["text_cladding_" + this.value];

	
	mainconversion("text_cuttosize",document.getElementById("text_cuttosize").value);
	mainconversion("text_cladding",document.getElementById("text_cladding").value);
	
}

//now we will assingthe event to the textfield
input_data = document.getElementsByTagName("INPUT");
for($count =0; $count < input_data.length;$count++)
{
	$x_dat = input_data[$count].id.split("_");
	if($x_dat[0] == "text")
	{
		input_data[$count].onblur= makecalculation;
	}
} // end of the for loop


function makecalculation()
{
	if(parseFloat(this.value) > 0)
	{
		$x_dat = this.id.split("_");
		$valuearray[this.id] = parseFloat(this.value) * parseFloat($mainvaluearray[document.getElementById("material").selectedIndex][this.id]);
		document.getElementById("cal_" + $x_dat[1]).innerHTML = "£ " + makeRound($valuearray[this.id]);
	}
	calculateTotal()

}


function makeRound($value)
{
	$value = Math.round($value*100)/100;
	$value = $value + "";
	$x_dat = $value.split("\.");
	try
	{
		if($x_dat[1].length < 1)
		{
			$value = $value + ".00";
		}
		else if($x_dat[1].length < 2)
		{
			$value = $value + "0";
		}
	}
	catch(e)
	{
		$value = $value + ".00";
	}
	return  $value;
}

function mainconversion(id,value)
{
	
	if(parseFloat(value) > 0)
	{
		$x_dat = id.split("_");
		$valuearray[id] = parseFloat(value) * parseFloat($mainvaluearray[document.getElementById("material").selectedIndex][id]);
		document.getElementById("cal_" + $x_dat[1]).innerHTML =  "£ " +  makeRound($valuearray[id]);
	}

	calculateTotal()
}

function calculateTotal()
{
	$totalamount = 0;
	for($k in $valuearray)
	{
		$totalamount = parseInt($totalamount) + $valuearray[$k];
	}
	
	$vatamount = $totalamount * 0.175;
	$alltotal = parseFloat($vatamount) + $totalamount ;
	document.getElementById("totalamount").innerHTML = "£ " + makeRound($totalamount);
	document.getElementById("vatamount").innerHTML = "£ " + makeRound($vatamount);
	document.getElementById("alltotal").innerHTML = "£ " + makeRound($alltotal);
	
}

document.getElementById("Submit2").onclick = printData;
document.getElementById("reset").onclick = function ()
{
	location.href="orderform.php";
};

function printData()
{
	// check the value;
	$error_message = "";
	if(document.getElementById("text_cuttosize").value.length < 1) {   $error_message += "Please provide cut size\n"; }
	if(document.getElementById("text_cladding").value.length < 1) {   $error_message += "Please provide cladding\n"; }
	if(document.getElementById("text_doublepencil").value.length < 1) {   $error_message += "Please provide double pencil value\n"; }
	if(document.getElementById("text_square").value.length < 1) {   $error_message += "Please provide square value\n"; }
	if(document.getElementById("text_bevel").value.length < 1) {   $error_message += "Please provide bevel value\n"; }
	if(document.getElementById("text_halfnose").value.length < 1) {   $error_message += "Please provide half full nose value\n"; }
	if(document.getElementById("text_fullnose").value.length < 1) {   $error_message += "Please provide full nose value\n"; }
	if(document.getElementById("text_2020").value.length < 1) {   $error_message += "Please provide 20 x 20 value\n"; }
	if(document.getElementById("text_socketcut").value.length < 1) {   $error_message += "Please provide stock cut out value\n"; }
	if(document.getElementById("text_drainage").value.length < 1) {   $error_message += "Please provide dranage groove value\n"; }	


	if(document.getElementById("name").value.length < 1) {   $error_message += "Please provide name value\n"; }	
	if(document.getElementById("email").value.length < 1) {   $error_message += "Please provide email value\n"; }	
	if(document.getElementById("email").value.length < 1) {   $error_message += "Please provide phone value\n"; }	
	
	if($error_message.length > 0)
	{
		alert($error_message);
		return false;
	}
	
	window.print();

							   
							   
							
} // end of the function


// chnagevalue
$changevalue = new Array();
$changevalue[0] = new Array();
$changevalue[0]["text_cuttosize_a"] = 265.00;
$changevalue[0]["text_cuttosize_b"] = 320.00;
$changevalue[0]["text_cuttosize_c"] = 380.00;

$changevalue[0]["text_cladding_a"]  = 190.00;
$changevalue[0]["text_cladding_b"]  = 280.00;
$changevalue[0]["text_cladding_c"]  = 320.00;


$changevalue[1] = new Array();
$changevalue[1]["text_cuttosize_a"] = 280.00;
$changevalue[1]["text_cuttosize_b"] = 335.00;
$changevalue[1]["text_cuttosize_c"] = 420.00;

$changevalue[1]["text_cladding_a"]  = 195.00;
$changevalue[1]["text_cladding_b"]  = 295.00;
$changevalue[1]["text_cladding_c"]  = 340.00;


// all value 
$mainvaluearray = new Array();
$mainvaluearray[0] = new Array();
$mainvaluearray[0]["text_cuttosize"] = 265.00;
$mainvaluearray[0]["text_cladding"]  = 190.00;

$mainvaluearray[0]["text_doublepencil"]  = 32.00;
$mainvaluearray[0]["text_square"]  = 25.00;
$mainvaluearray[0]["text_bevel"]  = 32.00;
$mainvaluearray[0]["text_halfnose"]  = 50.00;
$mainvaluearray[0]["text_fullnose"]  = 70.00;
$mainvaluearray[0]["text_2020"]  = 65.00;
$mainvaluearray[0]["text_socketcut"]  = 25.00;
$mainvaluearray[0]["text_drainage"]  = 30.00;


$mainvaluearray[0]["text_taphole"]  = 20.00;
$mainvaluearray[0]["text_hoprough"]  = 65.00;
$mainvaluearray[0]["text_singlebowl"]  = 160.00;
$mainvaluearray[0]["text_onebowl"]  = 190.00;

$mainvaluearray[0]["text_75mm"]  = 45.00;
$mainvaluearray[0]["text_100mm"]  = 52.00;
$mainvaluearray[0]["text_150mm"]  = 75.00;

$mainvaluearray[0]["text_local"]  = 100.00;
$mainvaluearray[0]["text_london"]  = 125.00;
$mainvaluearray[0]["text_50mile"]  = 160.00;


$mainvaluearray[0]["text_fitlocal"]  = 290.00;
$mainvaluearray[0]["text_fitlondon"]  = 320.00;
$mainvaluearray[0]["text_fit50mile"]  = 160.00;
$mainvaluearray[0]["text_firextraman"]  = 95.00;
$mainvaluearray[0]["text_fittop"]  = 280.00;





$mainvaluearray[1] = new Array();
$mainvaluearray[1]["text_cuttosize"] 		= 280.00;
$mainvaluearray[1]["text_cladding"]  		= 195.00;

$mainvaluearray[1]["text_doublepencil"] 	= 32.00;
$mainvaluearray[1]["text_square"]  		= 25.00;
$mainvaluearray[1]["text_bevel"]  		= 32.00;
$mainvaluearray[1]["text_halfnose"]  		= 90.00;
$mainvaluearray[1]["text_fullnose"]  		= 120.00;
$mainvaluearray[1]["text_2020"]  		=  0.00;
$mainvaluearray[1]["text_socketcut"]  		= 25.00;
$mainvaluearray[1]["text_drainage"]  		= 30.00;


$mainvaluearray[1]["text_taphole"]  		= 20.00;
$mainvaluearray[1]["text_hoprough"]  		= 65.00;
$mainvaluearray[1]["text_singlebowl"]  		= 160.00;
$mainvaluearray[1]["text_onebowl"]  		= 190.00;

$mainvaluearray[1]["text_75mm"]  		= 45.00;
$mainvaluearray[1]["text_100mm"]  		= 52.00;
$mainvaluearray[1]["text_150mm"]  		= 75.00;

$mainvaluearray[1]["text_local"]  		= 100.00;
$mainvaluearray[1]["text_london"]  		= 125.00;
$mainvaluearray[1]["text_50mile"]  		= 160.00;


$mainvaluearray[1]["text_fitlocal"]  		= 290.00;
$mainvaluearray[1]["text_fitlondon"]  		= 320.00;
$mainvaluearray[1]["text_fit50mile"]  		= 160.00;
$mainvaluearray[1]["text_firextraman"]  	= 95.00;
$mainvaluearray[1]["text_fittop"]  		= 280.00;


// generate the randum number
r1 = Math.floor(Math.random()*9)
r2 = Math.floor(Math.random()*9)
r3 = Math.floor(Math.random()*9)

r4 = Math.floor(Math.random()*9)
r5 = Math.floor(Math.random()*9)
r6 = Math.floor(Math.random()*9)

var now = new Date
$totalnumber = "R" + r1 + r2+ r3 + "A" + r4 + r5 + r6 + " " + now.getYear() +"-" + (now.getMonth() + 1) + "-" + now.getDate() + " " + now.getHours()+":"+now.getMinutes();
document.getElementById("makenumber").innerHTML = $totalnumber;
document.getElementById("reference").value = $totalnumber;