Event.observe(window, 'load', init, false);
var root;

function init(){
	$('Header').onclick = function() { root0();}
	$('One').onclick = function() { one();}
	$('Two').onclick = function() { two();}	
	$('Three').onclick = function() { three();}	
	$('Four').onclick = function() { four();}	
	$('Five').onclick = function() { five();}	
	$('Six').onclick = function() { six();}	
		$('Seven').onclick = function() { seven();}	
		$('Eight').onclick = function() { eight();}	

}


function root0(){
var url = 'index.php';
var myAjax = new Ajax.Request(url, {method: 'get', onComplete:drawRoot0,
evalScripts:true
});
}


function one(){
root = 0;
     var url = '0/functions.php';
     var myAjax = new Ajax.Request(url, {method: 'get', onComplete:showResponseOne, evalScripts:true
     } );
     hideLinks();

}

function two(){
	root = 1;
     var url = '1/pixelBit.php';
     var myAjax = new Ajax.Request(url, {method: 'get', onComplete:showResponseTwo, evalScripts:true
     } );
      hideLinks();

}

function three(){
root = 2;
var url = '2/root2.php';
     var myAjax = new Ajax.Request(url, {method: 'get', onComplete:showResponseThree, evalScripts:true
     } );
     hideLinks();   
}
function four(){
root = 3;
var url = '3/3.php';
     var myAjax = new Ajax.Request(url, {method: 'get', onComplete:showResponseFour, evalScripts:true
     } );
     hideLinks();   
}

function five(){
root = 4;
var url = '4/4.php';
     var myAjax = new Ajax.Request(url, {method: 'get', onComplete:showResponseFive, evalScripts:true
     } );
     hideLinks();   
}

function six(){
root = 5;
var url = '5/5.php';
     var myAjax = new Ajax.Request(url, {method: 'get', onComplete:showResponseSix, evalScripts:true
     } );
     hideLinks();   
}

function seven(){
root = 6;
var url = '6/6.php';
     var myAjax = new Ajax.Request(url, {method: 'get', onComplete:showResponseSeven, evalScripts:true
     } );
     hideLinks();   
}

function eight(){
root = 7;
var url = '7/7.php';
     var myAjax = new Ajax.Request(url, {method: 'get', onComplete:showResponseEight, evalScripts:true
     } );
     hideLinks();   
}

function drawRoot0(originalRequest) {
var newData = originalRequest.responseText;
$('possible').innerHTML = newData;
init();
}

function showResponseOne (originalRequest) {

var newData = originalRequest.responseText;
   $('Page').innerHTML = newData;
   	initialize();
   	retrieveData();
	retrieveOutput();
}

function showResponseTwo (originalRequest) {

var newData = originalRequest.responseText;
$('Page').innerHTML = newData;
showPixelBitLoop();
initializePixelBit();
}

function showResponseThree (originalRequest) {

var newData = originalRequest.responseText;
   $('Page').innerHTML = newData;
   	initialize();
   	retrieveData();
	retrieveOutput();
	retrieveSubject();
}

function showResponseFour (originalRequest) {

var newData = originalRequest.responseText;
   $('Page').innerHTML = newData;
   initialize3();
}

function showResponseFive (originalRequest) {

var newData = originalRequest.responseText;
   $('Page').innerHTML = newData;
   initialize4();
}

function showResponseSix (originalRequest) {

var newData = originalRequest.responseText;
   $('Page').innerHTML = newData;
   initialize5();
}

function showResponseSeven (originalRequest) {

var newData = originalRequest.responseText;
   $('Page').innerHTML = newData;
   initialize6();
}

function showResponseEight (originalRequest) {

var newData = originalRequest.responseText;
   $('Page').innerHTML = newData;
   initialize7();
}

function hideLinks()
{
	$('One').style.display = 'none';
	$('Two').style.display = 'none';
	$('Three').style.display = 'none';
	$('Four').style.display = 'none';
	$('Five').style.display = 'none';
	$('Six').style.display = 'none';
	$('Seven').style.display = 'none';
	$('Eight').style.display = 'none';

}

