/****CAROSEL*****/
/*
 Programmed by Tim Gane
 Date: 11/18/10
 tim@gane.ca    
*/

$(document).ready(function() {
  //Show the paging and activate its first link
  $(".paging").show();
  $(".paging a:first").addClass("active");
  
  //Get size of the image, how many images there are, then determin the size of the image reel.
  var imageWidth = $("#carousel").width();	
  var imageSum = $(".reel .slide").size();
	var imageReelWidth = imageWidth * imageSum;
  
  //Adjust the image reel to its new size
  $(".reel").css({'width' : imageReelWidth});
  
  //Paging  and Slider Function
  rotate = function(){
    var triggerID = $active.attr("rel")-1; //Get number of times to slide
    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
    $(".paging a").removeClass('active'); //Remove all active class
    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)   
    //Slider Animation
    $(".reel").animate({
        left: -image_reelPosition
    }, 500 );

  }; 

  //Rotation  and Timing Event
  rotateSwitch = function(){
      play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
          $active = $('.paging a.active').next(); //Move to the next paging
          if ( $active.length === 0) { //If paging reaches the end...
              $active = $('.paging a:first'); //go back to first
          }
          rotate(); //Trigger the paging and slider function
      }, 5000); //Timer speed in milliseconds (7 seconds)
  };
  
  rotateSwitch(); //Run function on launch
  
  //On Hover
  $(".slide a").hover(function() {
      clearInterval(play); //Stop the rotation
  }, function() {
      rotateSwitch(); //Resume rotation timer
  });	
  
  //On Click
  $(".paging a").click(function() {
      $active = $(this); //Activate the clicked paging
      //Reset Timer
      clearInterval(play); //Stop the rotation
      rotate(); //Trigger rotation immediately
      rotateSwitch(); // Resume rotation timer
      return false; //Prevent browser jump to link anchor
  });
    
});

/*****END OF CAROSEL ***********/


$(document).ready(function() {
  $("#sustainingmember").easySlider({
  		auto: true,
  		continuous: true,
  		pause: 500,
  		controlsShow: false
  	});  	
 });