// *************************************************************************************************
//
// Utilities


function Delegate() {}
Delegate.create = function (o, f) {
	var a = new Array() ;
	var l = arguments.length ;
	for(var i = 2 ; i < l ; i++) {
		a[i - 2] = arguments[i] ;
	}
	return function() {
		var aP = [].concat(arguments, a) ;		
		f.apply(o, aP);
	}
}


//
// Retrieve a GET variable from the request
//
function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
  return false;
}




// *************************************************************************************************
//
// Product popups

var theProductPop = null;
function productPopup(target, image, contentID) {

	var pop = document.createElement("div");
	pop.style.position = "absolute";
	pop.style.marginLeft = "-5px";
	pop.style.marginTop = "-190px";
	
	target.insertBefore( pop, target.firstChild)	
	
	var so = new SWFObject("product_popup.swf", "popup_swf", "250", "208", "8", "#000000");
	so.addVariable("contentID", contentID); 
	so.addVariable("image", image); 
	so.addParam("scalemode", "noscale"); 
	so.addParam("wmode", "transparent"); 
	so.write(pop);
	
	window.theProductPop = target
}

document.onmouseup = function() {
	if( window.theProductPop ) {
		window.theProductPop.removeChild(window.theProductPop.firstChild)
		window.theProductPop = null;
	}
}






// *************************************************************************************************
//
// Tabs 

var selectedTab;
function setSelectedTab ( tabID ) {
	
	var tab = document.getElementById(tabID)
	var contentID = tabID.split("tab")[1]
	
	if(tab){	
		var defaultTab = document.getElementById('defaultTab');
		if(defaultTab){
			defaultTab.className = "";
		}
		if(selectedTab) {
			selectedTab.className = "";
		}
		
		selectedTab = tab
		
		tab.className = "on";
		loadElement('subContent','default.asp','contentID='+contentID,'get')
		
	}
}







// *************************************************************************************************
//
// Setup all auto-clear text fields

function setupAutoClearFields () {
	//
	// Grab all inputs with class="txtField"
	//
	var fields = document.getElementsByTagName("input");
	for(var i=0; i<fields.length; i++) {
		if(fields[i].className == "txtField") {
			makeAutoClearField(fields[i])
		}
	}
	//
	// Grab all textareas
	//
	var fields = document.getElementsByTagName("textarea");
	for(var i=0; i<fields.length; i++) {
		makeAutoClearField(fields[i])
	}
}
//
// make text input or textarea auto-clear
//
function makeAutoClearField(field) {

	field.defaultValue = field.value
	//
	field.onclick = function() {
		if(this.value == this.defaultValue){
			this.value=""
		}
	}
}
window.onload = function() {
	//
	// When page loads setup auto-clearing fields
	window.setupAutoClearFields();
}









// *************************************************************************************************
//
// AJAX stuff

//
// create a cross-browser XMLHttpRequest
//
function createXMLHttpRequest()
{
 var request = false;
 if(navigator.appName.indexOf("Explorer") > -1){
  request = new ActiveXObject("Msxml2.XMLHTTP");
  if(!request){
   request = new ActiveXObject("Microsoft.XMLHTTP");
  }
 }else{
  request = new XMLHttpRequest();
 }
 if (!request){
  alert("Error initializing XMLHttpRequest!");
 }
 return request;
}


//
// load a URL using XMLHttpRequest and
// pass output to a given element on the page
//
function loadElement(elem, url, params, method)
{
 var request = createXMLHttpRequest()

 window.pendingRequest = request
 window.pendingElement = elem
 request.onreadystatechange = onResponse
 
 
 if(method == "POST") {
  request.open(method, url, true);
  //Send the proper header information along with the request
  request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  request.setRequestHeader("Content-length", params.length);
  request.setRequestHeader("Connection", "close");

  request.send(params);
 }else{
  request.open(method, url + "?" + params, true);
  request.send(null);
 }
}



//
// response from XMLHttpRequest
//
function onResponse()
{
 var request = window.pendingRequest
 var elem = window.pendingElement

 //
 // response from server (readyState: 4)
 // check for status code 200 OK
 //
 if (request.readyState == 4 && request.status == 200) {
  var elemTag = document.getElementById(elem)
  
  elemTag.innerHTML = request.responseText
    
  if(window.popup) {
  	window.popup.center();
  	setupAutoClearFields();
  }
 }
};


