var browserName=navigator.appName;
var browserAgent=navigator.userAgent;
var browserVersion=navigator.appVersion;
var currLocation = document.location.pathname.toLowerCase();
var navArray
navArray = new Array("Home","Personnel","Production","Quality","Screening","Customers","News","Awards","Contact");

//BEGIN ADD OF STYLESHEET FIXERS
if (browserAgent.indexOf('Safari')>0) {
	document.write("<link rel=stylesheet type=text/css href=/css/saf.css>");
}
if (browserName=="Netscape" || browserName=="Opera") {
	document.write("<link rel=stylesheet type=text/css href=/css/ff.css>");
}
if (browserName=="Microsoft Internet Explorer" && browserVersion.indexOf('MSIE 7.0') < 1) {
	document.write("<link rel=stylesheet type=text/css href=/css/ie6.css>");
}
//END ADD OF STYLESHEET FIXERS

window.onload = function() {
resizeHeight('cnt_RightColumn','-55','cnt_Wrapper','0');
if (document.getElementById('cnt_RightColumn').offsetHeight - 130 < document.getElementById('cnt_LeftColumn').offsetHeight) {
	resizeHeight('cnt_LeftColumn','-130','cnt_Wrapper','');
}
if (navigator.appVersion.indexOf("MSIE")!=-1) {
	var field = document.getElementsByTagName("input");
	for(var i = 0; i < field.length; i++) {
		if (field[i].type == "text" || field[i].type == "password") {
			field[i].onfocus = function() {
		 		this.className += " focus";
		  };
		  field[i].onblur = function() {
		  	this.className = this.className.replace(/\bfocus\b/, "");
		  };
		};
	};
	field = null;
	};
};

function td_Header()
{
	document.write('	<div id="td_Wrapper_Site">')
	document.write('			<div id="img_SprayCan"></div>')
	document.write('			<div id="img_Masthead"><h1>VERSATILE SPRAY PAINTING Ltd.</h1><h3>Innovative Coating Technologies</h3></div>')
	document.write('			<div id="img_Masthead_subbar"></div>')
	document.write('			<div id="nav_Horizontal">')
	document.write('				<ul id="nav_Wrapper">')

	for ( var i=0, len=navArray.length; i<len; ++i ){
		if (currLocation.indexOf(navArray[i].toLowerCase()) > 0) {
			document.write('					<li id="nav_' + navArray[i] + '_Open"><a href="/' + navArray[i] + '/"><span class="navhide">' + navArray[i] + '</span></a></li>')
		} else {
			if (navArray[i] == "Home") {
				document.write('					<li id="nav_' + navArray[i] + '"><a href="/"><span class="navhide">' + navArray[i] + '</span></a></li>')
			} else {
				document.write('					<li id="nav_' + navArray[i] + '"><a href="/' + navArray[i] + '/"><span class="navhide">' + navArray[i] + '</span></a></li>')
			}
		}
	}

	document.write('				</ul>')
	document.write('			</div>')
	document.write('			<div id="td_Seperator_NavCnt">&nbsp;</div>')
	document.write('			<div id="cnt_Wrapper">')
	document.write('				<div id="cnt_LeftColumn">')
	document.write('					<b>VERSATILE SPRAY PAINTING LTD.</b><br />')
	document.write('					102 Healey Rd.<br />')
	document.write('					BOLTON, Ontario<br />')
	document.write('					L7E 5A9<br />')
	document.write('					905-857-4915<br />')
	document.write('					1-877-857-4915<br />')
	document.write('					<a href=\"/contact/\">Contact us</a>')
	document.write('				</div>')
	document.write('				<div id="cnt_RightColumn">')
}

function td_Footer()
{
	today=new Date(); // Initialize Date in raw form
	year=today.getFullYear(); // Get the year
	document.write('					<br class="breaker" />')
	document.write('				</div>')
	document.write('				<div class="breaker"></div>')
	document.write('			</div>')
	document.write('		</div>')
	document.write('		<div id="td_Wrapper_Ftr">')
	document.write('			<div id="td_Seperator_CntFtr">&nbsp;</div>')
	document.write('			<div id="ftr_Main">LEADERS IN THE FINISHING INDUSTRY</div>')
	document.write('			<div id="ftr_Sub">Versatile Spray Painting Ltd - Copyright ' + year + ' All rights reserved | <a href="/contact/">Contact us</a></div>')
	document.write('		</div>')
	td_PageTitle();
}

