// JavaScript Document
function hide() {
	document.getElementById('bottom').style.visibility = "hidden";
	document.getElementById('mid').style.visibility = "hidden";
	document.getElementById('toptwo').style.visibility = "hidden";
	document.getElementById('bottom').style.display = "none";
	document.getElementById('mid').style.display = "none";
	document.getElementById('toptwo').style.display = "none";
	document.plate.one.options[0].selected=true
}

function require() {
	var thisVis = getVisibility('toptwo');
	if (thisVis == 'visible') {	
		setVisibility('toptwo', 'hidden');
	}
	if (document.plate.one.options[document.plate.one.selectedIndex].value == "other") {
		location.href = 'http://www.truckerplates.com/number-plates/order.php';
		}	
	else if (document.plate.one.options[document.plate.one.selectedIndex].value == "car") {
		setVisibility('toptwo', 'visible');
		setDisplay('toptwo', 'block');
		document.plate.box3.src = 'orderimg/three.gif';
		document.getElementById('box3').style.height = "27px";
		document.getElementById('box3').style.margin = "0";
		document.getElementById('box3').style.padding = "0";
		document.plate.box4.src = 'orderimg/grey4.gif';
		}
	else if (document.plate.one.options[document.plate.one.selectedIndex].value == "bike") {
		setVisibility('toptwo', 'visible');
		setDisplay('toptwo', 'block');
		document.plate.box5.src = 'orderimg/three.gif';
		
		}
	else if (document.plate.one.options[document.plate.one.selectedIndex].value == "") {
		history.go(0)
		}
	document.plate.two.options[0].selected=true
}
function number() {	
		setDisplay('metal-material', 'inline');
		if (document.plate.one.options[document.plate.one.selectedIndex].value == "car") {
			setVisibility('mid', 'visible');
			setDisplay('mid', 'block');
			document.getElementById('midtwo').style.color = "#999999";
			document.getElementById('midtwo').style.borderColor = "#999999";
			document.getElementById('head4').style.backgroundColor = "#999999";
			document.getElementById('head4').style.backgroundImage = "url(http://www.craigsplates.com/order/images/greyhead.jpg)";
			document.plate.four[0].disabled = true;
			document.plate.four[1].disabled = true;
			document.plate.five[0].disabled = true;
			document.plate.five[1].disabled = true;
			document.plate.continue2.disabled = true;
			setVisibility('bottom', 'hidden');
			setDisplay('bottom', 'none');
		} else if (document.plate.one.options[document.plate.one.selectedIndex].value == "bike") { 
			setVisibility('bottom', 'visible');
			setDisplay('bottom', 'block');
			setVisibility('bottomtwo', 'hidden');
			setDisplay('front', 'none');
			setDisplay('frontlabel', 'none');
			setDisplay('selflabel', 'none');
			setDisplay('six3label', 'none');
			setDisplay('six3', 'none');
			setDisplay('metal-material', 'none');
			setDisplay('seven3', 'none');
		}
		if (document.plate.two.options[document.plate.two.selectedIndex].value == "") {
			setVisibility('bottom', 'hidden');
			setDisplay('bottom', 'none');
			setVisibility('mid', 'hidden');
			setDisplay('mid', 'none');
		}
		if (document.plate.two.options[document.plate.two.selectedIndex].value == "legal") {
			setDisplay('six3label', 'none');
			setDisplay('six3', 'none');
			setDisplay('selflabel', 'none');
			setDisplay('seven3', 'none');
			document.getElementById("six1").checked = true;
			document.getElementById("seven1").checked = true;
		} else if ((document.plate.two.options[document.plate.two.selectedIndex].value == "show") && 
					(document.plate.one.options[document.plate.one.selectedIndex].value == "car")) {
			setDisplay('six3label', 'inline');
			setDisplay('six3', 'inline');
			setDisplay('selflabel', 'inline');
			setDisplay('seven3', 'inline');
		}
}

function background() {
	setVisibility('bottomtwo', 'visible');
	document.getElementById('bottomtwo').style.color = "#333333";
	document.getElementById('bottomtwo').style.borderColor = "#000080";
	document.getElementById('head6').style.backgroundColor = "#000080";
	document.getElementById('head6').style.backgroundImage = "url(http://www.craigsplates.com/order/images/orderhead.jpg)";
	document.plate.eight[0].disabled = false;
	document.plate.eight[1].disabled = false;	
	document.plate.Submit2.disabled = false;
	document.getElementById("head6-radio").style.display = "";
	document.getElementById("head6-caption").style.display = "";
	document.getElementById("bike-eight").innerHTML = '';
	if (document.plate.one.options[document.plate.one.selectedIndex].value == "bike") {
		document.plate.box6.src = 'orderimg/four.gif';
		var metal = document.getElementById('seven2');
		if (metal.checked == true) {
			document.getElementById("eight1").checked = true;
			document.getElementById("eight2").checked = false;
			document.getElementById("head6-radio").style.display = "none";
			document.getElementById("head6-caption").style.display = "none";
			document.getElementById("bike-eight").innerHTML = '<input type="hidden" name="eight" value="black" />';
		} else {
			document.getElementById("eight1").checked = false;
			document.getElementById("eight2").checked = true;
			document.getElementById("head6-radio").style.display = "block";
			document.getElementById("head6-caption").style.display = "block";
			document.getElementById("bike-eight").style.display = "none";
		}
	} else if (document.plate.one.options[document.plate.one.selectedIndex].value == "car") {
		document.plate.box6.src = 'orderimg/six.gif';
	}
}