// *************************************************************************************************





//
// BEGIN js popup class
//
var Popup = function(id,content)
{

 this.dim = document.createElement("div");
 this.dim.id = "dim"
 this.dim.onclick = function(){ 
 	window.popup.close(); 
 }
 
 document.body.appendChild(this.dim)

 this.popupObj = document.createElement("div");
 this.popupObj.id=id
 this.popupObj.className="popup"
 this.popupObj.owner = this
 if(content){
	 this.popupObj.appendChild(content)
 }
 document.body.appendChild(this.popupObj)
 window.popup = this;
}

Popup.prototype.hide = function()
{
 this.popupObj.style.visibility = "hidden"
}
Popup.prototype.show = function()
{
 this.popupObj.style.visibility = "visible"
}
Popup.prototype.moveTo = function(x,y)
{
 this.popupObj.style.left = x + "px";
 this.popupObj.style.top = y + "px";
}
Popup.prototype.moveBy = function(x,y)
{
 this.popupObj.style.left = ( parseInt(this.popupObj.style.left) + x ) + "px";
 this.popupObj.style.top = ( parseInt(this.popupObj.style.top) + y ) + "px";
}
Popup.prototype.center = function()
{
 if(navigator.appName.indexOf("Explorer") > -1){
  var x = ( document.body.offsetWidth / 2 ) - ( this.popupObj.offsetWidth / 2 );
  var y = ( document.body.offsetHeight / 2 ) - ( this.popupObj.offsetHeight / 2 );
 }else{
  var x = ( window.innerWidth / 2 ) - ( this.popupObj.offsetWidth / 2 )
  var y = ( window.innerHeight / 2 ) - ( this.popupObj.offsetHeight / 2 )
 }
 this.popupObj.style.left = x + "px"
 this.popupObj.style.top = y + "px"
}

Popup.prototype.close = function(x,y)
{
 document.body.removeChild(this.popupObj)
 document.body.removeChild(this.dim)
}
//
// END js popup
//




function makePopUpPage(url,params) {
	var p = new Popup('popup',null);
	loadElement('popup',url,params,'get');
 }


function makePopUpImage(src) {	
	//
	// Make container for image
	var frame = document.createElement("div")
	frame.className="popupFrame"

	//
	// Make header
//	var header = document.createElement("div")
//	header.className="popupHeader"
//	frame.appendChild(header)
	
	//
	// Attach Close Button
	var btn_close = document.createElement("img")
	btn_close.src = "/img/btn_close.gif";
	btn_close.className = "btn_close2";
	btn_close.onclick = function() {
		window.popup.close();
	}
//	header.appendChild(btn_close)
	frame.appendChild(btn_close)

	var br = document.createElement("br")
	frame.appendChild(br)

	
	//
	// Attach Image
	var img = document.createElement("img")
	var t = new Date().getTime();
	img.src = src + "?time=" + t
	img.style.cssFloat = "left";
	img.onload = function() {
		window.popup.center();
		window.popup.show();
	}
	frame.appendChild(img)
	//alert(frame.innerHTML)
	//
	// Make popup
	var p = new Popup('popup',frame);
	
	//
	// hide popup
	p.hide();
	
	// img.onload() will reveal and center the popup once the image has loaded
}




function swapImg(id, newSrc) {
	var img = document.getElementById(id)
	if(img) {
		img.src = newSrc
	}
}


function submitFranchiseeInfoForm() {

	var form = document.getElementById("franchiseeForm")

	if(form.f10.value == "" || form.f10.value == form.f10.defaultValue) {
		alert("Please enter your name");
		return false;
	}
	else if(form.f16.value == "" || form.f16.value == form.f16.defaultValue) {
		alert("Please enter your email address");
		return false;
	}
	else if(form.f11.value == "" || form.f11.value == form.f11.defaultValue) {
		alert("Please enter your address");
		return false;
	}
	else if(form.f13.value == "" || form.f13.value == form.f13.defaultValue) {
		alert("Please enter your city");
		return false;
	}
	else if(form.f14.value == "" || form.f14.value == form.f14.defaultValue) {
		alert("Please enter your province");
		return false;
	}
	else if(form.f15.value == "" || form.f15.value == form.f15.defaultValue) {
		alert("Please enter your postal code");
		return false;
	}

	form.submit();
	return true;
}