//Carousel
//Made Better Studio
//Jasmine Hegman

var totalSlides = 0;
var currentSlide = 1;
//var slideWidth = 145;
var slides = "";

$(document).ready(function() {	
	var totalWidth = 0;
	slides = $(".gallery-image");
	slides.each(function(i){
		totalWidth += this.clientWidth;
		totalSlides++;
	});
	
	$("#gallery-scroller").width(totalWidth);
	$("#gallery-scroller").attr({left: 0});
	updateButtons();
	
	
	//Create event handlers
	
	$("#arrow-left img").click(prevSlide);
	$("#arrow-right img").click(nextSlide);
	
	 window.setInterval('autoScroll()', 4000);

});

function autoScroll()
{
	//currentSlide--;
	if(currentSlide < (totalSlides - 2)) {
		currentSlide++;
		updateSlides();
		updateButtons();
	} else if (currentSlide == (totalSlides - 2)) {
		currentSlide = 1;
		updateSlides();
		updateButtons();
	}
}
	
function nextSlide() {
	currentSlide++;
	updateSlides();
	updateButtons();
}

function prevSlide() {
	currentSlide--;
	updateSlides();
	updateButtons();
}

function updateSlides() {
	var scrollAmt = 0;
	slides.each(function(i) {
		var diff = totalSlides - i; //We want to make sure at least 3 are visible (keep it filled out w/ pics)
		if ( (currentSlide - 1 > i ) && (diff > 3) ) {
			scrollAmt += this.clientWidth;
		}
		
	});
	$("#gallery-scroller").animate({left: -scrollAmt}, 1000);
}

function updateButtons() {
	if(currentSlide < totalSlides-2) { //budged for filling out w/ pics so at least 3 are visible
		$("#arrow-right img").show();
	} else {
		$("#arrow-right img").hide();
	}
	if(currentSlide > 1) {
		$("#arrow-left img").show();
	} else {
		$("#arrow-left img").hide();
	}
}