$(document).ready(init);

var currentBackground;
var currentContent;
var currentCoordinates;
var previousBackground;
var previousContent;
var previousCoordinates;
var currentID = 1;
var previousID = 1;

/**
 *	Initializes the page
 */
function init() {
       if($(window).width() < $("#climtatecrisis_page_content").width())
       {
	     $("body").css({'overflow-x' : 'visible'});
       } 
       else
       {
	     $("body").css({'overflow-x' : 'hidden'});
       }

	currentBackground = $("img").filter("#bg_1");
	currentContent = $("div").filter("#sliding_content_1");
	previousBackground = $("img").filter("#bg_1");
	previousContent = $("div").filter("#sliding_content_1");
	currentCoordinates = $("img").filter("#coordinates_1");
	previousCoordinates = $("img").filter("#coordinates_1");
	setupBackgroundSlider();
}

/**
 *	Sets up the background animation events
 */
function setupBackgroundSlider() {
	// slide 1
	$("a").filter(".slide_1").click(function(event){
		event.preventDefault();
		previousID = currentID;
		currentID = 1;
		animateTransition();
	});
	
	// slide 2
	$("a").filter(".slide_2").click(function(event){
		event.preventDefault();
		previousID = currentID;
		currentID = 2;
		animateTransition();
	});
	
	// slide 3
	$("a").filter(".slide_3").click(function(event){
		event.preventDefault();
		previousID = currentID;
		currentID = 3;
		animateTransition();
	});
// slide 4
	$("a").filter(".slide_4").click(function(event){
		event.preventDefault();
		previousID = currentID;
		currentID = 4;
		animateTransition();
	});
}

/**
 *	Performs sliding transition animations
 */
function animateTransition() {
	$("img").filter("#bg_"+currentID).animate({"left":"0px"}, "slow", "linear");
	$("img").filter("#bg_"+previousID).animate({"left":"2000px"}, "slow", "linear", function(){$(this).css({'left':'-2000px'})});
	$("div").filter("#sliding_content_"+currentID).css({'z-index':'3000'}).animate({"left":"0px"}, "slow");
	$("div").filter("#sliding_content_"+previousID).css({'z-index':'2000'}).animate({"left":"-469px"}, "slow");
	$("img").filter("#coordinates_"+currentID).css({'z-index':'300'}).animate({"top":"0px"}, "normal", "linear");
	$("img").filter("#coordinates_"+previousID).css({'z-index':'200'}).animate({"top":"17px"}, "normal", "linear", function(){$(this).css({'top':'-17px'})});
}

$(window).resize(function(){

    if($(window).width() < $("#climtatecrisis_page_content").width())
    {
	  $("body").css({'overflow-x' : 'visible'});
    } 
    else
    {
	  $("body").css({'overflow-x' : 'hidden'});
    }

});