var browser = navigator.appName;

//trim whitespace from start and end of any string.
function trim(strText){
	strText=strText.replace(/^\s+/, '');
	strText=strText.replace(/\s+$/, '');
	return strText;
}

//function to open/close message window div
function msg(vis){
	if(vis == 0) document.getElementById('messageWin').style.visibility="hidden";
	else if(vis == 1) document.getElementById('messageWin').style.visibility="visible";
	else document.getElementById('messageWin').innerHTML=vis;
}

//function to close step pop-up window
function closeThisStep(){
	if(this.window.opener && !this.window.opener.closed){
		this.window.close();
		window.opener.focus();
	}
	else{
		location='torders.cfm';
	}
}

//function to switch selection of brands based on selected sport
function sportSelect(theSelection){
	document.getElementById('to_brand').options.length=0;
	for( var i=0, len=brandOptions[theSelection].length; i<len; i++){
		document.getElementById('to_brand').options.add(new Option(brandOptions[theSelection][i], brandOptions[theSelection][i].replace(/\s+/gi, ''), false, false));
	}
}

//unsynchonous http request for jerseys *******************************
var ro;
function handleResponse() {
	if(ro.readyState == 4){
		var response = trim(ro.responseText);
		if(ro.status == 200 && ro.responseText.indexOf('title06.gif') == -1){
			document.getElementById('jerseyDiv').innerHTML=response;
			//visual changes
			if(document.getElementById(chosenStyle)){
				document.getElementById(chosenStyle).style.background=colorClick;
			}
		}
		else{
			alert("We're sorry - an error ocurred.");
			document.getElementById('jerseyDiv').innerHTML="<div class='largeb' style='margin-top:120px; margin-left:150px; width:400px;'>We're sorry. An error has occurred.<BR>Please make another selection in few moments, or speak to someone directly at 1-800-950-8201.</div>";
		}
	}
}
function fetchJerseys(){
	document.getElementById('jerseyDiv').innerHTML="<div class='largeb' style='margin-top:120px; margin-left:240px;'>Please wait...</div>";
	theSport=document.getElementById('to_sport').options[document.getElementById('to_sport').selectedIndex].value;
	theBrand=document.getElementById('to_brand').options[document.getElementById('to_brand').selectedIndex].value;
	if(browser == "Microsoft Internet Explorer") ro = new ActiveXObject("Microsoft.XMLHTTP");
	else ro = new XMLHttpRequest();
	ro.open('get', 'torders-s1-req.cfm?theBrand='+theBrand+'&theSport='+theSport+'&pageFunction=getJerseys');
	ro.onreadystatechange = handleResponse;
	ro.send(null);
}


//jersey interaction ******************
var colorClick='#faa45e';
var colorOut='#f8f8f8';
var colorOver='#e9e9e9';
var jerseyReq;

function jClickResponse(){
	if(jerseyReq.readyState == 2){
		msg("Receiving response...");
	}
	if(jerseyReq.readyState == 4){
		var response = trim(jerseyReq.responseText);
		if(jerseyReq.status == 200 && jerseyReq.responseText.indexOf('title06.gif') == -1 && jerseyReq.responseText.indexOf('torders error') == -1){
			msg("Your jersey selection has been recorded.");
			setTimeout("msg(0)",1250);
		}
		else if(jerseyReq.responseText.indexOf('torders error') != -1){
			msg("We're sorry. An error has occurred. Please try again later.\nCODE:"+response);
			setTimeout("msg(0)",10000);
		}
		else{
			msg("We're sorry - your choice could not be recorded due to an error. Please try again later.");
			setTimeout("msg(0)",10000);
		}
	}
}
function jerseyClick(theId){
	msg(1);
	msg("Sending request...");
	//visual changes
	if(document.getElementById(chosenStyle)) document.getElementById(chosenStyle).style.background=colorOut;
	chosenStyle=theId;
	document.getElementById(theId).style.background=colorClick;
	//backend of jerseyclick
	if(browser == "Microsoft Internet Explorer") jerseyReq = new ActiveXObject("Microsoft.XMLHTTP");
	else jerseyReq = new XMLHttpRequest();
	jerseyReq.open('post', 'torders-s1-req.cfm');
	queryString='theStyle='+chosenStyle+'&pageFunction=recordJerseys';
	jerseyReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
	jerseyReq.send(queryString);
	jerseyReq.onreadystatechange = jClickResponse;
}