function populate_product(pid,fieldid){

	document.getElementById(fieldid).options.length = 0;
	document.getElementById(fieldid).options[0] = new Option("Please select","",true,true);
	
	switch(pid) {

		case "r0" :
			var productname = new Array("100g pouches - 2000 per case","20 compartment storage trays","50 compartment storage trays");
			var productcode = new Array("1","2","3");
			break;
		case "r1" :
			var productname = new Array("200g pouches - 1000 per case","24 compartment storage trays");
			var productcode = new Array("4","5");
			break;
		case "r2" :
			var productname = new Array("48mm x 76mm 4000 per case","48mm x 76mm 10,000 per case");
			var productcode = new Array("6","7");
			break;
		case "r3":
			var productname = new Array("5 x 1000 roll");
			var productcode = new Array("13");
			break;			
		case "r7":
			var productname = new Array("160mm x 200mm 1000 per case","200mm x 270mm 1000 per case","230mm x600mm 1000 per case");
			var productcode = new Array("10","11","12");
			break;
		case "r8":
			var productname = new Array("1 A3 Laminated Wallchart");
			var productcode = new Array("8");
			break;	
		case "r9":					
			var productname = new Array("1600 labels + Paxar 1155 date coding gun");
			var productcode = new Array("9");
			break;
		case "r14":
			var productname = new Array("10 metre roll RHINOPAC Mousse Turbigomme", "Mineral Insulated 1.5mm Probe", "Battery powered Thermometer");
			var productcode = new Array("14","15","16");
			break;	
												
		default :
			var productname = new Array("unfinished");
			var productcode = new Array("unfinished");
			break;
	}

	for(var i = 0; i < (productcode.length);i++){
		document.getElementById(fieldid).options[i+1] = new Option(productname[i],productcode[i],false,false);
	}
	update_totals();
}

function add_line() {
	var total = document.getElementById('entries').value;
	document.getElementById('entries').value = (total*1)+1;
	var curentid = document.getElementById('curentid').value;
	curentid++;
	document.getElementById('curentid').value = curentid;
	var innercontent = document.getElementById('listcontent').innerHTML;
	var parentdiv = document.getElementById('listcontent');
	var buffer =   '<span>'+
				'<select name="@@@range@@@" id="@@@range@@@" onChange="populate_product(this.value,\'@@@product@@@\')" class="range">'+
				'	<optgroup label="Food Safety Products">'+
				'	<option value="r0" selected>Samplex 100</option>'+
				'	<option value="r1">Samplex 200</option>'+
				'	<option value="r2">Kitchen Kitchen &lsquo;Use By&rsquo; Labels Labels</option>'+
				'	<option value="r3">&#8216;Eat By&#8217; Labels</option>'+
				'	</optgroup>'+
				'       <optgroup label="Vacuum Packaging Systems">'+
				'	<option value="r7">Shrinkable Pouches</option>'+
				'	<option value="r8">Laminated Wallchart</option>'+
				'	</optgroup>'+				
				'   <optgroup label="Mousse Turbigomme">'+
				'   <option value="r14">Mousse Turbigomme</option>'+
				'	</optgroup>'+
    				'	<optgroup label="Star offer">'+
        			'	<option value="r9">&#8216;Use By&#8217; labels + Paxar date coding gun</option>'+
    				'	</optgroup>'+
				'</select>'+
			'</span>'+
			'<span>'+
			'<select name="@@@product@@@" id="@@@product@@@" onChange="update_totals()" class="product">'+
			'		<option value="">Please select</option>'+
			'		<option value="1">100g pouches - 2000 per case</option>'+
			'		<option value="2">20 compartment storage trays</option>'+
			'		<option value="3">50 compartment storage trays</option>'+
			'	</select>'+
			'</span>'+
			'<span>'+
			'<select name="@@@qty@@@" id="@@@qty@@@" onChange="update_totals()" class="quantity">'+
			'		<option value="1">1</option>'+
			'		<option value="2">2</option>'+
			'		<option value="3">3</option>'+
			'		<option value="4">4</option>'+
			'		<option value="5">5</option>'+
			'		<option value="6">6</option>'+
			'		<option value="7">7</option>'+
			'		<option value="8">8</option>'+
			'		<option value="9">9</option>'+
			'		<option value="10">10</option>'+
			'		<option value="11">11</option>'+
			'		<option value="12">12</option>'+
			'		<option value="13">13</option>'+
			'		<option value="14">14</option>'+
			'		<option value="15">15</option>'+
			'		<option value="16">16</option>'+
			'		<option value="17">17</option>'+
			'		<option value="18">18</option>'+
			'		<option value="19">19</option>'+
			'		<option value="20">20</option>'+
			'		<option value="25">25</option>'+
			'		<option value="30">30</option>'+
			'		<option value="35">35</option>'+
			'		<option value="40">40</option>'+
			'		<option value="45">45</option>'+
			'		<option value="50">50</option>'+			
			'	</select>'+
			'</span>'+
			'<span ><input type="text" name="@@@unitprice@@@" id="@@@unitprice@@@" value="&pound;0" class="price_boxes" /></span>'+
			'<span ><input type="text" name="@@@subtotal@@@" id="@@@subtotal@@@" value="&pound;0" class="price_boxes" /></span>'+
			'<span><a href="javascript:removeLine(@@@lineid@@@);">Remove item</a></span>'
			;	
	buffer = buffer.replace(/@@@range@@@/g,'range__' + curentid);
	buffer = buffer.replace(/@@@product@@@/g,'product__' + curentid);
	buffer = buffer.replace(/@@@qty@@@/g,'qty__' + curentid);
	buffer = buffer.replace(/@@@unitprice@@@/g,'unitprice__' + curentid);
	buffer = buffer.replace(/@@@subtotal@@@/g,'subtotal__' + curentid);
	buffer = buffer.replace(/@@@lineid@@@/g, curentid);
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id','line__'+curentid);
	newdiv.setAttribute('class','list');
	newdiv.innerHTML = buffer;
	parentdiv.appendChild(newdiv);	

}

