var stage = 0;
	var BaseURL = 'http://www.mystikan.com/'
	var IntroURL = 'http://www.mystikan.com/index.php';
	var NewURL = '';
	var speed1 = 32;
	var speed2 = 12;
// Functions called from web page events -------------------------------------------------------------------------------------------------------------------------------------------------------------
	function StartAnim() //Called from body onLoad event to begin page entry animation
	{
		var elem = null;
		if (elem = document.getElementById('anim0')){elem.style.display = '';}
		if (elem = document.getElementById('anim1')){elem.style.display = '';}
		if (elem = document.getElementById('anim2')){elem.style.display = '';}
		if (elem = document.getElementById('anim3')){elem.style.display = '';}
		if (elem = document.getElementById('anim4')){elem.style.display = '';}
		if (elem = document.getElementById('anim5')){elem.style.display = '';}
		if (elem = document.getElementById('anim6')){elem.style.display = '';}
		if (elem = document.getElementById('anim7')){elem.style.display = '';}
		if (elem = document.getElementById('anim8')){elem.style.display = '';}
		setTimeout('RunChangeAnim()', 10);
	}
	function ChangePage(url) //Called from javascript internal links event to begin page exit animation
	{
		stage = 0;
		NewURL = BaseURL+'index.php?p='+url;
		setTimeout('RunExitAnim()', 10);
	}
	function GoOffsite(url)
	{
		stage = 0;
		NewURL = url;
		setTimeout('RunExitAnim()', 10);
	}

