function switchToPage(page)
{
	var main = document.getElementById('mainBlock');
	new Effect.Fade(main,     	{duration: .5,afterFinish: function() {finishedAgain(page);}});
	
}
function finishedAgain(page)
{
 	document.getElementById('mainBlock').innerHTML = document.getElementById(page).innerHTML;
 	new Effect.Appear('mainBlock',     	{duration: .40});
}


function switchQuicklyToPage(page)
{
	var main = document.getElementById('mainBlock');
	document.getElementById('mainBlock').innerHTML = document.getElementById(page).innerHTML;
}





function revealEmail()
{
 var addr;
 addr = 'spec';
 email = 's@gmai';
 addr = addr+'tori'+email+'l.com';
 window.location = 'mailto:'+addr;
 return email;
}





/*AJAX shiz*/



var xmlhttp;



function retrievePage(page)
{
 //alert(page);
 var url='http://gypsycoders.com/content.php?page='+page;
 //alert('Grabbing content from '+url);
 xmlhttp=null;
// code for Mozilla, etc.
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
// code for IE
else if (window.ActiveXObject)
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=onResponse;
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
  }
else
  {
   alert("Your browser does not support XMLHTTP.");
  }
}

function checkReadyState(obj)
{
  if(obj.readyState == 4)
  {
    if(obj.status == 200)
    {
    return true;
    }
    else
    {
    	alert("Problem retrieving data..");
     updateNumber();
    }
  }
}

function onResponse()
{
  if(checkReadyState(xmlhttp))
  {
   //alert('Number updated, going again..');
   var response = xmlhttp.responseText;

	var main = document.getElementById('main');
	new Effect.Fade(main,     	{duration: .5,afterFinish: function() {addInData(response);}});

  }
}

function addInData(response)
{
	document.getElementById('main').innerHTML=response;
	new Effect.Appear('main',     	{duration: .5});
}






function updateOrientation()

            {
            //alert('Updating orientation..');
 
 				var bob = document.getElementById('menuTable');

                switch(window.orientation)

                {

                    case 0:

                        //displayStr += "Portrait";
                        bob.innerHTML='<tr><td ><div class="navBlock" id="products" 	onClick="switchToPage(\'products\')" 		onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'"> 	<div class="in">Products	</div></div></td><td ><div class="navBlock" id="about"		onClick="switchToPage(\'about\')" 			onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'">		<div class="in">About Us	</div></div></td></tr><tr><td ><div class="navBlock" id="podcast"	onClick="switchToPage(\'podcast\')" 		onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'">	<div class="in">Podcast		</div></div></td><td ><div class="navBlock" id="faq"	onClick="switchToPage(\'faq\')" 				onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'">		<div class="in">FAQ			</div></div></td></tr>';

                    break;

 

                    case -90:

                        //displayStr += "Landscape (right, screen turned clockwise)";
                        bob.innerHTML='<tr><td ><div class="navBlock" id="products" 	onClick="switchToPage(\'products\')" 		onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'"> 	<div class="in">Products	</div></div></td><td ><div class="navBlock" id="about"		onClick="switchToPage(\'about\')" 			onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'">		<div class="in">About Us	</div></div></td><td ><div class="navBlock" id="podcast"	onClick="switchToPage(\'podcast\')" 		onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'">	<div class="in">Podcast		</div></div></td><td ><div class="navBlock" id="faq"	onClick="switchToPage(\'faq\')" 				onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'">		<div class="in">FAQ			</div></div></td></tr>';


                    break;

 

                    case 90:

                        bob.innerHTML='<tr><td ><div class="navBlock" id="products" 	onClick="switchToPage(\'products\')" 		onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'"> 	<div class="in">Products	</div></div></td><td ><div class="navBlock" id="about"		onClick="switchToPage(\'about\')" 			onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'">		<div class="in">About Us	</div></div></td><td ><div class="navBlock" id="podcast"	onClick="switchToPage(\'podcast\')" 		onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'">	<div class="in">Podcast		</div></div></td><td ><div class="navBlock" id="faq"	onClick="switchToPage(\'faq\')" 				onmouseover="this.style.border=\'2px solid #FFFFbb\'" onmouseout="this.style.border=\'2px solid #909090\'">		<div class="in">FAQ			</div></div></td></tr>';

                    break;

 

                    case 180:

                        //displayStr += "Portrait (upside-down portrait)";

                    break;

 

                }


            }