var stage = 0;
	var pagemode = 0;
	var BaseURL = 'http://watsonrealestate.com.au/'
	var IntroURL = 'http://watsonrealestate.com.au/index.php';
	var NewURL = '';
	var faders = new Array();
	for (i = 0; i < 101; i++)
	{
		faders[i] = new Image(1,1);
		if (i < 10){inum = '00'+i;}
		else{if(i < 100){inum = '0'+i;}else{inum = i;}}
		faders[i].src = BaseURL+'images/f'+inum+'.png';
	}
// Functions called from web page events -------------------------------------------------------------------------------------------------------------------------------------------------------------
	function StartAnim() //Called from body onLoad event to begin page entry animation
	{
		if (document.URL.match("do.php"))
		{
			document.getElementById('anim0').style.left = -160+'px';
			document.getElementById('anim5').style.left = 808+'px';
			document.getElementById('anim4').style.top = 96+'px';
			setTimeout('RunChangeAnim()', 1);
		}else
		{
			document.getElementById('anim0').style.left = -160+'px';
			document.getElementById('fade1').style.backgroundImage = 'url(\''+faders[100].src+'\')';
			document.getElementById('fade2').style.backgroundImage = 'url(\''+faders[100].src+'\')';
			document.getElementById('fade3').style.backgroundImage = 'url(\''+faders[100].src+'\')';
			document.getElementById('anim4').style.top = 96+'px';
			document.getElementById('anim5').style.left = 0;
			setTimeout('RunIntroAnim()', 10);
		}
	}
	function ChangePage(url, clua) //Called from navbar onClick event to begin page exit animation
	{
		if (url > 0){NewURL = BaseURL+'do.php?p='+url+'&c='+clua;}
		else{NewURL = BaseURL+'index.php?c='+clua;}
		stage = 0; pagemode = 0;
		document.getElementById('anim5').style.left = '0';
		setTimeout('RunExitAnim()', 1);
	}
	function ChangeFromForm(pmode) //Called from POST mode form submittal to switch to result page
	{
		NewURL = "";
		stage = 0; pagemode = pmode;
		document.getElementById('anim5').style.left = '0';
		setTimeout('RunExitAnim()', 1);
	}
	function ChangeGetPage(url) //Called from search result page to show property page given a GET mode (stateful) URL
	{
		if (url.length){NewURL = BaseURL+url;}else{NewURL = BaseURL+index.php;}
		stage = 0; pagemode = 0;
		document.getElementById('anim5').style.left = '0';
		setTimeout('RunExitAnim()', 1);
	}
