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

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)*jqb_imgW) - ((jqb_vCurrent -1)*jqb_imgW);
        //$(this).animate({"left": jqb_tmp+"px"}, 500);
		 if(i == jqb_vCurrent){
            $(".jqb_info").text($(this).attr("title"));
            $(this).animate({ opacity: 'show'  }, 500);
        } else {
            $(this).animate({ opacity: 'hide'  }, 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() {
        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_vGo == 1){
        jqb_vCurrent == jqb_vTotal ? jqb_vCurrent = 0 : jqb_vCurrent++;
    } else {
        jqb_vCurrent == 0 ? jqb_vCurrent = jqb_vTotal : jqb_vCurrent--;
    }
    
    
        
    $("#jqb_object").find(".jqb_slide").each(function(i) { 
        if(i == jqb_vCurrent){
            jqb_title = $(this).attr("title");
            $(".jqb_info").animate({ opacity: 'hide', "left": "-50px"}, 250,function(){
                $(".jqb_info").text(jqb_title).animate({ opacity: 'show', "left": "0px"}, 500);
            });
        } 
        
        
        //Horizontal Scrolling
        jqb_tmp = ((i - 1)*jqb_imgW) - ((jqb_vCurrent -1)*jqb_imgW);
		//$(this).animate({"left": jqb_tmp+"px"}, 500);
        
        
        //Fade In & Fade Out
       
	   if(i == jqb_vCurrent){
            $(".jqb_info").text($(this).attr("title"));
            $(this).animate({ opacity: 'show' }, 500);
        } else {
            $(this).animate({ opacity: 'hide' }, 500);
        }
 
    });


}