var http = null;
var focused=null;
var activeMenu="menu1";
var divArray = new Array("logoDiv","menu","div1","div2","bkgDiv");
var imageFiles=new Array("notebook_06.png","notebook_04.png","notebook_02.png","notebook_05.png","me.jpg","notebook2_05.gi","notebook_07.png","notebook2_04.gi","notebook2_06.gi","notebook2_02.gi","notebook2_07.gi","menu22_03.gif","notebook_08.png","notebook2_08.gi","sitename.gif","menu22_01.gif","menu21_01.gif","menu22_06.gif","menu21_12.gif","menu22_12.gif","menu21_05.gif","cherrywood2.jpg","menu21_08.gif","menu22_05.gif","menu21_15.gif","menu22_08.gif","menu22_15.gif","menu21_10.gif","menu22_10.gif","menu22_09.gif","menu22_16.gif","menu22_04.gif","checkmark.gif","menu22_07.gif","menu21_11.gif","send_button.gif","menu22_17.gif","menu21_04.gif","menu21_07.gif","info_48.gif","menu22_14.gif","menu22_13.gif","menu22_18.gif","menu22_11.gif","menu21_09.gif","menu21_02.gif","menu22_19.gif","menu21_13.gif","menu21_14.gif","menu21_16.gif","w_24.png","w_19.png","w_06.png","w_03.png","w_20.png","w_21.png","w_10.png","w_04.png","w_12.png","wn_19.png","w_14.png","wn_06.png","wn_20.png","w_08.png","wn_24.png","wn_03.png","wn_04.png","wn_10.png","wn_08.png");
var pages=new Array("home.html","curriculum.html","rates.html","contact.html","location.html");

function isIEBrowser()
{
	 if(navigator.appName == "Microsoft Internet Explorer")
		return true;
	 else
	    return false;
}

function GetRef( obj ){
   var ref=document.getElementById(obj);
   //if (ref==null) alert("Can't find object: "+obj)
   return ref;
}

if (isIEBrowser())
   http= new ActiveXObject("Microsoft.XMLHTTP");
else
   http = new XMLHttpRequest();


function sendRequest(url)
{
   http.open("get", url);
   http.onreadystatechange = handleResponse;
   http.send(null);
}

function handleResponse()
{
   if (http.readyState == 4)
   {
      response = http.responseText;
      GetRef("content").innerHTML = response;
   }
}


function checkParms() 
{
	var msg = "Please enter ";
	var count = 0;

	
	if ( !hasValue("Name",0) ) {
		msg += "your name";
		count++;
	}
	if ( !hasValue("Phone",4) ) {
		if ( count==1 ) {
			if ( !hasValue("Message",0) )
				msg += ", ";
			else
				msg += " and "
			
		} else {
			msg += "your ";
		}
		msg += "phone number";
		count++;
	}
	if ( !hasValue("Message",0) ) {
		if ( count==1 )
			msg += " and a short ";
		else
		if ( count==2 )
			msg += ", and a short ";
		else {
			msg += "your ";
		}
		msg += "message";
		count++;
	}
	return count==0 ? null:msg;
}

function hasValue(id,length)
{
	var value = GetRef(id).value;
	if ( value!=undefined ) {
		value = value.replace(/^\s+|\s+$/g,"");
		GetRef(id).value = value;
	}
	return (value!=undefined && value.length>length);
}

function sendRequest2(url)
{
	var errmsg = checkParms();
	if ( errmsg ) {
		alert(errmsg);
		return;
	}
   GetRef('email_form').style.display='none';
   GetRef('sending_msg').style.display='block';

   var parms = "?Name="+escape(GetRef("Name").value);
   parms += "&Phone="+escape(GetRef("Phone").value);
   parms += "&Message="+escape(GetRef("Message").value);
   http.open("get", url+parms);
   http.onreadystatechange = handleResponse2;
   http.send(null);
}

function handleResponse2()
{
   if (http.readyState == 4)
   {
   	  if ( http.status==200 ) {
	      response = http.responseText;
	      GetRef("emailform_div").innerHTML = response;
	      GetRef('sending_msg').style.display='none';
      } else {
      	  GetRef('sending_msg').innerHTML = 'Failed to send your request. The server might be down.<br><br>Please try again later or give me a call at 613-599-9867.<br><br>Thank you,<br>Iryna';
      	  GetRef('sending_msg').style.textAlign = 'left';
      }
   }
}

var changeDivsCount=0;
function showEmailForm()
{
 changeDivsCount=0;
 changeDivs();
}

