// JavaScript Document
var ts; //global variable for movement
var sctm, sctinf;  //variable for scolling function
var chng1 = 0;
var chng2 =0; 
var chng3 = 0;
var winstate = "closed";
var token = 1;
var topicon = "none";
var galicon = "none";
var startsequence = 0;
var changesequence = 0;
var curpnst = "one";
var mainstate = "stimulate";	// first level state
var substate = "welcome"		// second level state
var url1 = 'content/welcome1.php';
var url2 = 'content/welcome2.php';
var url3 = 'content/blank.html';
var curcrumb, gpane1url , gpane2url, gpane3url, gmnstate, gsbstate, gpnstate = '';


function ajaxpageseq(url, containerid){
	
	var page_request = false
	if (window.XMLHttpRequest) // if Mozilla, Safari etc
	page_request = new XMLHttpRequest()
	else if (window.ActiveXObject){ // if IE
	try {
	page_request = new ActiveXObject("Msxml2.XMLHTTP")
	} 
	catch (e){
	try{
	page_request = new ActiveXObject("Microsoft.XMLHTTP")
	}
	catch (e){}
	}
	}
	else
	return false
	page_request.onreadystatechange=function(){
	loadpage(page_request, containerid)
	}
	if (bustcachevar) //if bust caching of external page
	var bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
	page_request.open('GET', url+bustcacheparameter, true)
	page_request.send(null)
	
			changesequence++;
			openwindows(changesequence);
	
	}



function pausecomp(millis)
{
date = new Date();
var curDate = null;

do { var curDate = new Date(); }
while(curDate-date < millis);
return true;
} 

//////////////////////////////////////////////
//	function for opneing window and setting state of windows to 2open
//	input variable 
//////////////////////////////////////////

function open2windows(n){
	
	switch(n)
		{
			case 0:
			
				ajaxpage(url1, 'panebdy');
				ajaxpage(url2, 'pane2bdy');
				ajaxpage(url3, 'pane3bdy');
				ajaxpage('audio/12playerw.html', 'player');
				//ajaxpage('audio/player.html', 'player');
				rolloutdwnst('mainmenu',301,60,1);
				
				break;
			case 1:
				rolloutdwnst('panecrumb',168,19,1);
				break;
			case 2:
				rolloutdwnst('pane1',340,387,1);
				break;
			case 3:
				rolloutdwnst('pane2',340,387,1);
				break;
			case 4:
				loadobjs('scripts/drpdwn.js');
				document.getElementById('deact').style.visibility = "hidden";
				token=0;
				break;
		}
	
}



function rolloutdwnst(naameof,wid,hght,seq){
		
	clearTimeout(tft);
	var shadew = naameof + 'shadow';
	var currentWidth = parseInt(document.getElementById(naameof).style.width);
	if(currentWidth < (wid-3)){
		currentWidth = currentWidth + 20;
		document.getElementById(naameof).style.width = currentWidth + "px";
			if(document.getElementById(shadew)){
				document.getElementById(shadew).style.width = currentWidth + "px";
			}
		var tft = setTimeout("rolloutdwnst('"+naameof+"','"+wid+"','"+hght+"','"+seq+"')",1);
	}else{
		clearTimeout(tft);
		document.getElementById(naameof).style.width = wid + "px";
			if(document.getElementById(shadew)){
				document.getElementById(shadew).style.width = wid + "px";
			}
		pausecomp(150);
		resizeupst(naameof,hght,seq);
	}
	
	return true;
}