//Internal Functions run from setTimeout: not to be called from page events --------------------------------------------------------------------------------------------------------------------------
	function RunIntroAnim() //Animation displayed on entering home page
	{
		switch (stage)
		{
			case 0: //Watson logo scrolls into sidebar from left
				var pos = parseInt(document.getElementById('anim0').style.left);
				if (pos < 0)
				{
					pos += 8;
					document.getElementById('anim0').style.left = pos+'px';
				}else{
					document.getElementById('anim0').style.left = '0';
					stage = 1;
				}
				setTimeout('RunIntroAnim()', 1);
				break;
			case 1: // Picture 1 in main body fades in from background color
				var elem = document.getElementById('fade1');
				var fadeval = elem.style.backgroundImage.replace(/\D/g, '');
				if (fadeval > 0)
				{
					fadeval -= 2;
					elem.style.backgroundImage = 'url(\''+faders[fadeval].src+'\')';
				}else
				{
					elem.style.backgroundImage = '';
					elem.style.background = 'transparent';
					stage = 2;
				}
				setTimeout('RunIntroAnim()', 10);
				break;
			case 2: // Picture 2 in main body fades in from background color
				var elem = document.getElementById('fade2');
				var fadeval = elem.style.backgroundImage.replace(/\D/g, '');
				if (fadeval > 0)
				{
					fadeval -= 2;
					elem.style.backgroundImage = 'url(\''+faders[fadeval].src+'\')';
				}else
				{
					elem.style.backgroundImage = '';
					elem.style.background = 'transparent';
					stage = 3;
				}
				setTimeout('RunIntroAnim()', 10);
				break;
			case 3: // Picture 3 in main body fades in from background color
				var elem = document.getElementById('fade3');
				var fadeval = elem.style.backgroundImage.replace(/\D/g, '');
				if (fadeval > 0)
				{
					fadeval -= 2;
					elem.style.backgroundImage = 'url(\''+faders[fadeval].src+'\')';
				}else
				{
					elem.style.backgroundImage = '';
					elem.style.background = 'transparent';
					stage = 4;
				}
				setTimeout('RunIntroAnim()', 10);
				break;
			case 4: //Navbar in main body scrolls up from bottom
				var pos = parseInt(document.getElementById('anim4').style.top);
				if (pos > 0)
				{
					pos -= 8;
					document.getElementById('anim4').style.top = pos+'px';
				}else{
					document.getElementById('anim4').style.top = '0';
					stage = 5;
				}
				setTimeout('RunIntroAnim()', 1);
				break;
		}
	}
	function RunChangeAnim() //Animation displayed on entering new page other than home page
	{
		switch (stage)
		{
			case 0: //New page body scrolls in from right
				var pos = parseInt(document.getElementById('anim0').style.left);
				if (pos < 0)
				{
					pos += 8;
					document.getElementById('anim0').style.left = pos+'px';
				}else{
					document.getElementById('anim0').style.left = '0';
					stage = 1;
				}
				setTimeout('RunChangeAnim()', 1);
				break;
			case 1:
				var pos = parseInt(document.getElementById('anim5').style.left);
				if (pos > 0)
				{
					pos -= 24;
					document.getElementById('anim5').style.left = pos+'px';
				}else
				{
					document.getElementById('anim5').style.left = 0;
					stage = 2;
				}
				setTimeout('RunChangeAnim()', 1);
				break;
			case 2: //Navbar in main body scrolls up from bottom
				var pos = parseInt(document.getElementById('anim4').style.top);
				if (pos > 0)
				{
					pos -= 8;
					document.getElementById('anim4').style.top = pos+'px';
				}else{
					document.getElementById('anim4').style.top = '0';
					stage = 3;
				}
				setTimeout('RunChangeAnim()', 1);
				break;
		}
	}
	function RunExitAnim() //Animation displayed on exiting page by clicking on navbar button
	{
		switch (stage)
		{
			case 0: //Navbar in main body scrolls off bottom
				var pos = parseInt(document.getElementById('anim0').style.left);
				if (pos > -160)
				{
					pos -= 8;
					document.getElementById('anim0').style.left = pos+'px';
				}else{
					document.getElementById('anim0').style.left = '-160px';
					stage = 1;
				}
				setTimeout('RunExitAnim()', 1);
				break;
			case 1:
				var pos = parseInt(document.getElementById('anim4').style.top);
				if (pos < 96)
				{
					pos += 8;
					document.getElementById('anim4').style.top = pos+'px';
				}else{
					document.getElementById('anim4').style.top = '96px';
					stage = 2;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			case 2: //Page body scrolls off to right
				var pos = parseInt(document.getElementById('anim5').style.left);
				if (pos < 808)
				{
					pos += 24;
					document.getElementById('anim5').style.left = pos+'px';
		//alert('navpos = '+pos);
				}else
				{
					document.getElementById('anim5').style.left = '808px';
					stage = 3;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			case 3: //Change to new page
				switch (pagemode)
				{
					case 0:
						window.top.location = NewURL;
						break;
					case 1:
						document.frmSearch.submit();
						break;
					case 2:
						document.frmRegProp.submit();
						break;
					case 3:
						document.frmRegister.submit();
						break;
				}
				break;
		}
	}