var ImageIndex = 0; var ImageTimer;
$(document).ready(function() {
    $(".focus .focusnav a[rel='previous']").click(function(event) {
        event.preventDefault();
        ImageIndex--; SwitchImage();
    });
    $(".focus .focusnav a[rel='next']").click(function(event) {
        event.preventDefault();
        ImageIndex++; SwitchImage();
    });
    $(".focus .focusnav li a").click(function(event) {
        event.preventDefault();
        ImageIndex = parseInt($(this).html()) - 1; SwitchImage();
    });    

    SwitchImage();    
});

function SwitchImage() {
    if (ImageTimer) { clearTimeout(ImageTimer); }

    $(".focus .focusnav a").removeClass("current");
    var MaxItems = $(".focus .focusnav li a").length;
    if (ImageIndex < 0) { ImageIndex = MaxItems - 1; }
    else if (ImageIndex >= MaxItems) { ImageIndex = 0; }
    var selected = $($(".focus .focusnav li a")[ImageIndex]);
    selected.addClass("current");

    $(".focus .focus2").hide().css("background-image", "url(" + selected.attr("href") + ")").attr("href", selected.attr("nav"));
    $(".focus .focus2").fadeIn(2000,
        function() {
            var focus2 = $(".focus .focus2");
            $(".focus .focus3").css("background-image", focus2.css("background-image")).attr("href", focus2.attr("href"));
            focus2.hide();
        });

    ImageTimer = setTimeout(function() { ImageIndex++; SwitchImage(); }, 7000);
}