// Begin Lazy Loading.
// 
// Lazy Loading allows us to load JS & CSS files only when the page requires them, saving bandwidth and decreasing load times.
// We get the option to inspect the mark-up and see if it's appropriate to include a particular plug-in or not automatically at runtime.
// For more detail on this technique, it's pros and cons, see: http://ajaxpatterns.org/On-Demand_Javascript#In_A_Blink
//
// NOTES:
// This file relies upon jQuery & the jquery.ondemand plugin. jQuery and the ondemand plugin MUST be included before this file.

$(document).ready(function(){
  // get the body class for the page we are on
  var thisPage = $("body").attr("class");
  
  // every page will need the jQuery UI/Effects core files (bundled into one file here)
  $.requireJs('/assets/javascript/jquery-ui-1.8.12/ui/minified/jquery.ui.core.min.js'); // includes only core UI stuff
  $.requireCss('/assets/javascript/jquery-ui-1.8.12/themes/base/jquery.ui.base.css'); // includes only core styles for UI
  
  // every page will require the form labelize plugin
  // $.requireJs('/assets/javascript/jquery.InputHelper.min.js');
  
  /* custom fonts
     if CSS3's @font-face is not the prefered solution then every page will require Cufon related files
  $.requireJs('/assets/javascript/cufon-yui.js'); // this is not a jQuery file!
  $.requireJs('/assets/fonts/love-ya-like-a-sister_400.font.js'); // this is not a jQuery file
  $.requireJs('/assets/javascript/jquery.fontavailable-1.1.min.js'); */
  
  // TEST: if we have an internal page anchor, load the scroller plugins.
  if($("a[href*=#]").length > 0) {
    $.requireJs('/assets/javascript/jquery.scrollTo-1.4.2-min.js');
    $.requireJs('/assets/javascript/jquery.localscroll-1.2.7-min.js');
  }
  
  // TEST: if we have a form on a page then we want to load a number of form enhancement plugins.
  //if($("form").length > 0) {
    
    // TEST: if we have a date field then include the datepicker plug-in
    //if ($("form input.input-date").length > 0) {
    //  $.requireJs('/assets/javascript/jquery-ui-1.8/ui/minified/jquery.ui.datepicker.min.js'); // graphical datepicker for date inputs
    //    $.requireCss('/assets/javascript/jquery-ui-1.8/themes/base/jquery.ui.datepicker.css'); // CSS for the datepicker
    //}
  //}
  
  // TEST: if we want a colourbox images on our site
  if($("a.colorbox,div.gallery > ul").length > 0) {
    $.requireJs('/assets/javascript/colorbox/colorbox/jquery.colorbox-min.js');
      $.requireCss('/assets/javascript/colorbox/example1/colorbox.css');
  }
  // TEST: the events page needs to call google maps stuff
  if($("body.events").length > 0) {
    $.requireJs('/themes/third_party/mx_google_map/mxgooglemap.js');
  }
  // TEST: if we want to use masonry
  if($("body.courses.detail").length > 0) {
    $.requireJs('/assets/javascript/jquery.masonry.min.js');
  }
  
  // TEST: Do we need a carousel?
  if($(".flexslider").length > 0) {
    $.requireJs('/assets/javascript/flexslider-1.8/jquery.flexslider-min.js');
      $.requireCss('/assets/javascript/flexslider-1.8/flexslider.css');
  }
  
  // we always want to load progressive enhancements at the end of the load queue
  $.requireJs('/assets/javascript/progressive-enhancement.js');
  
});