function removeLine(divid)
{	
	if (confirm('Are you sure you want to remove this item?')) {
		var oldtotal = document.getElementById('entries').value;
	
		var olddiv = document.getElementById('line__'+divid);
		var pdiv = document.getElementById('listcontent');
		pdiv.removeChild(olddiv);
		document.getElementById('entries').value = (oldtotal*1)-1;
		
		update_totals();
	}
}

function update_totals()
{
/*
Food Safety Products

Samplex 100	
1	100g pouches - 2000 per case	
2	20 compartment storage trays	
3	50 compartment storage trays	

Samplex 200	
4	200g pouches - 1000 per case	
5	24 compartment storage trays	

Kitchen ‘Use By’ Labels	
6	48mm x 76mm 4000 per case	
7	48mm x 76mm 10,000 per case	

eatby Labels	details to follow	
13   5x1000 roll

Vacuum Packaging Systems		
		
Rhinovac Pouches Popular Range	details to follow	
		
Mousse Turbigomme	details to follow	
	14	10 metre roll RHINOPAC Mousse Turbigomme
	15	Mineral Insulated 1.5mm Probe
	16	Battery powered Thermometer
	
Rhinoflex Pouches Popular Range	details to follow	
		
Shrinkable Pouches Popular Range	
10	160mm x 200mm 1000 per case
11	200mm x 270mm 1000 per case
12	230mm x600mm 1000 per case

Laminated Wallchart	
8	1 A3 Laminated Wallchart

9	1600 useby labels + paxar gun



*/
	var pricing = new Array("",101,36.99,54.00,76,68,56,126,32,76.8,64,104,264,149.75,28.60,27,52.50);
	var items = document.getElementById('entries').value;
	var bigtotal = 0;
	var subtotal = 0;
	var vat = 0;
	var fulltotal = 0;
	var parentdiv = document.getElementById('listcontent');
	var divs = parentdiv.getElementsByTagName('div');
	
	for(j = 0;j<divs.length; j++) {
		subtotal = 0;
		var crtdivid = divs[j].getAttribute('id');
		crtdivid = crtdivid.replace('line__','');
		pid = document.getElementById('product__'+crtdivid).value;
		if (pid!='') {
	
			qty = document.getElementById('qty__'+crtdivid).value;

			subtotal = pricing[pid]*qty;
			subtotal = parseFloat(subtotal.toFixed(2));
							
			bigtotal += subtotal;
			bigtotal = parseFloat(bigtotal.toFixed(2));

			document.getElementById('unitprice__'+crtdivid).value = '\u00A3'+pricing[pid].toFixed(2);
			document.getElementById('subtotal__'+crtdivid).value = '\u00A3'+subtotal.toFixed(2);

		} else {
			document.getElementById('unitprice__'+crtdivid).value = '\u00A3'+0+'.00';
			document.getElementById('subtotal__'+crtdivid).value = '\u00A3'+0+'.00';
		}
		
	}

	fulltotal = (bigtotal *1.175);
	fulltotal = parseFloat(fulltotal.toFixed(2));
	vat = parseFloat(fulltotal) - bigtotal;
	bigtotal = parseFloat(bigtotal);
	
	document.getElementById('bigtotal').firstChild.nodeValue = '\u00A3' + bigtotal.toFixed(2);
	document.getElementById('vat').firstChild.nodeValue = '\u00A3'+vat.toFixed(2);
	document.getElementById('fulltotal').firstChild.nodeValue = '\u00A3'+fulltotal.toFixed(2);
	

}