function changeDivs()
{
 var divId = focused;
 if (divId=="div1") divId="div2";
 else divId="div1";
 captureFocus(divId);
 if ( changeDivsCount++<1 )
  setTimeout(function(){changeDivs();}, 10);
}
 

function captureFocus(id) 
{
	if (!id) return;
	if ( focused==id ) return;
	var titleId;
	var passiveDiv;
	var passiveTitle;
	if (id=="div1") {
		titleId="title1";
		passiveDiv="div2";
		passiveTitle="title2";
	} else {
		titleId="title2"
		passiveDiv="div1";
		passiveTitle="title1";

	}
	GetRef(passiveDiv).style.zIndex=1;
	GetRef(passiveTitle).className = "passiveTitle";
	GetRef(id).style.zIndex=2;
	GetRef(titleId).className = "activeTitle";
	focused=id;
}

var i=0;
var loadingStarted = false;
function preloadImages() {
	setTimeout(workaround,2000);
  if (document.images) {
    if (typeof(document.obj) == 'undefined'){
      document.obj = new Object();
    }
    document.obj.loadedImages = new Array();
    loadImage();
  }
}

var savedi=-1;
function workaround()
{
	if ( savedi==i ) {
		var bar = GetRef("loadingbar");
		var wpi = 400/imageFiles.length;
		bar.width = (imageFiles.length+1)*wpi;
		setTimeout(completed,300);
	} else {
		savedi = i;
		setTimeout(workaround,2000);
	}
}

function loadImage()
{
if ( document.obj )
	document.obj.loadedImages[i] = new Image();
	document.obj.loadedImages[i].src = "images/"+imageFiles[i];
	if ( i<imageFiles.length ) {
		document.obj.loadedImages[i].onload = new Function("loadImage();");
	} else
		document.obj.loadedImages[i].onload = new Function("completed();");
	document.obj.loadedImages[i].onerror = new Function("completed();");
	document.obj.loadedImages[i].onabort = new Function("completed();");
	var bar = GetRef("loadingbar");
	var wpi = 400/imageFiles.length;
	bar.width=(i+1)*wpi;
	i++;
}

function completed() 
{
	var page = getPage();
	if ( "home.html"!=page ) loadPage(page);
	unhideAll();
	selectMenu(activeMenu);
	preloadMore();
}

function preloadMore() 
{
  var imageFiles=new Array("menu22_05.gif","menu22_08.gif","menu22_10.gif","menu22_12.gif","menu22_15.gif","banknotes.gif","contact.gif","map1.jpg","map2.jpg");
  var imgs = new Array();
  for ( i=0; i<imageFiles.length; i++ ) {
  	imgs[i] = new Image();
  	imgs[i].src = "images/"+imageFiles[i];
  }
}

function selectMenu(id) 
{
	if (activeMenu==id) return;
	var imgSrc = GetRef(activeMenu).src;
	imgSrc=imgSrc.replace("menu22_","menu21_");
	GetRef(activeMenu).src=imgSrc;
	activeMenu=id;
	imgSrc = GetRef(activeMenu).src;
	imgSrc=imgSrc.replace("menu21_","menu22_");
	GetRef(activeMenu).src=imgSrc;
}

function loadPage(url) 
{
	sendRequest(url);
}

function unhideAll()
{
	GetRef("loadingDiv").style.display="none";
	for ( i=0; i<divArray.length; i++ ) {
		GetRef(divArray[i]).style.display="block";
	}
	var imgSrc = GetRef(activeMenu).src;
	imgSrc=imgSrc.replace("menu21_","menu22_");
	GetRef(activeMenu).src=imgSrc;
}

function getPage()
{
	var i=0;
	var page="home.html";
	var parm=getUrlParameter("p");
	if (parm) {
		for (;i<pages.length; i++) {
			if (parm==pages[i]) {
				page=parm;
				activeMenu="menu"+(i+1);
				break;
			}
		}
	}
	return page;
}

function getUrlParameter(name)
{
	var url = self.location.href.toString();
	var parmIndex = url.indexOf(name+"=");
	if (parmIndex==-1) return;
	url = url.substring(parmIndex+name.length+1);
	var parmEnd = url.indexOf("#");
	if (parmEnd!=-1) {
		url = url.substring(0,parmEnd);
	} 
	parmEnd = url.indexOf("&");
	if (parmEnd!=-1) 
		url = url.substring(0,parmEnd);
	return url;
}