// 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

*/


$(document).ready(function() {

var cur_slide = 1;
var show = 1;
var slides = $(".slide").size();
var width = $(".slide").width();
var total_width = width * slides;
var ready = 1;

function RunAJAX(div_res, file,dir,data) {
	$.ajax({
    url: file,
    type: 'POST',
    dataType: 'html',
	data: data,
    timeout: 4000,
    error: function(){
		alert('Error loading data');
        ;
    },
    success: function(html){
		if (dir == 'next')
		{
        	$(div_res).append(html);
			
			slides = slides + 1;		
			total_width = width * slides;
			
			$(slide_wrapper_id).css("width",(width * show) + "px");
			$("#slider").css("width",total_width + "px");			
			
			$("#slider").animate({"left" : "-=" + width + "px"}, "slow" );
			cur_slide = cur_slide + 1;		
	
		}
		if (dir == 'prev')
		{
        	
			$(div_res).prepend(html);
			
			slides = slides + 1;
			total_width = width * slides;
			
			$(slide_wrapper_id).css("width",(width * show) + "px");
			$("#slider").css("width",total_width + "px");
			
			cur_left_value = $("#slider").css("left");
			cur_left_value = parseFloat(cur_left_value);
			
			$("#slider").css("left", cur_left_value - width );
			$("#slider").animate({"left" : "+=" + width  + "px"}, "slow" );
			cur_slide = 1;
		}
//		RunAJAX('#slider','includes/slider_text.php',,html);
	}
});

	}



	$(slide_wrapper_id).css("width",(width * show) + "px");
	$("#slider").css("width",total_width + "px");
	// Next
	$("#next").click(function(event) {
		event.preventDefault();	
		ready = 0;
		if ((cur_slide + show) <= slides)
			{
			$(alt_text).fadeOut("fast");
			$("#slider").animate({"left" : "-=" + width + "px"}, "slow" );
			$(alt_text).fadeIn("slow");
			cur_slide = cur_slide + 1;
			ready = 1;
			}		
		else
			{
			$(alt_text).fadeOut("fast");
			RunAJAX('#slider',destination_page,'next');
			$(alt_text).fadeIn("slow");
			ready = 1;
			}
	});
	
	//Previous
	$("#prev").click(function(event) {
		if (slides >= show)
		{
		event.preventDefault();	
		ready = 0;
		if (cur_slide != 1)
			{
			$(alt_text).fadeOut("fast");
			$("#slider").animate({"left" : "+=" + width + "px"}, "slow" );
			$(alt_text).fadeIn("slow");
			cur_slide = cur_slide - 1;
			ready = 1;
			}		
		else
			{
			$(alt_text).fadeOut("fast");
			RunAJAX('#slider',destination_page,'prev');
			$(alt_text).fadeIn("slow");
			ready = 1;
			}
		}
	});
	
	
	
	
});