// JavaScript Document for the homepage automatic slider
$(document).ready(function(){

        var nimages = $(".banner a img").length;
        var clength  = nimages * 660;
        var autoslide = true;
        var timer;
        var npos = 1;
        var pos = 0;
        var start = 660;
        var end = (nimages-2)*660;
        
        $("#gcontainer").css("width", clength);
        $("#gallery").scrollLeft(start);
        $("#gallery").css("overflow", "hidden");
        
        window.setInterval(function() {
                mvslider();
        },6000);

        function mvslider() {
                if(autoslide==true) {
                        npos++;
                        pos = npos*660;
                        $("#gallery").stop().animate({scrollLeft: pos}, 1000, function() { if(npos == (nimages-1)) { $("#gallery").scrollLeft(660); npos = 1; } });
                }
        }
        
        $(".next").click(function() {
                autoslide = false;
                npos++;
                pos = npos*660;
                $("#gallery").stop().animate({scrollLeft: pos}, 1000, function() {
                        throttle();
                        if(npos == (nimages-1)) { $("#gallery").scrollLeft(660); npos = 1; }
                });
        });
        
        $(".prev").click(function() {
                if (npos != 0) {
                        autoslide = false;
                        npos--;
                        pos = npos*660;
                        $("#gallery").stop().animate({scrollLeft: pos}, 1000, function() {
                                throttle();
                                if(npos == 0) { $("#gallery").scrollLeft(end); npos = (nimages-2); }
                        });
                }
        });
        
        function throttle() {
                clearTimeout(timer);
                timer = setTimeout(function() {autoslide = true;}, 5000);
        }

});