function resizeupst(naameof,hght,seq){
	
	clearTimeout(jft);
	var shadew = naameof + "shadow";
	var currentSize = parseInt(document.getElementById(naameof).style.height)
	if(currentSize < (hght-3)){
		currentSize = currentSize + 20;
		document.getElementById(naameof).style.height = currentSize + "px";
			if(document.getElementById(shadew)){
				document.getElementById(shadew).style.height = currentSize + "px";
			}
		var jft = setTimeout("resizeupst('"+naameof+"','"+hght+"','"+seq+"')",1);
	}else{
		clearTimeout(jft);
		document.getElementById(naameof).style.height = hght + "px";
			if(document.getElementById(shadew)){
				document.getElementById(shadew).style.height = hght + "px";
			}
		if(parseInt(seq) == 1){
			startsequence++;
			open2windows(startsequence);
		}
		if(parseInt(seq) == 2){
			changesequence++;
			openwindows(changesequence);
		}
	}
	return true;
}

///////////////////////////////////////////////////////
//
//	function to rarrange two shwing panes and adjust the third pane
//
//	wid1 width of first pane  wid2 width of second pane of1 space between first an second panes
// 	of2 space between second and third pane  wid3 width of third pane
//
/////////////////////////////////////////////

function tripane2(wid1, lef2, shad2, wid2, lef3, shad3, wid3,state){
	clearTimeout(trit);
if(state != curpnst){
	var pane1Size = parseInt(document.getElementById('pane1').style.width);
	var pane2Size = parseInt(document.getElementById('pane2').style.width);
	var pane3Size = parseInt(document.getElementById('pane3').style.width);
	var pane2Pos = parseInt(document.getElementById('pane2').style.left);
	var shad2Pos = parseInt(document.getElementById('pane2shadow').style.left);
	var pane3Pos = parseInt(document.getElementById('pane3').style.left);
	var shad3Pos = parseInt(document.getElementById('pane3shadow').style.left);
	
	var w1direc = (pane1Size > wid1) ? -1 :((pane1Size < wid1) ? 1 : 0);
	var w2direc = (pane2Size > wid2) ? -1 :((pane2Size < wid2) ? 1 : 0);
	var w3direc = (pane3Size > wid3) ? -1 :((pane3Size < wid3) ? 1 : 0);
	var l2direc = (pane2Pos > lef2) ? -1 :((pane2Pos < lef2) ? 1 : 0);
	var l3direc = (pane3Pos > lef3) ? -1 :((pane3Pos < lef3) ? 1 : 0);
	
	if(((w1direc == -1 && pane1Size > wid1)||(w1direc == 1 && pane1Size < wid1))||((w2direc == -1 && pane2Size > wid2)||(w2direc == 1 && pane2Size < wid2))|| pane2Pos > lef2){

		//resize pane1
		if((w1direc == -1 && pane1Size > wid1)||(w1direc == 1 && pane1Size < wid1)){
		pane1Size = pane1Size + w1direc*5;
		document.getElementById('pane1').style.width = pane1Size + "px";
		document.getElementById('pane1shadow').style.width = pane1Size + "px";
		}
		
		//resize pane2
		if((w2direc == -1 && pane2Size > wid2)||(w2direc == 1 && pane2Size < wid2)){
		pane2Size = pane2Size + w2direc*5;
		document.getElementById('pane2').style.width = pane2Size + "px";
		document.getElementById('pane2shadow').style.width = pane2Size + "px";
		}
		
		//slide pane2
		if((l2direc == -1 && pane2Pos > lef2)||(l2direc == 1 && pane2Pos < lef2)){
		pane2Pos = pane2Pos + l2direc*5;
		shad2Pos = shad2Pos + l2direc*5;
		document.getElementById('pane2').style.left = pane2Pos + "px";
		document.getElementById('pane2shadow').style.left = shad2Pos + "px";
		}

		
		var trit = setTimeout("tripane2('"+wid1+"','"+lef2+"','"+shad2+"','"+wid2+"','"+lef3+"','"+shad3+"','"+wid3+"','"+state+"')",3);

	}else{
	
		clearTimeout(trit);
		document.getElementById('pane1').style.width = wid1 + "px" ;
		document.getElementById('pane1shadow').style.width = wid1 + "px" ;
		document.getElementById('pane2').style.width = wid2 + "px";
		document.getElementById('pane2shadow').style.width = wid2 + "px";
		document.getElementById('pane2').style.left = lef2 + "px";
		document.getElementById('pane2shadow').style.left = shad2 + "px";
		document.getElementById('pane3').style.left = lef3 + "px";
		document.getElementById('pane3shadow').style.left =  shad3 + "px";
		
		rolloutdwnst('pane3',wid3,387,0);
		
		/* for when shadows worked out*/
		
		var dimwit = parseInt(document.getElementById('pane2').style.left)+ parseInt(wid2);
		if(parseInt(document.getElementById('pane3').style.left) == dimwit){
			document.getElementById('pn2shadow').src = "images/340x3872.gif";
		}else{
			document.getElementById('pn2shadow').src = "images/340x387.gif";
		}
			
		
		
		changesequence = 12;
		
		curpnst = state;
		openwindows(changesequence);
	}
	return true;
}else{
	return true;
}

}

