<!-- Begin

function popUp(URL) {
day = new Date();
id = 1; //day.getTime();
eval("prosperb" + id + " = window.open(URL, '" + id + "', 'titlebar=0,toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=no,width=540,height=600,left=0,top=0').focus();");
}

// End -->
// 0,menubar=0,resizable=no,width=260,height=308,left=388,top=240').focus();");

// The <div> tag must not have space in front of it
// Format:
// <a onClick="Toggle(this)"><img src="Images/sym_minus.gif"/></a><a href="lightbox.html">Lightbox</a><div></div>
//
function Toggle(node)
{
	// Unfold the branch if it isn't visible
	if (node.nextSibling.nextSibling.style.display == 'none')	// check the 'DIV'
	{
		// Change the image (if there is an image)
		if (node.children.length > 0)
		{
			if (node.children.item(0).tagName == "IMG")
			{
				node.children.item(0).src = "Images/sym_minus.JPG";
			}
		}

		node.nextSibling.nextSibling.style.display = '';
	}
	// Collapse the branch if it IS visible
	else
	{
		// Change the image (if there is an image)
		if (node.children.length > 0)		
		{
			// tagName must be in Uppercase
			if (node.children.item(0).tagName == "IMG")
			{
				node.children.item(0).src = "Images/sym_plus.JPG";
			}
		}

		node.nextSibling.nextSibling.style.display = 'none';
	}

}

// Turn on id1, turn off id2 and id3
function TurnOnOff(id1, id2, id3)
{
	var div1 = document.getElementById(id1);
	if (div1.style.display == '') {
		div1.style.display = 'none';
	} else {
		div1.style.display = '';
	}
	if (id2 != null) {
		var div2 = document.getElementById(id2);
		if (div2 != null) {
			div2.style.display = 'none';
		}
	}
	if (id3 != null) {
		var div3 = document.getElementById(id3);
		if (div2 != null) {
			div3.style.display = 'none';
		}
	}
}


<!-- Start of StatCounter Code http://www.statcounter.com -->
var sc_project=1436094; 
var sc_invisible=0; 
var sc_partition=13; 
var sc_security="f2f50670"; 
var sc_text=2; 
<!-- end of StatCounter Code -->


function loadContent(target, url) {
	new Ajax.Updater(target, url, {method: 'get', evalScripts: true});
}


// Used by the navigation links to get to the content in the content iframe
// e.g. in lightbox.html, <a onclick="?content=form&type=rma">
function gotoContent(loc, type, size) {
	$('center').innerHTML = getContent(loc, type, size);
	window.scrollTo(0,0);
}


// not used
function getContent(loc, type, size) {
	if (loc == 'form') {
		return form_generator(type);
	} else if (type == 'picture') {
		return picture_generator(loc, type,size);
	}
	return "";
}

function form_obj(middle_link, middle_name, form_link, form_name, form_title, description, required_fields) {
	this.middle_link = middle_link;
	this.middle_name = middle_name;
	this.form_link = form_link;
	this.form_name = form_name;
	this.form_title = form_title;
	this.description = description;
	this.required_fields = required_fields;
}

var form_objects = new Array();
form_objects["sales"] = new form_obj("?content=care", "Customer Care", "sales", "Sales, Pre-Sales Questions", 
	"Please use this form <span id='bold'>only</span> for volume discount, government order or custom order inquiries.",
	"Provide details on the volume needed, government order, or custom order.", 
	"realname,email,description");
form_objects["rma"] = new form_obj("?content=return", "Exchange, Return, Warranty and Life After", 
	"rma", "RMA Requester", 
	"Please use this form <span id='bold'>only</span> for exchange or return.",
	"Describe the reason for a return or exchange.", "realname,email,onumber,odate,description");
form_objects["warranty"] = new form_obj("?content=return", "Exchange, Return, Warranty and Life After", 
	"warranty", "Warranty Repair Requester", 
	"Please use this form <span id='bold'>only</span> for warranty repair.",
	"Describe the reason for a return or exchange.", "realname,email,onumber,odate,description");
form_objects["status"] = new form_obj("?content=care", "Customer Care", "status", "Order Status Inquiry", 
	"Please use this form <span id='bold'>only</span> for order status inquiry.",
	"Specify related information if needed", "realname,email,onumber,odate");
form_objects["support"] = new form_obj("?content=care", "Customer Care", "support", "Tech Support Questions", 
	"Please <span id='bold'>only</span> use this form for technical support or trouble shooting questions.",
	"Describe your problem here.", "realname,email,onumber,description");

