/**
 * @author Stéphane Roucheray 
 * @extends jquery
 */
var img1 = new Image();
img1.src = "/images/clients/appirio.jpg";
var img2 = new Image();
img2.src = "/images/clients/salesforce.jpg";
var img3 = new Image();
img3.src = "/images/clients/crchealth.jpg";
var img4 = new Image();
img4.src = "/images/clients/cheesecakefactory.jpg";
var img5 = new Image();
img5.src = "/images/clients/webroot.jpg";
var img6 = new Image();
img6.src = "/images/clients/leisurelink.jpg";
var img7 = new Image();
img7.src = "/images/clients/sodahead.jpg";
var img8 = new Image();
img8.src = "/images/clients/realpage.jpg";
var img9 = new Image();
img9.src = "/images/clients/forensis.jpg";
var img10 = new Image();
img10.src = "/images/clients/hubcast.jpg";
var img11 = new Image();
//img11.src = "/images/clients/kaseya.jpg";
img11.src = "/images/clients/we.jpg";


jQuery.fn.carousel = function(previous, next, options){
	var sliderList = jQuery(this).children()[0];
	
	if (sliderList) {
		var increment = jQuery(sliderList).children().outerWidth("true"),
		elmnts = jQuery(sliderList).children(),
		numElmts = elmnts.length,
		sizeFirstElmnt = increment,
		shownInViewport = Math.round(jQuery(this).width() / sizeFirstElmnt),
		firstElementOnViewPort = 1,
		isAnimating = false;
		
		for (i = 0; i < shownInViewport; i++) {
			jQuery(sliderList).css('width',(numElmts+shownInViewport)*increment + increment + "px");
			jQuery(sliderList).append(jQuery(elmnts[i]).clone());
		}
		
		jQuery(previous).click(function(event){
			if (!isAnimating) {
				if (firstElementOnViewPort == 1) {
					jQuery(sliderList).css('left', "-" + numElmts * sizeFirstElmnt + "px");
					firstElementOnViewPort = numElmts;
				}
				else {
					firstElementOnViewPort--;
				}
				
				jQuery(sliderList).animate({
					left: "+=" + increment
				}, "swing", function(){isAnimating = false;});
				isAnimating = true;
			}
			
		});
		
		jQuery(next).click(function(event){
			if (!isAnimating) {
				if (firstElementOnViewPort > numElmts) {
					firstElementOnViewPort = 2;
					jQuery(sliderList).css('left', "0px");
				}
				else {
					firstElementOnViewPort++;
				}
				jQuery(sliderList).animate({
					left: "-=" + increment
				}, "swing", function(){isAnimating = false;});
				isAnimating = true;
			}
		});
	}
};

jQuery(document).ready(function(){
	jQuery('#carousel-list').carousel('.carousel-prev', '.carousel-next');

	var autoscrolling = true;

	jQuery('#prev-arrow, #next-arrow').mouseover(function () {
		autoscrolling = false;
 	}).mouseout(function () {
		autoscrolling = true;
    });

	function slide(){
		if (autoscrolling) {
  			jQuery('.carousel-next').click();
		}
	}
	var intervalId = window.setInterval(slide, 2000);
});