$(function(){          
  $("#steps").append('<div class="content_container" />');
  $("#steps .content_container").wrap('<div class="content_slide" />');
  $("#steps div.content").each(function(i){
    var $this = $(this), $index = i;
    $this.clone().appendTo("#steps .content_container");
    $this.remove();
  });
  var $nav = $("#steps .navigation li a"), $content = $("#steps .content");
  $("#steps .navigation li a").each(function(i){
    var $this = $(this), $slide = $("#steps .content_slide"), $container = $("#steps .content_container"), $index = i;
    if($index == 0) {
      $container.css('left',0);
      $("#steps .active").removeClass('active');
      $content.eq(0).addClass('active');
      $nav.eq(0).addClass('active');
      $slide.height($content.eq(0).height());
    };
    $(this).click(function(){
      var nl = -1 * ($index * 540);
      $("#steps .active").removeClass('active');
      $content.eq($index).addClass('active');
      $nav.eq($index).addClass('active');
      $container.animate({left:nl},'fast');
      $slide.animate({height:$content.eq($index).height()},'fast');
      return false;
    });
  });
});