/* Set Path Variable 
 *************************************************************/ 
var root = "http://www.rami.com";

var return_page = window.location.pathname;


/* Request a Quote Form
 *************************************************************/
function launchQuoteRequest() {

	var message = '<img src="' + root + '/assets/img/form-header-raq.gif" height="30" class="form-header" /><hr><form action="' + root + '/includes/process-forms.php" id="quote-form" name="quote-form" onSubmit="return validateQuoteRequest()" method="post"><input type="hidden" id="form-function" name="form-function" value="quote-form" /><input type="hidden" id="return-page" name="return-page" value="' + return_page + '" /><table width="100%"><tr><td width="28" align="center" valign="bottom"><span class="form-num-one"></span></td><td><p class="label">Name*</p><input type="text" id="name" name="name" class="text-field" /></td><td><p class="label">Email*</p><input type="text" id="email" name="email" class="text-field" /></td></tr></table><hr><table width="100%"><tr><td width="28" align="center" valign="bottom"><span class="form-num-two"></span></td><td><p class="label">Part Number</p><input type="text" id="part_no" name="part_no" class="text-field" /></td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td colspan="2"><br><p class="label">Notes</p><textarea id="notes" name="notes" class="text-field"></textarea></td></tr></table><hr><table width="100%"><tr><td width="28" align="center" valign="bottom"><span class="form-num-three"></span></td><td><p class="label">How Would You Like to be Contacted?*</p><span class="group"><input type="radio" id="contacted-phone" name="contacted" value="phone" checked="checked" class="radio-btn" onChange="changeRequiredFields()" /> <label for="contacted-phone">By Phone</label> <input type="radio" id="contacted-email" name="contacted" value="email" class="radio-btn" onChange="changeRequiredFields()" /> <label for="contacted-email">By Email</label></span></td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td colspan="2"><br><p class="label">Phone<span id="checkIfRequired">*</span></p><input type="text" id="phone" name="phone" class="text-field" /></td></tr></table><hr><table width="100%"><tr><td width="28" align="center" valign="top"><span class="form-num-four"></span></td><td><input type="submit" value="" class="form-button-submit" /></td><td align="right"><p class="label">*These fields are required.</p></td></tr></table></form>';
	
    Shadowbox.open({
        content: '<div class="sb-message" style="width: 470px;">' + message + '</div>',
        player: "html",
        height: 700,
        width: 530
    });
};

function changeRequiredFields() {
	var radioPhoneValue = document.getElementById("contacted-phone").checked;
	var radioEmailValue = document.getElementById("contacted-email").checked;
	
	if (radioPhoneValue) {
		document.getElementById("checkIfRequired").innerHTML = "*";
	} else {
		document.getElementById("checkIfRequired").innerHTML = "";
		document.getElementById("phone").setAttribute("class", "text-field");
	}
}

function validateQuoteRequest() {
	var submitForm = true;
	var radioPhoneValue = document.getElementById("contacted-phone").checked;
	
	if (radioPhoneValue) {
		var formElements = Array("name","email","phone");
	} else {
		var formElements = Array("name","email");
	}
	
	for (var i = 0; i < formElements.length; i++) {
		if (document.getElementById(formElements[i]).value == "") {
			document.getElementById(formElements[i]).setAttribute("class", "text-field-error");
			submitForm = false;
		} else {
			document.getElementById(formElements[i]).setAttribute("class", "text-field");
		}
	}
		
	return submitForm;
}

/* Tech Support Form
 *************************************************************/
function launchTechSupport() {
	
	var message = '<img src="' + root + '/assets/img/form-header-cts.gif" height="30" class="form-header" /><hr><form action="' + root + '/includes/process-forms.php" id="support-form" name="support-form" onSubmit="return validateTechSupport()" method="post" target="_parent"><input type="hidden" id="form-function" name="form-function" value="support-form" /><input type="hidden" id="return-page" name="return-page" value="' + return_page + '" /><table width="100%"><tr><td width="28" align="center" valign="bottom"><span class="form-num-one"></span></td><td><p class="label">Name*</p><input type="text" id="name" name="name" class="text-field" /></td><td><p class="label">Email*</p><input type="text" id="email" name="email" class="text-field" /></td></tr></table><hr><table width="100%"><tr><td width="28" align="center" valign="bottom"><span class="form-num-two"></span></td><td colspan="2"><p class="label">How can we help you?*</p><textarea id="question" name="question" class="text-field"></textarea></td></tr></table><hr><table width="100%"><tr><td width="28" align="center" valign="top"><span class="form-num-three" style="top: -7px;"></span></td><td><input type="submit" value="" class="form-button-submit" /></td><td align="right"><p class="label">*These fields are required.</p></td></tr></table></form>';
	
	Shadowbox.open({
		content: '<div class="sb-message" style="width: 470px;">' + message + '</div>',
		player: "html",
		height: 500,
		width: 530
	});
};

