// JavaScript Document
var slide;
var button;
var currentSlide;
var active;
var activeout;

$(document).ready(function() {
		
	$('#startupButton').hover(function(){button=true; if(currentSlide!="#startupSlide" && !active){activate('#startupSlide')}},function(){button=false;check('#startupSlide')});
	$('#establishedButton').hover(function(){button=true; if(currentSlide!="#establishedSlide" && !active){activate('#establishedSlide')}},function(){button=false; check('#establishedSlide')});
	$('#growingButton').hover(function(){button=true;if(currentSlide!="#growingSlide" && !active){activate('#growingSlide')}},function(){button=false;check('#growingSlide')});
	$('#transitioningButton').hover(function(){button=true;if(currentSlide!="#transitioningSlide" && !active){ activate('#transitioningSlide')}},function(){button=false; check('#transitioningSlide')});
	$('.stage').hover(function(){slide=true;},function(event){var id = "#"+event.target.id;	slide=false;check(currentSlide);});
	
});

function activate(activeSlide) {
	active = true;
    $(activeSlide).css('left', '-960px');
	$(currentSlide).animate(
					{left:'+=960'}, 
					200, 
					"swing",
					function(){$(currentSlide).css('left', '-960px');}
				);
	$(activeSlide).animate({left:'+=960'}, 200, "swing", function(){active = false; currentSlide = activeSlide; check(activeSlide);});
}

function check(activeSlide) {
	var hposition = $(activeSlide).position();
	
	setTimeout(
		function()
		{
			if(!button && !slide && hposition.left != -960) 
			{
				active = true;
				activeout = true;
				$(activeSlide).animate(
					{left:'+=960'}, 
					200, 
					"swing",
					function(){active=false; activeout=false;$('.slide').css('left', '-960px');
					currentSlide = '';}
					
				);
			}
		}, 
		15);
}