// JavaScript Document

$(function(){
  $(".slider_controller").jCarouselLite({
    btnNext: ".prev",
    btnPrev: ".next",
    visible: 8,
    circular: false 
  });

  $("#s1").click(function(){
    $("#b1").addClass('current');
    $("#b2,#b3,#b4,#b5,#b6,#b7,#8").removeClass('current');
    return false;
  });
  $("#s2").click(function(){
    $("#b2").addClass('current')
    $("#b1,#b3,#b4,#b5,#b6,#b7,#8").removeClass('current');
    return false;
  });
  $("#s3").click(function(){
    $("#b3").addClass('current')
    $("#b1,#b2,#b4,#b5,#b6,#b7,#8").removeClass('current');
    return false;
  });
  $("#s4").click(function(){
    $("#b4").addClass('current')
    $("#b1,#b2,#b3,#b5,#b6,#b7,#8").removeClass('current');
    return false;
  });
  $("#s5").click(function(){
    $("#b5").addClass('current')
    $("#b1,#b2,#b3,#b4,#b6,#b7,#8").removeClass('current');
    return false;
  });
  $("#s6").click(function(){
    $("#b6").addClass('current')
    $("#b1,#b2,#b3,#b4,#b5,#b7,#8").removeClass('current');
    return false;
  });
  $("#s7").click(function(){
    $("#b7").addClass('current')
    $("#b1,#b2,#b3,#b4,#b5,#b6,#8").removeClass('current');
    return false;
  });
  $("#s8").click(function(){
    $("#b8").addClass('current')
    $("#b1,#b2,#b3,#b4,#b5,#b6,#7").removeClass('current');
    return false;
  });
  // create the image rotator
  setInterval("rotateImages()", 7000);

});

function rotateImages() {
  var oCurPhoto = $('#slider_box div.current');
  var oNxtPhoto = oCurPhoto.next();
  if (oNxtPhoto.length == 0)
   oNxtPhoto = $('#slider_box div:first');

  oCurPhoto.removeClass('current').addClass('previous');
  oNxtPhoto.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 1000,
    function() {
    oCurPhoto.removeClass('previous');
  });
}