function chooseone() {
	category_index = document.getElementById('category').selectedIndex;
	category_value = document.getElementById('category').options[category_index].value;
	var url = 'http://www.truckerplates.com/number-plates/order_server.php';
	var pars = 'category=' + category_value;
	var selectList = new Ajax.Updater ("hideoptions",
									   url, 
									   {
										   parameters: pars,
										   onComplete: writelist,
										   method: 'post'
									   });
}
function writelist(request) {
	$("hideoptions").innerHTML = request.responseText;
	showbar();
}
function image(){
	var choose = document.getElementById('choose');
	var choose_index = choose.selectedIndex;
	var choose_value = choose.options[choose_index].value;
	var name_value = document.getElementById('name').value;
	var mirror = document.getElementById('mirror');
	var smaller = document.getElementById('smaller');
	var finish;
	var size;
	if (mirror.checked == true) {
		finish = 'mirror';
	} else {
		finish = 'none';
	}	
	if (smaller.checked == true) {
		size = 'smaller';
	} else {
		size = 'standard';
	}
	var url = 'http://www.truckerplates.com/number-plates/order_server.php';
	var pars = 'product=' + choose_value + '&name=' + name_value + '&finish=' + finish + '&size=' + size;
	var prodImage = new Ajax.Request (url, 
									   {
										   parameters: pars,
										   onComplete: writeimage
									   });
}
function writeimage(request) {
	var jsonText = request.responseText;
	var imgData = eval("(" + jsonText + ")");
	var imgpath = imgData.path;
	var price = imgData.price;
	price = parseFloat(price);
	$("xprice").value = price;
	var disabled = imgData.disabled;
	var name = imgData.name;
	if (imgData.finish == 'mirror') {
		price = price + 4.00;
	}
	if (imgData.size == 'smaller') {
		price = price + 4.00;
	}
	if (price.toFixed) {//if browser supports toFixed() method
		price = price.toFixed(2)
	}
	$("imagewrap").innerHTML = imgpath;
	$("price").innerHTML = price;
	$("name").value = name;
	if (imgData.disabled == 'yes') {
		$("name").disabled = true;
		$('nameCell').style.visibility = 'hidden';
		$('namelabel').style.visibility = 'hidden';
		$('Layer1').style.visibility = 'hidden';
	} else {
		$("name").disabled = false;
		$('nameCell').style.visibility = 'visible';
		$('namelabel').style.visibility = 'visible';
		$('Layer1').style.visibility = 'visible';
	}
}
function showbar() {
	var selectCell = document.getElementById('optionCell');
	selectCell.innerHTML = '';
	selectCell.innerHTML = '<img src="images/progressbar.gif" />';
	setTimeout('showselect()', 1000)  
}
function showselect() {
	var selectCell = document.getElementById('optionCell');
	var optionDiv = document.getElementById('hideoptions');
	var optionList = optionDiv.innerHTML;
	selectCell.innerHTML = '';
	selectCell.innerHTML = optionList;
	image();
}

function checkOptions() {
	var price;
	var mirror = document.getElementById('mirror');
	var smaller = document.getElementById('smaller');
	var xprice = document.getElementById('xprice').value;	
	xprice = parseFloat(xprice);
	price = xprice;
	if (mirror.checked == true) {
		price = price + 4.00;
	} 
	if (smaller.checked == true) {
		price = price + 4.00;
	}
	if (price.toFixed) {//if browser supports toFixed() method
		price = price.toFixed(2)
	}
	document.getElementById('price').innerHTML = price;
}