// 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").length > 0) {
    $.requireJs('/assets/javascript/colorbox/colorbox/jquery.colorbox-min.js');
      $.requireCss('/assets/javascript/colorbox/example1/colorbox.css');
  }
  
  /* If we are using Modernizr to detect browser capabilities, we can also use it to load different JS files for
     different abilities the browser may or may not have - allowing us to polyfill if needed.
     DOCUMENTATION: http://www.modernizr.com/docs/
     
     NOTE: This isn't jQuery reliant, and can be taken out of here entirely if needed. In fact we can use Modernizr to load
           jQuery itself.
     
  Modernizr.load({
  test: Modernizr.geolocation,
    yep : '/assets/javascript/yav.js',
    nope: '/assets/javascript/quicksilver.js'
  }); */
  
  $.requireJs('/assets/javascript/formalize/jquery.formalize.min.js');
  $.requireCss('/assets/javascript/formalize/formalize.css');
  
  /* Do we require a facy carousel? */
  if(".carousel") {
    $.requireJs('/assets/javascript/nivo-slider/jquery.nivo.slider.pack.js');
      $.requireCss('/assets/javascript/nivo-slider/nivo-slider.css');
  }
  
  //animate falling snow
  $.requireJs('/assets/javascript/snowfall.jquery.js');
  // $.requireJs('/assets/javascript/fallingsnow.js');
  
  // we always want to load progressive enhancements at the end of the load queue
  $.requireJs('/assets/javascript/progressive-enhancement.js');
  
});