function moveSlider(){
  position_str = $("#menu a.next-selected").attr("id").split('-').slice(-1);
  right_value = parseInt(position_str) * 104;
  right_str = right_value + "px";
  $("#slider").animate({ right: right_str}, 500);
  $("#menu a").removeClass("next-selected");
}

function startSlider() {
  position_str = $("#menu a.selected").attr("id").split('-').slice(-1);
  right_value = parseInt(position_str) * 104;
  right_str = right_value + "px";
  $("#slider").css('right', right_str);
}



function slideTop(data) {
  $('#content-wrapper').addClass('animate');
  $(".content").addClass("previous-content");
  $(".previous-content").after('<div class="content bottom next-content"></div>');
  
 
  nextContent = $(".content", data).html();
  $(".next-content").html(nextContent);
  $(".previous-content").animate({ top:"-506px"}, 500, function() {});
  $(".next-content").animate({ top:"0px"}, 500, function() {
      $(".previous-content").remove();
      $(".content").removeClass("next-content");
      $(".content").removeClass("bottom");
      $('#content-wrapper').removeClass('animate');
      loadContent(data, "#menu");

    });
}



function slideBottom(data) {
  $('#content-wrapper').addClass('animate');
  $(".content").addClass("previous-content");
  $(".previous-content").after('<div class="content top next-content"></div>');
  

  nextContent = $(".content", data).html();
  $(".next-content").html(nextContent);
  $(".previous-content").animate({ top:"506px"}, 500, function() {});
  $(".next-content").animate({ top:"0px"}, 500, function() {
      $(".previous-content").remove();
      $(".content").removeClass("next-content");
      $(".content").removeClass("top");
      $('#content-wrapper').removeClass('animate');
      loadContent(data, "#menu");

    });
  
}


function slideLeft(data) {
  $('#content-wrapper').addClass('animate');
  $(".content").addClass("previous-content");
  $(".previous-content").after('<div class="content right next-content"></div>');
  
  nextContent = $(".content", data).html();

  //nextContent = $(data).find(".content").html();


  $(".next-content").html(nextContent);
  //$('#foo').load('/path/to/foo.html #navigation');

  $(".previous-content").animate({ left:"-900px"}, 500);
  $(".next-content").animate({ left:"0px"}, 500, function() {
      $(".previous-content").remove();
      $(".content").removeClass("next-content");
      $(".content").removeClass("right");
      $('#content-wrapper').removeClass('animate');
      loadContent(data, "#menu");
	
    });
}



function slideRight(data) {
  $(".content").addClass("previous-content");
  $(".previous-content").after('<div class="content left next-content"></div>');
  $('#content-wrapper').addClass('animate');

  nextContent = $(".content", data).html();
  $(".next-content").html(nextContent);
  $(".previous-content").animate({ left:"900px"}, 500, function() {});
  $(".next-content").animate({ left:"0px"}, 500, function() {
      $(".previous-content").remove();
      $(".content").removeClass("next-content");
      $(".content").removeClass("left");
      $('#content-wrapper').removeClass('animate');
      loadContent(data, "#menu");

    });  
}

function crossFade(data) {
  $(".content").addClass("previous-content");
  $(".previous-content").after('<div class="content same next-content"></div>');
  $('#content-wrapper').addClass('animate');

  nextContent = $(".content", data).html();
  $(".next-content").html(nextContent);
  $(".previous-content").fadeOut(1000);
  $(".next-content").fadeIn(1000, function() {
      $(".previous-content").remove();
      $(".content").removeClass("next-content");
      $(".content").removeClass("same");
      $('#content-wrapper').removeClass('animate');
      loadContent(data, "#menu");

    });
}