function td_PageTitle()
{
	if (document.getElementById("img_Title")) {
		for ( var i=0, len=navArray.length; i<len; ++i ){
			if (currLocation.indexOf(navArray[i].toLowerCase()) > 0) {
				document.getElementById("img_Title").innerHTML = '<b>' + navArray[i] + '</b>';
				break;
			} else {
				document.getElementById("img_Title").innerHTML = '<b>Home</b>';
			}
		}
	}
}

//FUNCTION TO COMPARE TWO DIV HEIGHTS AND RESIZE THE SMALLER ONE TO MATCH THE LARGER
function resizeHeight(sourceDiv,minussourceDiv,targetDiv,minustargetDiv) {
	if (document.getElementById(sourceDiv) && document.getElementById(targetDiv)) {
		var sourceHeight = document.getElementById(sourceDiv).offsetHeight - minussourceDiv
		var targetHeight = document.getElementById(targetDiv).offsetHeight - minustargetDiv
		if (sourceHeight < targetHeight) {
			document.getElementById(sourceDiv).style.height = targetHeight + 'px'
		} else {
			document.getElementById(targetDiv).style.height = sourceHeight + 'px'
		}
	}
}

var reqFields=new Array()
var reqSelects=new Array()
var reqMatches=new Array()
var reqGroups=new Array()
var reqEmails=new Array()
var oneChecked=false
var oneBlank
var dropdownDefault=""

function validateFields_main() {
	reqFields=new Array("PIID_68_0","PIID_61_0","PIID_62_0","PIID_75_0","PIID_64_0","PIID_67_0","PIID_65_0")
	reqSelects=new Array("PIID_69_0","PIID_70_0","PIID_71_0","PIID_72_0","PIID_73_0")
	reqEmails=new Array("PIID_75_0")
	validateFields()
}

