/**********************************************************************************************

  CSS on Sails Framework
  Title: Site Name
  Author: XHTMLized (http://www.xhtmlized.com/)
  Date: March 2010

***********************************************************************************************/

var Site = {
  Common: {
    init: function(e) {
      $('body').addClass('js');
    }
  },
  Homepage: {
    slider: function(e) {
      
      // main horizontal slider
      if (typeof $.fn.scrollable != 'undefined') {
        
        $("#sliders").scrollable({ 
            size: 1, 
            clickable: false,
            loop: true,
            // left/right keys will control this scrollable 
            keyboard: 'static'
        }).navigator("#slider-nav");
        
        // making it a 10-seconds enabled slideshow
        var runs = 0;
  			var waitTime = 10 // seconds
  			waitTime = waitTime * 1000; // making the waitTime into miliseconds  
  			var elementsCount = $('#sliders .items').children().length;  			
  			function startProcess() 
  			{
  				var times = elementsCount * waitTime;
  				setTimeout ( callback_Complete, times );
  				for ( var t= waitTime; t < times; t += waitTime ){
  					setTimeout (callback, t );
  				}
  			}  			
  			// This callback is triggered by the loop.
  			function callback() {
  				var curElIndex = runs % elementsCount;   
  				// sliding to the next element
  				if ( $("#slider-nav > .active").next().length>0 ) {
            $("#slider-nav > .active").next().click();
          }
          else {
            $("#slider-nav > a:first-child").click();
          };  
  				// move the next element
  				runs += 1;					
  				if (runs == elementsCount) {
  					runs = 0;
  				}	
  			}  			
  			// This callback is triggered after we're done.
  			function callback_Complete() {
  				callback();
  				// when we reach the end, start over
  				startProcess();
  			}  
  			startProcess();	        
      }
    }
  }
};

$(document).ready(function() {
  Site.Common.init();
  Site.Homepage.slider();
});