$(document).ready(function() {
  $.fn.jScrollPane.defaults.showArrows = true;
  //$("#content").jScrollPane();
  Shadowbox.init({ handleOversize: "drag" });
  $(".page1 #menu").css("width", "0");
  $(".page1 #nav").css("width", "600px");
  $(".page1 #nav ul").css("left", "130px");
  $("#nav").append("<div class=\"ajax\"><img src=\"images/ajax.gif\" /></div>")
  var item_no = 1;
  $("#menu ul li").each(function() {
    $(this).attr("item_no", item_no++);
  });
  $(".page1 #header").fadeIn("fast", function() {
    $(this).click(function() {
      $(this).find("h1").fadeOut();
      $(this).animate({ width : "0" }, 1000, function() {
        $("#menu ul li").css("margin-left", "-160px");
        $("#menu").animate({ width : "160" }, 500, function() {
          var len = $(this).find("ul li").length - 1;
          animate_menuitem(0, len);
          $("#wrapper:not(.page1)").each(function() {
            $("#nav").animate({ width : "170" }, 1000);
            $("#nav ul").animate({ left : "0" }, 1000, bind_menu);
          });
          $("#wrapper.page1").each(function() {
            bind_menu();
          });
        });
      });
    });
  });
  $("#wrapper:not(.page1)").each(bind_menu);
});

function animate_menuitem(item_i, len) {
  $("#menu ul li:eq("+item_i+")").animate({ marginLeft : "0" }, 300, function() {
    if(item_i <= len)
      animate_menuitem(item_i+1, len);
  });
}

function bind_menu() {
  $("#menu ul li a, a.ajax").click(function() {
    unbind_menu();
    $("#menu ul li a, a.ajax").removeClass("current");
    var title = $(this).addClass("current").html();
    var href = $(this).attr("href");
    document.title = "Ubieralnia | " + title;
    $(".ajax").fadeIn();
    $("#nav").animate({ width : "600" }, 1000);
    $("#nav ul").animate({ left : "130" }, 1000, function() {
      $.get(href+"?showtemplate=false", function(data) {
        $("#content").html(data).jScrollPane();
        var offset = $("#menu ul li a.current").parent().attr("item_no") * -138;
        $("div.ajax").fadeOut();
        $("#nav").animate({ width : "170" }, 1000);
        $("#nav ul").css("background-position", offset+"px 0").animate({ left : "0" }, 1000, function() { 
          Shadowbox.setup();
          bind_menu();
        });
      });
    });
    return false;
  });
}

function unbind_menu() {
  $("#menu ul li a").unbind();
}