// Simple JavaScript Rotating Banner Using jQuery
// www.mclelun.com
// modified by matt bonner
var jqb_vCurrent = 0;
var jqb_vTotal = 0;
var jqb_vDuration = 13000;
var jqb_intInterval = 0;
var jqb_vGo = 1;
var jqb_vIsPause = false;
var jqb_vPrev = 0;

jQuery(document).ready(function() {	
    // console.log("on!");
	jqb_vTotal = $(".jqb_slides").children().size() -1;
	// randomize starting slide
    jqb_vCurrent =Math.floor(Math.random()*jqb_vTotal);
	$(".jqb_info").text($(".jqb_slide").attr("title"));	
	jqb_intInterval = setInterval(jqb_fnLoop, jqb_vDuration);
	
	// hide all jqb slides but the current slide
	$("#jqb_object").find(".jqb_slide").each(function(i) { 
	    // hide the previous elt
		if(i != jqb_vCurrent){
		    // console.log("hide elt");
			$(this).animate({ opacity: 'hide' }, 0);
		}
	});
	
	$("#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 {
			jqb_pause();
		}
	});
	$("#btn_prev").click(function() {
		jqb_vGo = -1;
		jqb_fnLoop();
		// pause playback as well
		jqb_pause();
	});
		
	$("#btn_next").click(function() {
		jqb_vGo = 1;
		jqb_fnLoop();
		// pause playback as well
		jqb_pause();
	});
	
});

function jqb_pause(){
    clearInterval(jqb_intInterval);
	jqb_vIsPause = true;
	$("#btn_pauseplay").removeClass("jqb_btn_pause");
	$("#btn_pauseplay").addClass("jqb_btn_play");
}

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

function jqb_fnLoop(){
	if(jqb_vGo == 1){
	    jqb_vPrev = jqb_vCurrent;
		jqb_vCurrent == jqb_vTotal ? jqb_vCurrent = 0 : jqb_vCurrent++;
	} else {
	    jqb_vPrev = jqb_vCurrent;
		jqb_vCurrent == 0 ? jqb_vCurrent = jqb_vTotal : jqb_vCurrent--;
	}
		
	$("#jqb_object").find(".jqb_slide").each(function(i) { 
	    // hide the previous elt
		if(i == jqb_vPrev){
		    // console.log("hide prev elt");
			$(this).animate({ opacity: 'hide' }, 500, function() {jqb_callback()});
		}
	});
}

// display the current element AFTER the previous has faded
function jqb_callback(){
    $("#jqb_object").find(".jqb_slide").each(function(i) { 
        if(i == jqb_vCurrent){
            // console.log("show new elt");
    		$(".jqb_info").text($(this).attr("title"));
            $(this).animate({ opacity: 'show' }, 500);
        }
    });
}