// Simple JavaScript Rotating Banner Using jQuery
// www.mclelun.com
var jqb_vCurrent = 0;
var jqb_vTotal = 0;
var jqb_vDuration = 10000;
var jqb_intInterval = 0;
var jqb_vGo = 1;
var jqb_vIsPause = false;
var jqb_tmp = 20;
var jqb_title;
var jqb_imgW = 1000;
var jqb_imgH = 298;

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);

    //Horizontal
    //$("#jqb_object").find(".jqb_slide").each(function(i) {
    //    jqb_tmp = ((i - 1) * jqb_imgW) - ((jqb_vCurrent - 1) * jqb_imgW);
    //    $(this).animate({ "left": jqb_tmp + "px" }, 500);
    //});

    var firstSlide = $('#jqb_object .jqb_slide:nth-child(' + (jqb_vCurrent + 1) + ')');
    firstSlide.show();

    /*
    //Vertical
    $("#jqb_object").find(".jqb_slide").each(function(i) { 
    jqb_tmp = ((i - 1)*jqb_imgH) - ((jqb_vCurrent -1)*jqb_imgH);
    $(this).animate({"top": jqb_tmp+"px"}, 500);
    });
    */

    $("#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() {
        console.log('next');
        jqb_vGo = 1;
        jqb_fnChange();
    });
});

function jqb_fnChange() {

	clearInterval(jqb_intInterval);
	jqb_intInterval = setInterval(jqb_fnLoop, jqb_vDuration);
	jqb_fnLoop();
}

function jqb_fnLoop() {

    var old = jqb_vCurrent;
    
	if(jqb_vGo == 1){
		jqb_vCurrent == jqb_vTotal ? jqb_vCurrent = 0 : jqb_vCurrent++;
	} else {
		jqb_vCurrent == 0 ? jqb_vCurrent = jqb_vTotal : jqb_vCurrent--;
	}

	var oldSlide = $('#jqb_object .jqb_slide:nth-child(' + (old + 1) + ')');
	var newSlide = $('#jqb_object .jqb_slide:nth-child(' + (jqb_vCurrent + 1) + ')');

	newSlide.css({ "left": jqb_vGo * jqb_imgW });
	newSlide.show();
	newSlide.animate({ "left": 0 }, 1250, 'swing', function() { oldSlide.hide() });
	newSlide.css({ "zIndex": 1 });

	oldSlide.css({ "zIndex": 0 });
	
	jqb_title = newSlide.attr("title");
	$(".jqb_info").animate({ opacity: 'hide', "left": "-50px" }, 250, function() {
	      $(".jqb_info").text(jqb_title).animate({ opacity: 'show', "left": "0px" }, 500);
    });
}