function updateClock() {
	var myClock = new Date();
	var h = myClock.getHours();
	var m = myClock.getMinutes();
	var s = myClock.getSeconds();
	if (m<=9) m = '0'+m;
	if (s<=9) s = '0'+s;
	document.getElementById('clock').firstChild.nodeValue = h+':'+m+':'+s;
	setTimeout('updateClock()',1000);
}

function deliveryDetails(selection,spanid) {
	var target = document.getElementById(spanid);
	
	if (selection == 'other' ) {
		target.style.display='table-row';
	}else {
		target.style.display='none';
	}
}

function checkform() {
	var status = true;
	
	var msg = 'The following errors have been found:\n';

	if (!document.getElementById('accept_terms').checked) {
		status = false;
		msg += 'You have to agree with Our Terms and Conditions.\n';
	}	
/* existing user validation */	
	
	if (document.getElementById('entries').value <1) {
		status = false;
		msg += 'Please select at least one product.\n';
	}
	if (document.getElementsByName('customer_type')[0].value == 'existing') {
		if (document.getElementsByName('e_account_name')[0].value == '' ) {
			status = false;
			msg += 'Please fill in your account name.\n';
		}
		if (document.getElementsByName('e_ordered_by')[0].value == '' ) {
			status = false;
			msg += 'Please fill in \'Ordered by\' field.\n';
		}
		if (document.getElementsByName('e_phone')[0].value == '' && document.getElementsByName('e_email')[0].value == '' ) {
			status = false;
			msg += 'Please fill in your email or phone number.\n';
		}
		
		if (document.getElementsByName('e_delivery')[0].value == 'other' ) {
			if (document.getElementsByName('e_other')[0].value == '' ) {
				status = false;
				msg += 'Please specify your delivery address.\n';		
			}		
		}
	} else {
		if (document.getElementsByName('n_contact_name')[0].value == '' ) {
			status = false;
			msg += 'Please fill in contact name.\n';
		}
		if (document.getElementsByName('n_company')[0].value == '' ) {
			status = false;
			msg += 'Please fill in company field.\n';
		}
		if (document.getElementsByName('n_address')[0].value == '' ) {
			status = false;
			msg += 'Please fill in the address field.\n';
		}
		if (document.getElementsByName('n_telephone')[0].value == '' ) {
			status = false;
			msg += 'Please fill in telephone number.\n';
		}		
		if (document.getElementsByName('n_email')[0].value == '' ) {
			status = false;
			msg += 'Please fill in the email address.\n';
		}	
		if (document.getElementsByName('n_delivery')[0].value == 'other' ) {
			if (document.getElementsByName('n_other')[0].value == '' ) {
				status = false;
				msg += 'Please specify your delivery address.\n';		
			}		
		}			
	}
/* new user validation */		
		
	if (status == false) alert(msg);
	return status;
}

function switch_ctype(val) {
	if (val =='new') {
		document.getElementById('new_customers').style.display = 'block';
		document.getElementById('existing_customers').style.display = 'none';
	} else {
		document.getElementById('new_customers').style.display = 'none';
		document.getElementById('existing_customers').style.display = 'block';	
	}
}

function swContact(val) {
	if (val == 'email') {
		document.getElementById('econtactlabel').firstChild.nodeValue = 'Email:';
	} else {
		document.getElementById('econtactlabel').firstChild.nodeValue = 'Phone no:';
	}
}


function popupOrderForm(){
	winHeight = 600;
	winWidth = 800;
	
	var myTarget = "orderformsingle.html";
	newWin = window.open(myTarget, "", "width="+winWidth+",height="+winHeight+",scrollbars=yes, menubar=no");
	
	newWin.document.title="Order form";
	new_x = screen.availWidth/2 - winWidth/2;
	new_y = screen.availHeight/2 - winHeight/2;
	newWin.moveTo(new_x,new_y);
	
	newWin.focus();
}