////////////////////////////////////////////////////////////////////////////////////////////////
//
//        FUNCTION   scrolltil('pane1bdy','pane1con',-1, 'upw','donw')
//
//scroling up and down funtion
// cntent = id of div that holds the content information  : cntain = div holding content div
// direc = direction of scroll with 1 = up and -1 = down : nexbtn = id of scrollup button
// prevbtn = id of scroll down btn
//-------------------------------------------------------------------------------------------
function scrolltil( cntent, cntain, direc, nexbtn, prevbtn ){
	clearTimeout(sctm);
	var lala = document.getElementById(cntent).offsetHeight;
	var ala = document.getElementById(cntain).offsetHeight;
	var gotos = lala - ala;
	var gots = ala - lala;
	var tpbdy = parseInt(document.getElementById(cntent).style.top);

	if((direc == 1 && tpbdy > gots)||(direc == -1 && tpbdy < 0)){
			tpbdy = tpbdy - direc*1;
			document.getElementById(cntent).style.top = tpbdy + "px";
			sctm = setTimeout("scrolltil('"+cntent+"', '"+cntain+"', '"+direc+"', '"+nexbtn+"', '"+prevbtn+"')",30);
		if(tpbdy < 0){
			document.getElementById(prevbtn).style.visibility = "visible";
		}else{
			document.getElementById(prevbtn).style.visibility = "hidden";
		}
		
		if(tpbdy > gots){
			document.getElementById(nexbtn).style.visibility = "visible";
		}else{
			document.getElementById(nexbtn).style.visibility = "hidden";		
		}
			//alert('d');
	}else{
		clearTimeout(sctm);
	}
	return true;
}

function panejump( cntent, cntain, direc, nexbtn, prevbtn ){
	
	var lala = document.getElementById(cntent).offsetHeight;
	var ala = document.getElementById(cntain).offsetHeight;
	var gotos = lala - ala;
	var gots = ala - lala;
	var tpbdy = parseInt(document.getElementById(cntent).style.top);

	if((direc == 1 && tpbdy > gots)||(direc == -1 && tpbdy < 0)){
			tpbdy = tpbdy - direc*20;
			document.getElementById(cntent).style.top = tpbdy + "px";
		if(tpbdy < 0){
			document.getElementById(prevbtn).style.visibility = "visible";
		}else{
			document.getElementById(prevbtn).style.visibility = "hidden";
		}
		
		if(tpbdy > gots){
			document.getElementById(nexbtn).style.visibility = "visible";
		}else{
			document.getElementById(nexbtn).style.visibility = "hidden";		
		}
			//alert('d');
	}
	return true;
}

function scrollinf( cntent, cntain, direc ){
	clearTimeout(sctinf);
	var lala = document.getElementById(cntent).offsetHeight;
	var ala = document.getElementById(cntain).offsetHeight;
	var restrt = -1*(lala);
	var tpbdy = parseInt(document.getElementById(cntent).style.top);
	//alert(gots);
	//alert(tpbdy);
	if(tpbdy <= restrt){
	tpbdy = ala;		
	}else{
		tpbdy = tpbdy - direc*1;
	}
	document.getElementById(cntent).style.top = tpbdy + "px";
	sctinf = setTimeout("scrollinf('"+cntent+"', '"+cntain+"', '"+direc+"')",60);
}