/*
function s(kind) {
	var v = false;
	
	clear_fields();
	if ('sales' == kind) {
		v = verify_name() && verify_email() && verify_description(kind);
	} else if ('rma' == kind) {
		v = verify_name() && verify_email() && verify_onumber() && verify_odate(kind) && verify_description(kind);
	} else if ('warranty' == kind) {
		v = verify_name() && verify_email() && verify_onumber() && verify_odate(kind) && verify_description(kind);
	} else if ('status' == kind) {
		v = verify_name() && verify_email() && verify_onumber() && verify_odate(kind);
	} else if ('support' == kind) {
		v = verify_name() && verify_email() && verify_description(kind);
	} 
	
	if (v == true) {
		document.getElementById('subject').value = kind + ': ' + 
			(document.getElementById('onumber')!=undefined?document.getElementById('onumber').value+' - ':'')
			 + document.getElementById('realname').value;	
	}
	return v;
}
	*/

function clear_fields() {

	document.getElementById('error').innerHTML = '';
	document.getElementById('realname').style.backgroundColor = '';
	document.getElementById('email').style.backgroundColor = '';
	if (document.getElementById('onumber') != undefined) {
		document.getElementById('onumber').style.backgroundColor = '';
	}
	if (document.getElementById('odate') != undefined) {
		document.getElementById('odate').style.backgroundColor = '';
	}
}

function verify_name() {
	var value =document.getElementById('realname').value;
	if (value == '' || value.length > 40) {
		document.getElementById('error').innerHTML = "\""+value+"\" is not a valid name.";		
		document.getElementById('realname').style.backgroundColor = 'yellow';
		return false;
	}
	return true;
}

function verify_email() {
	var value = document.getElementById('email').value;
	if (value.indexOf('@') < 2 || value.indexOf('.') < 5 || value.length < 7) {
		document.getElementById('error').innerHTML = "\""+value+"\" is not a valid email.";
		document.getElementById('email').style.backgroundColor = 'yellow';
		return false;
	}
	return true;
}
function verify_onumber() {
	var value = document.getElementById('onumber').value;
	if (value.indexOf('88PM-') != 0 || value.length != 10) {
		document.getElementById('error').innerHTML = "\""+value+"\" is not a valid order number.";
		document.getElementById('onumber').style.backgroundColor = 'yellow';
		return false;
	}
	return true;
}

// must be a valid date between 8/1/2007 and today
function verify_odate(kind) {
	var value = document.getElementById('odate').value;
	
	if (value == 'mm/dd/2007') {
		document.getElementById('error').innerHTML = "Please enter a valid order date.";
		document.getElementById('odate').style.backgroundColor = 'yellow';
		return false;	
	}
	var time = Date.parse(value);
	var order = new Date();
	order.setTime(time);
	
	time = Date.parse('777777');
	var fake = new Date(NaN);
	if (order.toString() == fake.toString()) {
		document.getElementById('error').innerHTML = "Please enter a valid order date.";
		document.getElementById('odate').style.backgroundColor = 'yellow';
		return false;	
	}

	time = Date.parse('07/31/2007');
	var begin = new Date();
	begin.setTime(time);
	begin.setHours(9);  // 8am
	var now = new Date();
	now.setHours(9);

	if (order < begin || order > now) {
		document.getElementById('error').innerHTML = (order.getMonth()+1)+'/'+order.getDate()+'/'+order.getFullYear()+' is not a valid order date.';
		document.getElementById('odate').style.backgroundColor = 'yellow';
		return false;
	}
	if (kind == 'rma') {
		if (now.getTime() - order.getTime() > 30*24*3600*1000) { // 30 days
			document.getElementById('error').innerHTML = 'Your return/exchange period has expired.';
			document.getElementById('odate').style.backgroundColor = 'yellow';
			return false;
		}
	}
	document.getElementById('odate').value = (order.getMonth()+1)+'/'+order.getDate()+'/'+order.getFullYear();
	
	return true;
}

function verify_description(kind) {
alert(form_objects[kind].description + "==" + document.getElementById('description').value);
	if (form_objects[kind].description == document.getElementById('description').innerHTML) {
		document.getElementById('error').innerHTML = 'Please enter a description.';
		document.getElementById('description').style.backgroundColor = 'yellow';
		return false;
	}
	return true;
}

function ss(kind){
	var v = false;
	
	clear_fields();
	if ('sales' == kind) {
		v = verify_name() && verify_email() && verify_description(kind);
	} else if ('rma' == kind) {
		v = verify_name() && verify_email() && verify_onumber() && verify_odate(kind) && verify_description(kind);
	} else if ('warranty' == kind) {
		v = verify_name() && verify_email() && verify_onumber() && verify_odate(kind) && verify_description(kind);
	} else if ('status' == kind) {
		v = verify_name() && verify_email() && verify_onumber() && verify_odate(kind);
	} else if ('support' == kind) {
		v = verify_name() && verify_email() && verify_onumber() && verify_description(kind);
	} 
alert("v = " + v);
	return v;
}

function f(elem){
	elem.style.backgroundColor='white';
	elem.select();
	elem.style.color = 'black';
}

