$(document).ready(function() {
  
  // Register the buttons
  $("a.home-link").click(function() {
    loadPage("home");
    return false;
  });
  $("a.about-link").click(function() {
    loadPage("about");
    return false;
  });
  $("a.listen-link").click(function() {
    loadPage("listen");
    return false;
  });
  $("a.videos-link").click(function() {
    loadPage("videos");
    return false;
  });
  $("a.gallery-link").click(function() {
    loadPage("gallery");
    return false;
  });
  $("a.merch-link").click(function() {
    loadPage("merch");
    return false;
  });
  $("a.events-link").click(function() {
    loadPage("events");
    return false;
  });
  $("a.contact-link").click(function() {
    loadPage("contact");
    return false;
  });
  $("a.comments-link").click(function() {
    loadPage("comments");
    return false;
  });

});

/**
 * Load in a page via AJAX
 */
function loadPage(page) {
  
  $("#content-main").html("<div id=\"content-top\"></div><div id=\"content-center\" class=\"loading\"><img src=\"/images/loading.gif\" alt=\"loading...\" /><p>loading ...</p></div>");
  
  $.get("ajax/getPage/" + page, {  },
  function(data) {
    
    // Display the loaded page
    $("#content-main").html(data);
    
    $.scrollTo(0);
    
  });

}