function changeStyle(style, element){
	document.getElementById(element).className=style;
}
function changePage(page){
	if(page=='gallery'){
		document.getElementById("logo").innerHTML='';
		document.getElementById("pageHolder").innerHTML='';
		window.location.hash = page;
		show('galleryDiv');
		document.getElementById('galleryIntro').innerHTML='If you would like to add your own images of the lake to this gallery then please email them to us.<br />You will find the address on the <a href="#" onClick=\'changePage("booking")\'>Bookings</a> Page';
		hide('pageHolder');
	}else{
		show('pageHolder');
		fade('pageHolder');
		document.getElementById('galleryIntro').innerHTML='';
		hide('galleryDiv');
		var xmlHttp;
		try{
			// Firefox, Opera 8.0+, Safari
			xmlHttp=new XMLHttpRequest();
		}catch (e){
			// Internet Explorer
			try{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}catch (e){
				try{
					xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
				}catch (e){
					alert("Your browser does not support AJAX!");
					return false;
				}
			}
		}
		xmlHttp.onreadystatechange=function(){
			if(xmlHttp.readyState==4){
				document.getElementById("logo").innerHTML='<img src="images/logo.png" alt="Forest Lakes" />';
				document.getElementById("pageHolder").innerHTML=xmlHttp.responseText;
				setTimeout("fade('pageHolder')",100);
				window.location.hash = page;
			}else{
				document.getElementById("pageHolder").innerHTML="<img src='scripts/loading2.png' />";
			}
		}
		var address="pages/"+page+"Page.php";
		xmlHttp.open("GET",address,true);
		xmlHttp.send(null);
	}
}
function getHash(){
	var hash=window.location.hash.split('#');
	var page;
	if(hash==',about'){
		page='about';
	}else if(hash==',booking'){
		page='booking';
	}else if(hash==',gallery'){
		page='gallery';
	}else if(hash==',index'){
		page='index';
	}else if(hash==',prices'){
		page='prices';
	}else if(hash==',rules'){
		page='rules';
	}else{
		page='index';
	}
	changePage(page);
}
var TimeToFade = 1000.0;

function animateFade(lastTick, eid){
	var curTick = new Date().getTime();
	var elapsedTicks = curTick - lastTick;
 
	var element = document.getElementById(eid);
 
	if(element.FadeTimeLeft <= elapsedTicks){
		element.style.opacity = element.FadeState == 1 ? '1' : '0';
		element.style.filter = 'alpha(opacity = '+ (element.FadeState == 1 ? '100' : '0') + ')';
		element.FadeState = element.FadeState == 1 ? 2 : -2;
		return;
	}
	 
	element.FadeTimeLeft -= elapsedTicks;
	var newOpVal = element.FadeTimeLeft/TimeToFade;
	if(element.FadeState == 1)
		newOpVal = 1 - newOpVal;

	element.style.opacity = newOpVal;
	element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
	 
	setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}
function fade(eid){
	var element = document.getElementById(eid);
	if(element == null)
    return;
   
	if(element.FadeState == null){
		if(element.style.opacity == null || element.style.opacity == ''|| element.style.opacity == '1'){
			element.FadeState = 2;
		}else{
			element.FadeState = -2;
		}
	}
   
	if(element.FadeState == 1 || element.FadeState == -1){
		element.FadeState = element.FadeState == 1 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
	}else{
		element.FadeState = element.FadeState == 2 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade;
		setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
	}  
}