// Simple JavaScript Rotating Banner Using jQuery
// www.mclelun.com
var jqb_vCurrent = 0;
var jqb_vTotal = 0;
var jqb_vDuration = 5000;
var jqb_intInterval = 5;
var jqb_vGo = 1;
var jqb_vIsPause = false;
var jqb_tmp = 20;
var jqb_title;

jQuery(document).ready(function() {	
	jqb_vTotal = $(".jqb_slides").children().size() -1;
	$(".jqb_info").text($(".jqb_slide").attr("title"));	
	jqb_intInterval = setInterval(jqb_fnLoop, jqb_vDuration);
			
	$("#jqb_object").find(".jqb_slide").each(function(i) { 
		jqb_tmp = ((i - 1)*768) - ((jqb_vCurrent -1)*768);
		$(this).animate({"left": jqb_tmp+"px"}, 10);

	});
	
	$("#btn_pauseplay").click(function() {
		if(jqb_vIsPause){
			jqb_fnChange();
			jqb_vIsPause = false;
			$("#btn_pauseplay").removeClass("jqb_btn_play");
			$("#btn_pauseplay").addClass("jqb_btn_pause");
		} else {
			clearInterval(jqb_intInterval);
			jqb_vIsPause = true;
			$("#btn_pauseplay").removeClass("jqb_btn_pause");
			$("#btn_pauseplay").addClass("jqb_btn_play");
		}
	});
	$("#btn_prev").click(function() {
		jqb_vGo = -1;
		jqb_fnChange();
	});
		
	$("#btn_next").click(function() {
		jqb_vGo = 1;
		jqb_fnChange();
	});
});

function jqb_fnChange(){
	clearInterval(jqb_intInterval);
	jqb_intInterval = setInterval(jqb_fnLoop, jqb_vDuration);
	jqb_fnLoop();
}

function jqb_fnLoop(){
	if(jqb_vCurrent == jqb_vTotal+1) {
		jqb_vCurrent = 0;
	}
	
	slide = $("#jqb_object").find(".jqb_slide:first").clone();
	first = $("#jqb_object").find(".jqb_slide:first");
	$(slide).attr("style", "left: " + (768*(jqb_vTotal+1)) + "px;");
	$(".jqb_slides").append( slide );
	
	$("#jqb_object").find(".jqb_slide").each(function(i) { 
		//Horizontal Scrolling
		jqb_tmp = $(this).position().left - (768);
		$(this).animate({"left": jqb_tmp+"px"}, 1000, function() {
			$(first).remove();
		});
	});
	
	jqb_vCurrent++;
}