// 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_transition = "Fade"; //Fade, Default = SlideLeft


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


    $("#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_fnChange();
        jqb_vGo = -1;
    });

    $("#btn_next").click(function() {
        jqb_fnChange();
        jqb_vGo = 1;
    });
});

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

          switch (jqb_transition) {
              case "Fade":
                  if (i == jqb_vCurrent) {
                      $(".jqb_info").text($(this).attr("title"));
                      $(this).animate({ opacity: 'show'}, 1200);
                  } else {
                      $(this).animate({ opacity: 'hide'}, 1200);
                  }
                  break;
              default:
                  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);
                      });
                  }
                  jqb_tmp = ((i - 1) * 460) - ((jqb_vCurrent - 1) * 460);
                  $(this).animate({ "left": jqb_tmp + "px" }, 500);
                  break;

          }                       
      });
}