// JavaScript Document
var backgroundTimer = "";
var currentImagePath = null;


var m = 0;
function swapImages(){
    var currentImage = $("div.backgroundSlider img[src='" + currentImagePath + "']");
    $(currentImage).fadeOut('slow' , function(){
        $(".sliderInner li").removeClass('active');

        // Figure out what the next image is. It will be either the next image
        // in div.backgroundSlider, or if the current image shown is the last
        // image in that list, we will wrap around to the first image.
        var nextImage = $(currentImage).next();

        if (nextImage.length == 0) {
            nextImage = $("div.backgroundSlider img:first");
        }

        $(nextImage).fadeIn('slow');
        currentImagePath = $(nextImage).attr('src');

        var path = currentImagePath;   
       var index = path.lastIndexOf('/');
        var extIndex = path.lastIndexOf('.');
        var newClass = path;

        if (index != -1) {
            newClass = path.substr(index + 1, extIndex - index - 1);
        }

        $(".sliderInner li." + newClass).addClass('active');
    });
}

function mycarousel_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.backgroundTimer(jQuery(this).text()));
        return false;
    });

    jQuery('.jcarousel-scroll select').bind('change', function() {
        carousel.options.scroll = jQuery.jcarousel.backgroundTimer(this.options[this.selectedIndex].value);
        return false;
    });

    jQuery('#rightControl').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#leftControl').bind('click', function() {
        carousel.prev();
        return false;
    });
};

$(document).ready(function() {
    var slideWidth = 77;
    var slides = $('#slider ul li a');
    var numberOfSlides = slides.length;
    var multiplier = numberOfSlides >= 5 ? numberOfSlides + 2 : numberOfSlides;

    $("div.backgroundSlider img:first").fadeIn('slow');
    currentImagePath = $("div.backgroundSlider img:first").attr('src');

    if ($("div.backgroundSlider img").length > 1) {
        backgroundTimer = setInterval('swapImages()', 5000);
    }

    if (numberOfSlides > 5) {
        $('#slider ul').jcarousel({
            wrap: 'circular',
            initCallback: mycarousel_initCallback,
            // This tells jCarousel NOT to autobuild prev/next buttons
            buttonNextHTML: null,
            buttonPrevHTML: null
        });
    } else {
        $('a.control').hide();
    }

    $('#slider ul').css('width', slideWidth * multiplier);
    $('#slider ul li:first').addClass('active');





    $(slides).click(function() {
          clearInterval(backgroundTimer); 
           var currentImage = $("div.backgroundSlider img[src='" + currentImagePath + "']");
            var nextImageThumbnail = $(this).find('img');
      var nextImage = $("div.backgroundSlider img[src='" + $(nextImageThumbnail).attr('title') + "']");
       $(currentImage).fadeOut('slow' , function(){
       $(".sliderInner li").removeClass('active');
              $(nextImage).fadeIn('slow');
                currentImagePath = $(nextImage).attr('src');
               var path = currentImagePath;
               var index = path.lastIndexOf('/');
                   var extIndex = path.lastIndexOf(".");
                   var newClass = path;
        
                   if (index != -1) {
                       newClass = path.substr(index + 1, extIndex - index - 1);
                   }
        
                   $(".sliderInner li." + newClass).addClass('active');
         });
    
           backgroundTimer = setInterval('swapImages()', 5000);
     });
});