/**
 * slider by marek:P
 * pouziti na vlastni nebezpeci
 */

$(document).ready(function(){
    if ($("#slider").length){

        var imgCount = $('#slider').find('img').length;
        
        if (imgCount > 1) {
            $('.control').click(slide);
            setAutoSlider();
        }
    }
});

var autoSlider;
function setAutoSlider() {
    clearTimeout(autoSlider);
    autoSlider = setTimeout(slide, 4000);
}

function slide() {
    setAutoSlider();
    
    var $cont = $('.scrollContainer'),
    $img = $cont.find('img:first'),
    $next = $img.next(),
    $both = $img.add($next), //mergnou se dohromady, abych mel jeden jQuery objekt, kterej budu animovat(posouvat)
    sirkaPosunu = $img.width();
            
    $next.css('left', sirkaPosunu).show(); // dalsi obrazek se umisti napravo od zobrazeneho

    /**
     * pokud animace probiha, ukoncim ji a provedu novou
     *  - ochrana proti rychlemu prepinani obrazku
     */
    if ($both.is(':animated')) {
        $both.stop(true, true);
        slideEnd($img, $cont);
        slide();
        return;
    }
            
    $both.animate({
        left : '-=' + sirkaPosunu
    }, 'slow', function() {
        slideEnd($img, $cont);
    });
}

function slideEnd($img, $cont) {
    $img.appendTo($cont).hide(); //posunuty obrazek presunu v DOMu nakonec a schovam ho
}

function l(s){
    console.log(s);
}