//////////////////////////////////////////////////////////////////
//	function link12(pane1url, pane2url, pane3url, mnstate, sbstate, pnstate)
//  pane1url, pane2url, pane3url : URLs for panes 1 2 & 3
//	mnstate, sbstate, pnstate : State of main sub and panel moving to
//
//
//////////////////////////////////////////////////

function link12(pane1url, pane2url, pane3url, mnstate, sbstate, pnstate){
	
	
	
	if(token==1){
		return;
	}else{
	token=1;
	//deactivate menu
	document.getElementById('deact').style.visibility = "visible";
	
	chng1 = (gpane1url == pane1url)? 1:0;
	gpane1url = pane1url;
	chng2 = (gpane2url == pane2url)? 1:0;
	gpane2url = pane2url;
	chng3 = (gpane3url == pane3url)? 1:0;
	gpane3url = pane3url;
	gmnstate = mnstate;
	gsbstate = sbstate;
	gpnstate = pnstate;
	changesequence = 0;
	
	//alert(gpnstate);
	
// is substate changeing  1
	if(sbstate != substate){
		//alert('1');
		changesequence = 0;
// is main state changing  0
	}else{
		//alert('2');
		changesequence = 4;
	
	}
// is panestate changing  
		
	openwindows(changesequence);	
	
	}// ---- end  link12
}