function form_generator(kind) {
	var str = "\
	<table width='100%' border='0'>\
		<tr><td colspan='3'><a href='?content=lightbox' id='navigation_blue'>Home</a> >>\
			<a href=\"" + form_objects[kind].middle_link + "\" id='navigation_blue'>" + form_objects[kind].middle_name + " </a>>>\
			<a href=\"?content=form&type=" + form_objects[kind].form_link + "\" id='navigation_blue'>"
			+ form_objects[kind].form_name + " Form</a> \
		</td></tr>\
		<tr><td colspan='3'>&nbsp;</td></tr>\
		<tr> \
			<td class='font1' colspan='2' width='70%'>" + form_objects[kind].form_name + " </td>\
			<td class='font1'>Related Forms</td>\
		</tr>\
		<tr width='100%'>\
			<td colspan='2' width='80%'>\
				" + form_objects[kind].form_title + "\
			</td>\
			<td valign='top' rowspan='4' width='20%'>\
				<a href=\"?content=form&type=sales\">Sales Questions</a><br/>\
				<a href=\"?content=form&type=status\">Order Status</a><br/>\
				<a href=\"?content=form&type=support\">Tech Support</a><br/>\
				<a href=\"?content=form&type=rma\">RMA Requester</a><br/>\
				<a href=\"?content=form&type=warranty\">Repair Requester</a><br/>\
			</td> \
		</tr>\
		<tr>\
			<td colspan='3' id='error' style='color:red;font-weight:bold'></td>\
		</tr>\
		<tr>\
			<form method='POST' action='/cgi-sys/FormMail.cgi'>\
				<INPUT TYPE='hidden' NAME='recipient' VALUE='usa@prosperb.com'>\
				<INPUT TYPE='hidden' NAME='subject' VALUE='" + form_objects[kind].form_subject + "'>\
				<INPUT TYPE='hidden' NAME='redirect' VALUE='/submitted.html'>\
				<INPUT TYPE='hidden' NAME='required' VALUE='" + form_objects[kind].required_fields + "'>\
			<td>\
				Your name<span style='color:red'>*</span>:\
			</td>\
			<td>\
				<input type='text' id='realname' name='realname' \
					onfocus=\"f(this)\" value='' size='25' maxlength='25'/>\
			</td>\
		</tr>\
		<tr>\
			<td>Your email<span style='color:red'>*</span>:</td>\
			<td><input type='text' id='email' name='email' \
				onfocus=\"f(this)\" value='' size='25' maxlength='25'/>\
			</td>\
		</tr>\
		";
	if (kind != 'sales') {
		str += "\
		<tr>\
			<td>Order number<span style='color:red'>*</span>:</td>\
			<td><input type='text' id='onumber' name='onumber' \
				onfocus='f(this)' value='' size='25' maxlength='12'/>\
			</td>\
			<td>&nbsp;</td>\
		</tr>\
		<tr>\
			<td>Order date<span style='color:red'>" 
				+ (form_objects[kind].required_fields.indexOf('odate')>-1?"*":"")
			        + "</span>:</td>\
			<td><input type='text' id='odate' name='odate' \
				style='color:gray' onfocus='f(this)' value='mm/dd/2007' size='25' maxlength='10'/>\
			</td>\
			<td>&nbsp;</td>\
		</tr>\
		";
	}
	str += "\
		<tr>\
			<td>Description<span style='color:red'>"
				+ (form_objects[kind].required_fields.indexOf('description')>-1?"*":"")
				+"</span>:</td>\
			<td colspan='2'>\
				<textarea id='description' name='description' rows='5' cols='40' maxlength='200' \
					wrap valign='top' style='color:gray' onfocus=\"f(this)\">"
				+ form_objects[kind].description + "</textarea>\
			</td>\
		</tr>\
		<tr><td colspan='3'><span style='color:red'>*</span>: required fields</td></tr>\
		<tr>\
			<td colspan='2' align='center'>\
				<input type='submit' value='send' onclick=\""+"return ss('"+kind+"')\">\
			<td>&nbsp;</td>\
		</tr>\
		</form>\
	</table>\
		";
	return str;
}

// Limitation: the URL can <span id='bold'>only</span> contains 2 request parameters:
//  ?type=1sided&size=A2
function getRequestParameter(name) {

	var url=new String(window.location);
	return getStringParameter(url, name);
}

function getStringParameter(str, name) {
	var index = str.indexOf(name+"=");
	var value = null;
	if (index> 0) {
		var start = index+name.length+1;
		var amp = str.indexOf("&", start);
		var end = (amp > 0 && start < amp) ? amp : str.length;
		value=str.substring(start, end);
	}
	if (value == "null" || value == "") {
		value = null;
	}
	return value;
}


function lookup2(product_code, size_code) {
	if (size_code == null) {
		return cat.products[product_code];  // returning a product 
	}
	return cat.products[product_code].sizes[size_code];  // returning a product w/ the size
}

function fillRow(start, colsize) {
	var str = '';
	if (remainder(start, colsize) == 0) {
		return str;
	}
	for (k = start; k < (mod(start, colsize) + 1) * colsize; k++) {
		str += "<td>&nbsp;</td>";
		if (remainder(k,colsize) == colsize - 1) {
			str += "</tr>";
		}
	}
	return str;
}
