function display_menu() {
    $("#main_menu").animate({width: 'toggle'}, 500);
}
function switch_forward(url) {
    var default_margin = $('#main').css('margin-left');
    $.get(url, function(data) {
          $('#main').animate({'margin-left': '700px', 'opacity': 0}, 600);
          function reload() {
              // Reload Content
              $('#main').html(data);
              $('#main').css({'margin-left': '700px', 'opacity': 0});
              $('#main').animate({'margin-left': default_margin, 'opacity': 1}, 600);
              history.pushState({'direction': 'forward', 'url': url}, url, url);
          }
          function reactivate() {
              $("a.transition").removeData("executing");
          }
          setTimeout(reload, 600);
          setTimeout(reactivate, 1200);
    });
}
function switch_backward(url) {
    var default_margin = $('#main').css('margin-left');
    $.get(url, function(data) {
          $('#main').hide();
          $('#main').html(data);
          $('#main').show();
          $('#main').css({'margin-left': '700px', 'opacity': 0});
          $('#main').animate({'margin-left': default_margin, 'opacity': 1}, 400);
    });
}
/*
window.onpopstate = function(event) {
    if (event.state.direction == 'forward') {
        switch_backward(event.state.url);
    }
};
*/

$(document).ready(function() {
   /*
   // Menu animation
   $("#main_menu").hide();
   setTimeout(display_menu, 50);

   // Initialize Switching
   var url = window.location.href;
   history.replaceState({'direction': 'forward', 'url': url}, url, url);

   // Smooth Transition on click
   $("a.transition").click(function() {
      if ($(this).data("executing")) {
          return false;
      }
      $("a.transition").data("executing", true);
      var url = $(this).attr('href');
      switch_forward(url);
      $(this).parents("ul").children("li").removeClass("selected");
      $(this).parents("li").addClass("selected");
      return false;
   });
   */
});