// slider code is from http:// lxcblog.com/2010/10/14/jquery-horizontal-slider-sliding-doors-tabs/  //
var $slider_started = false;
var timerId = null;
var lastRotation = 0;
var s1ext = "a"
var s1new = null
var s1src = null
var s1crdt = null

$(document).ready(function () {
    var timerId1 = setTimeout(changeImg, 4000);
    $('#s1').hover(stopRotation, startRotation);
    startRotation();
    var $max_slides = $('.sliderMain > div').length;
    var $label_width = $('.sliderTab').width();
    var $max_slider_width = ($max_slides - 1) * $label_width;
    var $extra_margin = $(' .sliderMain div').width() - $label_width;
    $('.sliderTab').click(function () {
        theTimerID = clearInterval();
        var $clickedslide_index = $('.sliderMain > div').index($(this).parent()) + 1;
        if ($(this).parent().hasClass('on')) {
        // alert('slide #' + $clickedslide_index + ' is on LEFT: \r - starting at #' + $max_slides + ', \r - move each slide to RIGHT \r - until ' + $clickedslide_index + '  is visible'); //
            if ($slider_started != 1) {
                $slider_started = 2;
                for (i = $max_slides; i > $clickedslide_index; i--) {
                    var $elm = $('.sliderMain .sliderBox' + i);
                    if ($elm.hasClass('on')) {
                        $elm.removeClass('on');
                        var $left_margin = ($label_width * (i - 1)) + $extra_margin;
                        $elm.stop().animate({ marginLeft: $left_margin }, 1500, function () { $slider_started = false; });
                    }
                }
                $slider_started = false;
            }
        }
        else {
        // alert('slide #' + $clickedslide_index + ' is on RIGHT: \r - starting at #1, \r - move each slide to LEFT \r - until ' + $clickedslide_index + '  is visible'); //
            if ($slider_started != 2) {
                $slider_started = 1;
                for (i = 1; i <= $clickedslide_index; i++) {
                    var $elm = $('.sliderMain .sliderBox' + i);
                    if (!$elm.hasClass('on')) {
                        $elm.addClass('on');
                        var $left_margin = ($label_width * (i - 1));
                        $elm.stop().animate({ marginLeft: $left_margin }, 1500, function () { $slider_started = false; });
                    }
                }
                $slider_started = false;
            }
        }

    });

});

function startRotation() {
    if (timerId) {return;}
    timerId = setTimeout(changeImg, 6000); 
}
function stopRotation() {
    if (!timerId) {return;}
    clearTimeout(timerId);
    clearInterval(timerId);
    timerId = null;
}
function changeImg() {
    stopRotation();
    if (s1ext == "a") { s1ext = "b"; }
    else if (s1ext == "b") { s1ext = "c"; }
    else if (s1ext == "c") { s1ext = "d"; }
    else {
        s1ext = "a";  
        if (lastRotation != 1) { lastRotation = 1; }
        else { return; }    
    }

    s1new = $("#s1" + s1ext).val();
    s1src = s1new.substring(0, s1new.indexOf(' '));
    s1crdt = s1new.substring(s1new.indexOf(' ') + 1);
    
    $("#s1").fadeOut(200, function () {
        //alert(s1src + ' - - - ' + s1crdt);
        $("#s1").attr('src', 'graphics/hmpics/' + s1src).bind('readystatechange load', 
            function () {
                if (this.complete) {
                    $("#s1credit").text(s1crdt);
                    $(this).fadeIn(800);
                    startRotation();
                }
            });
    }); 
}