function validateTechSupport() {
	var submitForm = true;
	var formElements = Array("name","email","question");
	
	for (var i = 0; i < formElements.length; i++) {
		if (document.getElementById(formElements[i]).value == "") {
			document.getElementById(formElements[i]).setAttribute("class", "text-field-error");
			submitForm = false;
		} else {
			document.getElementById(formElements[i]).setAttribute("class", "text-field");
		}
	}
		
	return submitForm;
}

/* Catalog Request Form
 *************************************************************/
/*
function launchCatalogRequest() {

	var message = '<img src="' + root + '/assets/img/form-header-rac.gif" height="30" class="form-header" /><hr><form action="' + root + '/includes/process-forms.php" id="catalog-form" name="catalog-form" onSubmit="return validateCatalogRequest()" method="post"><input type="hidden" id="form-function" name="form-function" value="catalog-form" /><input type="hidden" id="return-page" name="return-page" value="' + return_page + '" /><table width="100%"><tr><td width="28" align="center" valign="bottom"><span class="form-num-one"></span></td><td><p class="label">Name*</p><input type="text" id="name" name="name" class="text-field" /></td><td colspan="2"><p class="label">Email*</p><input type="text" id="email" name="email" class="text-field" /></td></tr></table><hr><table width="100%"><tr><td width="28" align="center" valign="bottom"><span class="form-num-two"></span></td><td colspan="3"><p class="label">Company Name</p><input type="text" id="company" name="company" class="text-field" style="width: 410px;" /></td></tr><tr><td>&nbsp;</td><td colspan="3"><br><p class="label">Address*</p><input type="text" id="addy1" name="addy1" class="text-field"  style="width: 410px;" /><br><input type="text" id="addy2" name="addy2" class="text-field"  style="width: 410px; margin-top: 5px;" /></td></tr><tr><td>&nbsp;</td><td width="50%"><br><p class="label">City*</p><input type="text" id="city" name="city" class="text-field" /></td><td width="25%"><br><p class="label">State/Province*</p><input type="text" id="state" name="state" class="text-field" style="width: 66px;" /></td><td width="25%"><br><p class="label">Zip/Postal Code*</p><input type="text" id="zip" name="zip" class="text-field" style="width: 72px;" /></td></td></tr><tr><td>&nbsp;</td><td colspan="3"><br><p class="label">Country*</p><input type="text" id="country" name="country" class="text-field" style="width: 410px;" /></td></tr><tr><td>&nbsp;</td><td><br><p class="label">Phone</p><input type="text" id="phone" name="phone" class="text-field" /></td><td colspan="2"><br><p class="label">Fax</p><input type="text" id="fax" name="fax" class="text-field" /></td></tr></table><hr><table width="100%"><tr><td width="28" align="center" valign="top"><span class="form-num-three" style="top: -7px;"></span></td><td><input type="submit" value="" class="form-button-submit" /></td><td align="right"><p class="label">*These fields are required.</p></td></tr></table></form>';
	
	Shadowbox.open({
		content: '<div class="sb-message" style="width: 470px;">' + message + '</div>',
		player: "html",
		height: 700,
		width: 530
	});
}


function validateCatalogRequest() {
	var submitForm = true;
	var formElements = Array("name","email","addy1","city","state","zip","country");
	
	for (var i = 0; i < formElements.length; i++) {
		if (document.getElementById(formElements[i]).value == "") {
			document.getElementById(formElements[i]).setAttribute("class", "text-field-error");
			submitForm = false;
		} else {
			document.getElementById(formElements[i]).setAttribute("class", "text-field");
		}
	}
		
	return submitForm;
}
*/
/* Contact Us Form
 *************************************************************/
function validateContactUs() {
	var submitForm = true;
	var formElements = Array("contact-name","contact-email","contact-question");
	
	for (var i = 0; i < formElements.length; i++) {
		if (document.getElementById(formElements[i]).value == "") {
			document.getElementById(formElements[i]).setAttribute("class", "text-field-error");
			submitForm = false;
		} else {
			document.getElementById(formElements[i]).setAttribute("class", "text-field");
		}
	}
		
	return submitForm;
}

/* Google Map Popup
 *************************************************************/
function launchMap() {
	
	var message = '<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=14500+168th+Ave.+Grand+Haven,+MI+49417&amp;sll=37.0625,-95.677068&amp;sspn=63.76909,121.992188&amp;ie=UTF8&amp;hq=&amp;hnear=14500+168th+Ave,+Grand+Haven,+Ottawa,+Michigan+49417&amp;ll=43.037717,-86.203279&amp;spn=0.025094,0.042915&amp;z=14&amp;output=embed"></iframe>';
	
	Shadowbox.open({
		content: '<div class="sb-message">' + message + '</div>',
		player: "html",
		height: 450,
		width: 600
	});
};



/* Placeholder Hack
 *************************************************************/
function placeholderHackEnter() {
	document.getElementById("postal-code").setAttribute("value", "");
}

function placeholderHackExit() {
	document.getElementById("postal-code").setAttribute("value", "Enter Zip Code");
}

function placeholderHackEnterSearch() {
	document.getElementById("part-number").setAttribute("value", "");
}

function placeholderHackExitSearch() {
	document.getElementById("part-number").setAttribute("value", "Enter Part Number");
}







