// Origami Carousel jQuery
/*

1) Set the width of the slides on the CSS (class .slide) and the #slides_wrappe
2) Add as many divs with the class slide as needed
3) DONE

*/
var cur_slide = 1;
var show = 1;
var pos = 0;
var Timer = 0;
var slides = 0;
var width = 0;
var move_speed = 2000;

$(document).ready(function() {

	slides = $(".slide").size();
	width = $(".slide").width();
	
	total_width = width * slides;
	$("#slides_wrapper").css("width",(width * show) + "px");
	$("#slider").css("width",total_width + "px");

	
	$("#next").click(function(event) {
		clearTimeout(Timer);
		event.preventDefault();	
		MoveNext();
		
	});
	
	$("#prev").click(function(event) {
	  clearTimeout(Timer);
    	event.preventDefault();	
		MovePrev();	
	});
	
	
});
	
	// Next
	function MoveNext() {
		if ((cur_slide + show) <= slides)
			{
			$("#slider").animate({"left" : "-=" + width + "px"}, move_speed );
			cur_slide = cur_slide + 1;
			}		
		else
			{
			left_pos = $("#slider").css("left");
			left_pos = parseFloat(left_pos);
			left_pos = left_pos * -1;
			$("#slider").animate({"left" : "+=" + left_pos + "px"}, move_speed );
			cur_slide = 1;
			}	
	}
	
	//Previous
	function MovePrev() {
		if (slides > show)
		{
		if (cur_slide != 1)
			{
			$("#slider").animate({"left" : "+=" + width + "px"}, move_speed );
			cur_slide = cur_slide - 1;
			}		
		else
			{
			$("#slider").animate({"left" : "-=" + width * (slides - show) + "px"}, move_speed );
			cur_slide = slides - (show - 1);
			}
		}
	}
	
	
	function GoSlides(){
		MoveNext();
		Timer = setTimeout('GoSlides()', 5000);
	}
	
	Timer = setTimeout('GoSlides()', 5000);