function material() {
	setVisibility('bottom', 'visible');
	setDisplay('bottom', 'block');
	setVisibility('bottomtwo', 'hidden');
	document.plate.box5.src = 'orderimg/five.gif';
	var number = getCheckedValue(document.plate.three);
	if ((document.plate.one.options[document.plate.one.selectedIndex].value == "car") && 
	(number == 'pair'))
	{
			setVisibility('bottom', 'visible');
			setDisplay('bottom', 'block');
			setVisibility('bottomtwo', 'hidden');
			setDisplay('front', 'block');
			setDisplay('frontlabel', 'block');
			setDisplay('rear', 'block');
			setDisplay('rearlabel', 'block');
			
		} else if ((document.plate.one.options[document.plate.one.selectedIndex].value == "car") && 
		(number == 'front')) {
			setDisplay('front', 'block');
			setDisplay('frontlabel', 'block');
			setVisibility('bottom', 'visible');
			setDisplay('bottom', 'block');
			setVisibility('bottomtwo', 'hidden');
			setDisplay('rear', 'none');
			setDisplay('rearlabel', 'none');
		} else if ((document.plate.one.options[document.plate.one.selectedIndex].value == "car") && 
		(number == 'rear')) {
			setDisplay('rear', 'block');
			setDisplay('rearlabel', 'block');
			setVisibility('bottom', 'visible');
			setDisplay('bottom', 'block');
			setVisibility('bottomtwo', 'hidden');
			setDisplay('front', 'none');
			setDisplay('frontlabel', 'none');
		}
		
}

function additional() {
	var number = getCheckedValue(document.plate.three);
	if ((number == 'rear') || (number == 'pair')) {
		document.getElementById('midtwo').style.color = "#333333";
		document.getElementById('midtwo').style.borderColor = "#000080";
		document.getElementById('head4').style.backgroundColor = "#000080";
		document.getElementById('head4').style.backgroundImage = "url(http://www.craigsplates.com/order/images/orderhead.jpg)";
		document.plate.four[0].disabled = false;
		document.plate.four[1].disabled = false;		
		document.plate.continue2.disabled = false;		
		document.plate.box4.src = 'orderimg/four.gif';
	} else if (number == 'front') {
		setVisibility('bottom', 'visible');
		setDisplay('bottom', 'block');
		setVisibility('bottomtwo', 'hidden');
		setDisplay('rear', 'none');
		setDisplay('rearlabel', 'none');
		setDisplay('front', 'block');
		setDisplay('frontlabel', 'block');
		document.getElementById('midtwo').style.color = "#999999";
		document.getElementById('midtwo').style.borderColor = "#999999";
		document.getElementById('head4').style.backgroundColor = "#999999";
		document.getElementById('head4').style.backgroundImage = "url(http://www.craigsplates.com/order/images/greyhead.jpg)";
		document.plate.four[0].disabled = true;
		document.plate.four[1].disabled = true;
		document.plate.five[0].disabled = true;
		document.plate.five[1].disabled = true;
		document.plate.continue2.disabled = true;
		document.plate.box4.src = 'orderimg/grey4.gif';
		document.plate.box5.src = 'orderimg/five.gif';
	}
		
}
function grey() {
	document.getElementById('midtwo').style.color = "#999999";
	document.getElementById('midtwo').style.borderColor = "#999999";
	document.getElementById('head4').style.backgroundColor = "#999999";
	document.getElementById('head4').style.backgroundImage = "url(http://www.craigsplates.com/order/images/greyhead.jpg)";
	document.plate.four[0].disabled = true;
	document.plate.four[1].disabled = true;
	document.plate.five[0].disabled = true;
	document.plate.five[1].disabled = true;
	document.plate.continue2.disabled = true;
	setVisibility('bottom', 'hidden');
	setDisplay('bottom', 'none');
	document.plate.box4.src = 'orderimg/grey4.gif';
}
function greybottom() {
	document.getElementById('bottomtwo').style.color = "#999999";
	document.getElementById('bottomtwo').style.borderColor = "#999999";
	document.getElementById('head6').style.backgroundColor = "#999999";
	document.getElementById('head6').style.backgroundImage = "url(http://www.craigsplates.com/order/images/greyhead.jpg)";
	document.plate.eight[0].disabled = true;
	document.plate.eight[1].disabled = true;	
	document.plate.Submit2.disabled = true;
	if (document.plate.one.options[document.plate.one.selectedIndex].value == "bike") {
		document.plate.box6.src = 'orderimg/grey4.gif';
	} else if (document.plate.one.options[document.plate.one.selectedIndex].value == "car") {
		document.plate.box6.src = 'orderimg/grey6.gif';
	}
	var metal = document.getElementById('seven2');
	if (metal.checked == true) {
		if (document.plate.one.options[document.plate.one.selectedIndex].value == "bike") {
			alert ("Pressed Metal Plates are delivered in 12 working days.");
		}		
	}
}
function enable() {
	document.plate.five[0].disabled = false;
	document.plate.five[1].disabled = false;
}
function disable() {
	document.plate.five[0].disabled = true;
	document.plate.five[1].disabled = true;
}
function clickone() {
	setVisibility('bottom', 'hidden');
	setDisplay('bottom', 'none');
	setVisibility('mid', 'hidden');
	setDisplay('mid', 'none');
	document.plate.two.options[0].selected=true
}