function openwindows(n){
		//alert("n: "+n);
	switch(n)
		{
			// state is changing close panes
			case 0:
				resize('pane3');
				break;
			case 1:
				resize('pane2');
				break;
			case 2:
				resize('pane1');
				break;		
			case 3:
			//alert('3');
				if(gmnstate != mainstate){     // if mainstate is changing close crumb pane and update the content
				resize('panecrumb');
				var crmtxt = 'content/crumb/' +gmnstate+'.html';
				ajaxpage(crmtxt, 'menutbtxt');
				}else{
					changesequence++;				// if mainstate is not changing skip to next in sequence
					openwindows(changesequence);
				}
				break;
				//windows are closed up date content of panes
			case 4:
			//alert('4');
				if(chng1 == 0){
				document.getElementById('donw').style.visibility = "hidden";
				document.getElementById('upw').style.visibility = "hidden";
				document.getElementById('panebdy').style.top = "0px";
				ajaxpageseq(gpane1url, 'panebdy');				
				}else{
					changesequence++;				// if mainstate is not changing skip to next in sequence
					openwindows(changesequence);
				}
				break;
				
			case 5:
			//alert('5');
			if(chng2 == 0){
				document.getElementById('nigel').src = "images/BannerIcons/nigel.jpg";
				document.getElementById('brendon').src = "images/BannerIcons/brendon.jpg";
				document.getElementById('sheldon').src = "images/BannerIcons/sheldon.jpg";
				document.getElementById('makesi').src = "images/BannerIcons/makesi.jpg";
				document.getElementById('john').src = "images/BannerIcons/john.jpg";
				if(document.getElementById('12spt')){
				document.getElementById('12spt').src = "images/glry.gif";
				}
				if(document.getElementById('fellow')){
				document.getElementById('fellow').src = "images/glry.gif";
				}
				if(document.getElementById('mlove')){
				document.getElementById('mlove').src = "images/glry.gif";
				}
				if(document.getElementById('live')){
				document.getElementById('live').src = "images/glry.gif";
				}
				topicon = "none";
				galicon = "none";
				document.getElementById('donw2').style.visibility = "hidden";
				document.getElementById('upw2').style.visibility = "hidden";
				document.getElementById('pane2bdy').style.top = "0px";
				ajaxpageseq(gpane2url, 'pane2bdy');
				}else{
					changesequence++;				// if mainstate is not changing skip to next in sequence
					openwindows(changesequence);
				}
				break;
			
			case 6:
			//alert('6');
			if(chng3 == 0){
				document.getElementById('donw3').style.visibility = "hidden";
				document.getElementById('upw3').style.visibility = "hidden";
				document.getElementById('pane3bdy').style.top = "0px";
				ajaxpageseq(gpane3url, 'pane3bdy');
				}else{
					changesequence++;				// if mainstate is not changing skip to next in sequence
					openwindows(changesequence);
				}
				break;
			
			case 7:
			//alert('7');
				if(gsbstate != substate){
					changesequence++;				
					openwindows(changesequence);
					break
				}
					changesequence = 12;				
					openwindows(changesequence);
				break;
				// open back panes
			case 8:
			//alert('8');
				rolloutdwnst('panecrumb',168,19,2);
				break;
			case 9:
			//alert('9');
				if(gpnstate == 'five'){
						changesequence = 11;
						openwindows(changesequence);
						break;
				}
				rolloutdwnst('pane1',340,387,2);
				break;
			case 10:
			//alert('10');
				document.getElementById('pane2').style.left = "536px";
				document.getElementById('pane2shadow').style.left = "539px";
				rolloutdwnst('pane2',340,387,2);
				break;
				//state is not changing pane state is changing either to four or five
			case 11:
			//alert('11');
				//alert("state: "+gpnstate  +"   currnet:"+curpnst);
				if(gpnstate == 'four'){
						changesequence = 13;
						openwindows(changesequence);
					break;
					}else if(gpnstate == 'five'){
						changesequence = 14;
						openwindows(changesequence);
					break;
					}else{				
					changesequence++;				
					openwindows(changesequence);
					break;
					}
					break;
			case 12:
			//alert('12');
				
				var crumvis = mainstate + "sub";
				var crumbl = substate + "ls";
				if(document.getElementById(crumvis)){
						document.getElementById(crumvis).style.visibility = "hidden";
						document.getElementById(crumbl).style.color = "#000000";
					}
				mainstate = gmnstate;
				substate = gsbstate;
				curpnst  = gpnstate;
				// reactivate menu
				
					document.getElementById('deact').style.visibility = "hidden";
					token=0;
				crumvis = mainstate + "sub";
				crumbl = substate + "ls";
				
				if(document.getElementById(crumvis)){
						document.getElementById(crumvis).style.visibility =  "visible";
						document.getElementById(crumbl).style.color = "#333399";
					}
				showscroll('panebdy','panecon', 'upw');
				showscroll('pane2bdy','pane2con','upw2');
				showscroll('pane3bdy','pane3con','upw3');
					
				break;
			case 13:
			//alert('13');
				tripane2(280,464,467,100,580,583,340,'four');
				break;
			case 14:
			//alert('14');
				rolloutdwnst('pane1',150,387,2);
				break;
			case 15:	
			//alert('15');
				document.getElementById('pane2').style.left = "328px";
				document.getElementById('pane2shadow').style.left = "331px";
								
				rolloutdwnst('pane2',590,387,2);
				break;
			case 16:	
			//alert('16');
				changesequence = 12;
				openwindows(changesequence);
			break;
		
		}
	
}

function resize(naameof){
	clearTimeout(tft);
	var currentSize = parseInt(document.getElementById(naameof).style.height)
	var shad = naameof+'shadow';
	if(currentSize > 20){
		currentSize = currentSize - 20;
		document.getElementById(naameof).style.height = currentSize + "px";
		if(document.getElementById(shad)){
		document.getElementById(shad).style.height = currentSize + "px";
		}
		var tft = setTimeout("resize('"+naameof+"')",1);
	}else{
		clearTimeout(tft);
		document.getElementById(naameof).style.height = "20px";
		if(document.getElementById(shad)){
		document.getElementById(shad).style.height = "20px";
		}
		rollin(naameof);
		
	}
	return true;
}