//Internal Functions run from setTimeout: not to be called from page events --------------------------------------------------------------------------------------------------------------------------
	function RunChangeAnim() //Animation displayed on entering new page other than home page
	{
		var elem = null;
		switch (stage)
		{
			case 0: //Generic full-width body scrolls in from right, also first bar of gallery
				if (elem = document.getElementById('anim0'))
				{
					var pos = parseInt(elem.style.left);
					if (pos > 0)
					{
						pos -= speed1;
						elem.style.left = pos+'px';
					}else{
						elem.style.left = '0';
						stage = 1;
					}
				}else
				{
					stage = 1;
				}
				setTimeout('RunChangeAnim()', 10);
				break;
			case 1: //Full-width body scrolls in from left, second bar of gallery
				if (elem = document.getElementById('anim1'))
				{
					var pos = parseInt(elem.style.left);
					if (pos < 0)
					{
						pos += speed1;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = 0;
						stage = 2;
					}
				}else
				{
					stage = 2;
				}
				setTimeout('RunChangeAnim()', 10);
				break;
			case 2: //Full-width body scrolls in from right, third bar of gallery
				if (elem = document.getElementById('anim2'))
				{
					var pos = parseInt(elem.style.left);
					if (pos > 0)
					{
						pos -= speed1;
						elem.style.left = pos+'px';
					}else{
						elem.style.left = '0';
						stage = 3;
					}
				}else
				{
					stage = 3;
				}
				setTimeout('RunChangeAnim()', 10);
				break;
			case 3: //Sidebar of gallery scrolls in from left
				if(document.getElementById('gpre')){document.getElementById('gpre').style.display='none';}
				if (elem = document.getElementById('anim3'))
				{
					var pos = parseInt(elem.style.left);
					if (pos < 0)
					{
						pos += speed2;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = '0px';
						stage = 4;
					}
				}else
				{
					stage = 4;
				}
				setTimeout('RunChangeAnim()', 10);
				break;
			case 4: //Picture area of gallery scrolls in from right
				if (elem = document.getElementById('anim4'))
				{
					var pos = parseInt(elem.style.left);
					if (pos > (8 * (1 - isie)))
					{
						pos -= speed1;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = (8 * (1 - isie))+'px';
						stage = 5;
					}
				}else
				{
					stage = 5;
				}
				setTimeout('RunChangeAnim()', 10);
				break;
			case 5: //Sidebar of blog scrolls in from left
				if (elem = document.getElementById('anim5'))
				{
					var pos = parseInt(elem.style.left);
					if (pos < 0)
					{
						pos += speed2;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = '0px';
						stage = 6;
					}
				}else
				{
					stage = 6;
				}
				setTimeout('RunChangeAnim()', 10);
				break;
			case 6: //Main page of blog scrolls on from right
				if(document.getElementById('bpre')){document.getElementById('bpre').style.display='none';}
				if (elem = document.getElementById('anim6'))
				{
					var pos = parseInt(elem.style.left);
					if (pos > (8 * (1 - isie)))
					{
						pos -= speed1;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = (8 * (1 - isie))+'px';
						stage = 7;
					}
				}else
				{
					stage = 7;
				}
				setTimeout('RunChangeAnim()', 10);
				break;
			case 7: //Sidebar of home page in from left
				if (elem = document.getElementById('anim7'))
				{
					var pos = parseInt(elem.style.left);
					if (pos < 0)
					{
						pos += speed1;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = '0px';
						stage = 8;
					}
				}else
				{
					stage = 8;
				}
				setTimeout('RunChangeAnim()', 10);
				break;
			case 8: //Right side of home page scrolls on from right
				if (elem = document.getElementById('anim8'))
				{
					var pos = parseInt(elem.style.left);
					if (pos > (8 * (1 - isie)))
					{
						pos -= speed1;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = (8 * (1 - isie))+'px';
						stage = 9;
					}
				}else
				{
					stage = 9;
				}
				setTimeout('RunChangeAnim()', 10);
				break;
		}
	}
	function RunExitAnim() //Animation displayed on exiting page by clicking on navbar button
	{
		var elem = null;
		switch (stage)
		{
			case 0: //Generic full-width body scrolls out to right, also first bar of gallery
				if (elem = document.getElementById('anim0'))
				{
					var pos = parseInt(elem.style.left);
					if (pos < 958)
					{
						pos += speed1;
						elem.style.left = pos+'px';
					}else{
						elem.style.left = '958px';
						stage = 1;
					}
				}else
				{
					stage = 1;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			case 1: //Full-width body scrolls out to left, second bar of gallery
				if (elem = document.getElementById('anim1'))
				{
					var pos = parseInt(elem.style.left);
					if (pos > -958)
					{
						pos -= speed1;
						elem.style.left = pos+'px';
					}else{
						elem.style.left = '-958px';
						stage = 2;
					}
				}else
				{
					stage = 2;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			case 2: //Full-width body scrolls out to right, third bar of gallery
				if (elem = document.getElementById('anim2'))
				{
					var pos = parseInt(elem.style.left);
					if (pos < 958)
					{
						pos += speed1;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = '958px';
						stage = 3;
					}
				}else
				{
					stage = 3;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			case 3:  //Sidebar of gallery scrolls out to left
				if (elem = document.getElementById('anim3'))
				{
					var pos = parseInt(elem.style.left);
					if (pos > -160)
					{
						pos -= speed2;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = '-160px';
						stage = 4;
					}
				}else
				{
					stage = 4;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			case 4: //Picture area of gallery scrolls out to right
				if (elem = document.getElementById('anim4'))
				{
					var pos = parseInt(elem.style.left);
					if (pos < 840)
					{
						pos += speed1;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = '840px';
						stage = 5;
					}
				}else
				{
					stage = 5;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			case 5: //Sidebar of blog scrolls out to left
				if (elem = document.getElementById('anim5'))
				{
					var pos = parseInt(elem.style.left);
					if (pos > -260)
					{
						pos -= speed2;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = '-260px';
						stage = 6;
					}
				}else
				{
					stage = 6;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			case 6: //Main page of blog scrolls out to right
				if (elem = document.getElementById('anim6'))
				{
					var pos = parseInt(elem.style.left);
					if (pos < 748)
					{
						pos += speed1;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = '748px';
						stage = 7;
					}
				}else
				{
					stage = 7;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			case 7: //Sidebar of blog scrolls out to left
				if (elem = document.getElementById('anim7'))
				{
					var pos = parseInt(elem.style.left);
					if (pos > -400)
					{
						pos -= speed1;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = '-400px';
						stage = 8;
					}
				}else
				{
					stage = 8;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			case 8: //Main page of blog scrolls out to right
				if (elem = document.getElementById('anim8'))
				{
					var pos = parseInt(elem.style.left);
					if (pos < 580)
					{
						pos += speed1;
						elem.style.left = pos+'px';
					}else
					{
						elem.style.left = '580px';
						stage = 9;
					}
				}else
				{
					stage = 9;
				}
				setTimeout('RunExitAnim()', 10);
				break;
			default: //Change to new page
				window.top.location = NewURL;
				break;
		}
	}