var j$=jQuery.noConflict();

j$(document).ready(init);

var currentContent;
var previousContent;
var currentID = 1;
var previousID = 1;

/**
 *  Initializes the page
 */
function init() {
  currentContent = j$("div").filter("#sliding_content_1");
  previousContent = j$("div").filter("#sliding_content_1");
  setupBackgroundSlider();
}

/**
 *  Sets up the background animation events
 */
function setupBackgroundSlider() {
  // slide 1
  j$("a").filter(".slide_1").click(function(event){
    document.getElementById('sliding_content_1').style.display='none';
    event.preventDefault();
    previousID = currentID;
    currentID = 1;
    animateTransition();
  });
  
  // slide 2
  j$("a").filter(".slide_2").click(function(event){
    document.getElementById('sliding_content_2').style.display='none';
    event.preventDefault();
    previousID = currentID;
    currentID = 2;
    animateTransition();
  });
  
  // slide 3
  j$("a").filter(".slide_3").click(function(event){
    document.getElementById('sliding_content_3').style.display='none';
    event.preventDefault();
    previousID = currentID;
    currentID = 3;
    animateTransition();
  });
}

/**
 *  Performs sliding transition animations and replace background images
 */
function animateTransition() {
  j$("body").css({"background-image":"url(/gfx/bg_"+currentID+".jpg)"});
  j$("#page_container").css({"background-image":"url(/gfx/bg_"+currentID+"_b.jpg)"});
  j$("#page_footer").css({"background-image":"url(/gfx/bg_"+currentID+"_b.jpg)"});
  j$("#bottomSection").css({"background-image":"url(/gfx/bg_"+currentID+"_c.jpg)"});
  j$(".freebie").css({"background-image":"url(/gfx/bg_"+currentID+"_d.jpg)"});
  
  j$("div").filter("#sliding_content_"+currentID).css({'z-index':'3000','display':'block'}).animate({"top":"0px"}, "slow");
  j$("div").filter("#sliding_content_"+previousID).css({'z-index':'2000'}).fadeOut("fast").animate({"top":"-1000px"}, "fast");
}