function rollin(naameof){
	clearTimeout(kft);
	var currentWidth = parseInt(document.getElementById(naameof).style.width)
	var shad = naameof+'shadow';
	
	if(currentWidth > 12){
		currentWidth = currentWidth - 20;
		document.getElementById(naameof).style.width = currentWidth + "px";
		if(document.getElementById(shad)){
		document.getElementById(shad).style.width = currentWidth + "px";
		}
		var kft = setTimeout("rollin('"+naameof+"')",1);
	}else{
		clearTimeout(kft);
		document.getElementById(naameof).style.width = "0px";
		if(document.getElementById(shad)){
		document.getElementById(shad).style.width = "0px";
		}
		changesequence++;
		openwindows(changesequence);	
	}
	return true;
}

function setpic(imgs,pn){
	document.getElementById(pn).innerHTML = "<img src='"+imgs+"'>";
}

function changeHd(txt,pn){
	var hdtxt = pn+'hdtxt';
	document.getElementById(hdtxt).innerHTML = txt;
}

function showscroll( cntent, cntain, nexbtn ){
	
	var lala = document.getElementById(cntent).offsetHeight;
	var ala = document.getElementById(cntain).offsetHeight;
	var gots = lala - ala;
	
				
				//alert(cntent+"  : "+gots);
				
		if(gots > 0){
			document.getElementById(nexbtn).style.visibility = "visible";
		}else{
			document.getElementById(nexbtn).style.visibility = "hidden";
		}
	return true;
}

function changebg(state){
document.getElementById('bgimage').style.backgroundImage = "url(images/bck_gnd_"+state+".jpg)"
}

function settop(biname){
	document.getElementById(biname).src = "images/BannerIcons/"+biname+"_ovr.jpg";
	topicon = biname;
}

function setfol(biname){
	document.getElementById(biname).src = "images/glry_ovr.gif";
	galicon = biname;
}

function swapback(imname){
	if(topicon == imname){
		return;
	}else{
	MM_swapImgRestore()
	}
}

function swapbackfol(imname){
	if(galicon == imname){
		return;
	}else{
	MM_swapImgRestore()
	}
}

function hidehover(naameof){
	document.getElementById('finhover').style.height = "0px";
	document.getElementById('finhover').style.width = "0px"
	document.getElementById(naameof).style.visibility = "hidden";
}

function show(naameof,hgt,wdt){
	document.getElementById('finhover').style.top = 10+"px";
	document.getElementById('finhover').style.left = 10+"px";
	document.getElementById('finhover').style.height = hgt+"px";
	document.getElementById('finhover').style.width = wdt+"px"
	document.getElementById('flyimg').src = "flyers/"+naameof+"/"+naameof+".jpg"
	document.getElementById('finhover').style.visibility = "visible";
}


function changestbg(naameof) {
	document.getElementById("stagecnt").style.backgroundImage = "url(/images/bg/"+naameof+".jpg)";
}

function changecr(naameof) {
	curcrumb = document.getElementById("crimg").src;
	curalt = document.getElementById("crimg").alt;
	document.getElementById("crimg").src = "/images/crum/"+naameof+".jpg";
	document.getElementById("crimg").alt = naameof;

}

function changecrbk() {
	 document.getElementById("crimg").src = curcrumb;
	 document.getElementById("crimg").alt = curalt;
}

function rollout(naameof,wid){
		
	clearTimeout(tft);
	var currentWidth = parseInt(document.getElementById(naameof).style.width);
	if(currentWidth < (wid-3)){
		currentWidth = currentWidth + 20;
		document.getElementById(naameof).style.width = currentWidth + "px";
			
		var tft = setTimeout("rollout('"+naameof+"','"+wid+"')",1);
	}else{
		clearTimeout(tft);
		document.getElementById(naameof).style.width = wid + "px";
			document.getElementById("menutp").style.visibility = "visible";
			document.getElementById("crumb").innerHTML = "<img id='crimg' name='crimg'  alt='home' src='/images/crum/home.jpg' />"
	}
	
	return true;
}