function validateFields() {
	//LOOP THROUGH TEXT FIELDS REQUIRED
	for ( var i=0, len=reqFields.length; i<len; ++i ){
		if (document.getElementById(reqFields[i]).value == "") {
			//VALUE IS BLANK AND MUST HAVE SOME CHARACTER ENTRY
			document.getElementById(reqFields[i] + '_error').className = 'error_show';
			if (document.getElementById(reqFields[i] + '_error_invalid')) {
				//THERE IS AN INVALID FIELD PRESENT SO HIDE IT HERE SINCE THE ERROR IS NULL NOT INVALID
				document.getElementById(reqFields[i] + '_error_invalid').className = 'error_hide';
			}
			oneBlank = true;
			//SET ONEBLANK TO TRUE TO AVOID THE FORM SUBMITTING
		}
		else
		//VALUS WAS NOT BLANK, SO DECIDE WHAT TO DO
		{
			for ( var m=0, lenm=reqEmails.length; m<lenm; ++m ){
				if (document.getElementById(reqFields[i]).name == reqEmails[m]) {
					//THE FIELD NAME MATCHES A NAME IN THE EMAILS ARRAY, SO CHECK VALIDITY
					if (checkEmail (document.testOnlineFormName[reqEmails[m]])) {
						//THE EMAIL ADDRESS IS VALID SO HIDE ALL ERRORS
						document.getElementById(reqFields[i] + '_error').className = 'error_hide';
						document.getElementById(reqFields[i] + '_error_invalid').className = 'error_hide';
						oneBlank = false;
					} else {
						//THE EMAIL IS NOT VALID SO DISPLAY INVALID MESSAGE AND HIDE BLANK MESSAGE INCASE IT IS STILL PRESENT
						document.getElementById(reqFields[i] + '_error').className = 'error_hide';
						document.getElementById(reqFields[i] + '_error_invalid').className = 'error_show';
						oneBlank = true;
					}
				}
				//COULD ADD MORE IF STATEMENTS HERE TO VALIDATE NUMERICAL,ETC
				else {
					//THE FIELD DOES NOT REQUIRE ANY VALIDATION THEREFOR THE FIELD IS FINE
					document.getElementById(reqFields[i] + '_error').className = 'error_hide';
					if (document.getElementById(reqFields[i] + '_error_invalid')) {
						document.getElementById(reqFields[i] + '_error_invalid').className = 'error_hide';
					}
				}
			}
		}
	}

	//LOOP THROUGH SELECT FIELDS REQUIRED
	for ( var i=0, len=reqSelects.length; i<len; ++i ){
		if (document.getElementById(reqSelects[i]).options[document.getElementById(reqSelects[i]).selectedIndex].value == dropdownDefault) {
			//SOMETHING OTHER THAN THE DEFAULT MUST BE SELECTED
			document.getElementById(reqSelects[i] + '_error').className = 'error_show';
			if (document.getElementById(reqSelects[i] + '_error_other')) {
				//IF THERE IS AN OTHER FIELD ATTACHED THEN HIDE IT'S ERROR AS IT IS NOT AN OTHER BLANK ERROR
				document.getElementById(reqSelects[i] + '_error_other').className = 'error_hide';
			}
			oneBlank = true;
		} else {
			//CHECK THAT THE OTHER BOX IS FILLED IF OTHER WAS SELECTED
			if (document.getElementById(reqSelects[i]).options[document.getElementById(reqSelects[i]).selectedIndex].value == "Other" && document.getElementById(reqSelects[i] + 'OtherText').value == "") {
				//THE OTHER BOX IS BLANK WHEN OTHER HAS BEEN SELECTED
				document.getElementById(reqSelects[i] + '_error_other').className = 'error_show';
				document.getElementById(reqSelects[i] + '_error').className = 'error_hide';
				break;
			} else {
				//OTHER WAS SELECTED AND A VALUE WAS ENTERED SO ALL IS GOOD, HIDE ALL ERRORS
				document.getElementById(reqSelects[i] + '_error').className = 'error_hide';
				if (document.getElementById(reqSelects[i] + '_error_other')) {
					document.getElementById(reqSelects[i] + '_error_other').className = 'error_hide';
				}
			}
		}
	}

	//LOOP THROUGH GROUPCHECKS REQUIRED
	for ( var m=0, len=reqGroups.length; m<len; ++m ){
		for ( var i=0, lenm=document.getElementsByName(reqGroups[m]).length; i<lenm; ++i ){
			if (document.getElementsByName(reqGroups[m]).item(i).checked) {
				//ATLEAST ONE ITEM HAS BEEN CHECKED, NOW CHECK IF IT IS AN 'OTHER' ITEM, AND IF THIS ASSOCIATED BOX IS FILLED
				if (document.getElementsByName(reqGroups[m]).item(i).value=="Other" && document.getElementById(reqGroups[m] + 'OtherText').value == "") {
					//THE OTHER BOX IS BLANK WHEN OTHER HAS BEEN SELECTED
					document.getElementById(reqGroups[m] + '_error_other').className = 'error_show_alt';
					document.getElementById(reqGroups[m] + '_error').className = 'error_hide_alt';
					break;
				} else {
					//OTHER WAS SELECTED AND A VALUE WAS ENTERED SO ALL IS GOOD, HIDE ALL ERRORS
					if (document.getElementById(reqGroups[m] + '_error_other')) {
						document.getElementById(reqGroups[m] + '_error_other').className = 'error_hide_alt';
					}
					document.getElementById(reqGroups[m] + '_error').className = 'error_hide_alt';
					oneChecked = true;
				}
			} else if (i == len-1 && !oneChecked) {
				//THE END OF THE COLLECTION HAS BEEN REACHED AN NO ITEMS WERE CHECKED, SHOW ERROR
				document.getElementById(reqGroups[m] + '_error_other').className = 'error_hide_alt';
				document.getElementById(reqGroups[m] + '_error').className = 'error_show_alt';
			}
		}
	}

	//CHECK FOR MATCHING FIELDS
	for ( var i=0, len=reqMatches.length; i<len; ++i ){
		var tmpStr = reqMatches[i]
		var match_a = tmpStr.substring(0,tmpStr.indexOf('|'))
		var match_b = tmpStr.substring(tmpStr.indexOf('|')+1,tmpStr.length)
		//SET VARIABLES FOR MATCHING FIELDS
		if (match_a != "") {
			//THE FIRST ITEM IN THE MATCH IS NOT BLANK, SO CHECK IF THE SECOND MATCHES
			if (document.getElementById(match_a).value != document.getElementById(match_b).value) {
				//THE FIELDS DO NOT MATCH
				document.getElementById(match_b + '_error_match').className = 'error_show';
				oneBlank = true;
			} else {
				//THEY MATCH SO HIDE ALL ERRORS
				document.getElementById(match_b + '_error').className = 'error_hide';
				document.getElementById(match_b + '_error_match').className = 'error_hide';
			}
		}
	}

	//DECIDE WHETHER TO SUBMIT THE FORM OR NOT
	if (!oneBlank)
	{
		//collapse1.slidedown();
		setTimeout("submitForm()", 1500);
	}
}

function checkEmail(obj) {
	//CHECK EMAIL ADDRESS VALIDITY
	if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(obj.value)){
		return (true)
	}
	return (false)
}

function submitForm() {
	document.testOnlineFormName.submit();
}