// JavaScript Document

function colortile () {
	var tile = document.WebToLeadForm.dynamicselector2[document.WebToLeadForm.dynamicselector2.selectedIndex];
	if (tile.value == "Q-Model") {
		setVisibility('tilescreen','visible');
		document.WebToLeadForm.archcolor.value="Galvalume®";
		document.WebToLeadForm.endwallcolor.value="Galvalume®";
		document.WebToLeadForm.trimcolor.value="Galvalume®";
	}
	else {
			setVisibility('tilescreen','hidden');
			document.WebToLeadForm.archcolor.value="";
			document.WebToLeadForm.endwallcolor.value="";
			document.WebToLeadForm.trimcolor.value="";
		}
}
	
	
function writeTile() {
	document.write('<div id="tilescreen" onMouseDown="javascript:alert(\'Galvalume only color available for Q-Style buildings.\')">&nbsp;</div>');
}
	
function setVisibility(objectID,state) {
var object = document.getElementById(objectID);
object.style.visibility = state;
}

function toggleVisibility(objectID) {
	var object = document.getElementById(objectID);
	state = object.style.visibility;
	if (state == 'hidden')
		object.style.visibility = 'visible';
	else {
		if (state == 'visible')
			object.style.visibility = 'hidden'; 
	else object.style.visibility = 'visible';
	}
}