var slideWhoBox; 
var slideWhatBox; 
var slideGetBox;
var sizeGetBox;

var slideDist = 350;
var ready=false;

var whoOut = false;
var whoTop = 200;


var whatOut = false;
var whatTop = 300;

var getOut = false;
var getTop = 400;


function init()
{	

	ready=true;
	slideWhoBox = new Fx.Tween($('whoWeAreOutter'));
	slideWhoBox.set('top',whoTop+slideDist);
	
	slideWhatBox = new Fx.Tween($('whatWeDoOutter'));
	slideWhatBox.set('top',whatTop+slideDist);
	
	
	slideGetBox = new Fx.Tween($('getInvolvedOutter'));
	slideGetBox.set('top',getTop+slideDist);
	sizeGetBox = new Fx.Tween($('getInvolvedBox'));
	sizeGetBox.set('height',560);
	
	$("villageBG").addEvent("click", function(e) {showNone();});
	$("whoWeAreShadow").addEvent("click", function(e) {showNone();});
	
	
	$("whoWeAreBG").addEvent("click", function(e) {showWho();});
	$("whoWeAreBox").addEvent("click", function(e) {showWho();});
	$("whatWeDoShadow").addEvent("click", function(e) {showWho();});
	
	$("whatWeDoBG").addEvent("click", function(e) {showWhat();});
	$("whatWeDoBox").addEvent("click", function(e) {showWhat();});
	$("getInvolvedShadow").addEvent("click", function(e) {showWhat();});
	
	
	$("getInvolvedBox").addEvent("click", function(e) {showGet();});
	$("footerShadow").addEvent("click", function(e) {showGet();});
	
	//alert('hi');
}


function toggleWho()
{
	if (whoOut)
	{
		slideWhoBox.start('top',whoTop+slideDist);
	}
	else
	{
		slideWhoBox.start('top',whoTop);
	}
	whoOut = !whoOut;
}

function toggleWhat()
{
	if (whatOut)
	{
		slideWhatBox.start('top',whatTop+slideDist);
	}
	else
	{
		slideWhatBox.start('top',whatTop);
	}
	whatOut = !whatOut;
}

function toggleGet()
{
	if (getOut)
	{
		slideGetBox.start('top',getTop+slideDist);
		sizeGetBox.start('height',560);
	}
	else
	{
		slideGetBox.start('top',getTop);
		sizeGetBox.start('height',910);
	}
	getOut = !getOut;
}

function showNone()
{
	if(ready)
	{
		if (whoOut)
		{
			toggleWho();
		}
		if (whatOut)
		{
			toggleWhat();	
		}
		if (getOut)
		{
			toggleGet();	
		}
	}
}

function showWho()
{
	if(ready)
	{
		if (!whoOut)
		{
			toggleWho();
		}
		if (whatOut)
		{
			toggleWhat();	
		}
		if (getOut)
		{
			toggleGet();	
		}
	}
}

function showWhat()
{
	if(ready)
	{
		if (!whoOut)
		{
			toggleWho();
		}
		if (!whatOut)
		{
			toggleWhat();
		}
		if (getOut)
		{
			toggleGet();	
		}
	}
}

function showGet()
{
	if(ready)
	{
		if (!whoOut)
		{
			toggleWho();
		}
		if (!whatOut)
		{
			toggleWhat();
		}
		if (!getOut)
		{
			toggleGet();	
		}
	}
}