var speed = 1;

if($.browser.msie)
{
    window.setTimeout(function() {
        initAnimation()
        }, 1500);
}else
{
    $(window).load(function() {
        initAnimation();
    });
}

function initAnimation(){
    var width = 0;

    if(!$('div.slider').length)
    {
        return;
    }

    $('.sliderContent img').each(function(index, elem){
        width += $(elem).width();
    });

    $('.sliderContent').css('width', width);
    
    if($('.sliderContent').css('width') > $(window).width())
    {
        $('.sliderContent').css('left', -width/2)
    }
    
    $('.slider').mousemove(function(e){
        //e.clientX
        var speedFactor = 20;
      
        if(Math.abs($(window).width()/2 - e.pageX) < 80)
        {
            speed = 0;
        }
        else
        {
            speed = Math.round((e.pageX - this.offsetLeft - $(this).width()/2)/speedFactor);
        }
    })

    $('.slider').mouseleave(function(){
        speed = speed/Math.abs(speed);
    })

    $('.sliderContent img').mouseenter(function(){
        var opis = $(this).attr('alt');
        if(opis)
        {
            $('#sliderTile').html(opis);
            $('#sliderTile').show();

        }
    })

    $('.sliderContent img').mouseout(function(){
        $('#sliderTile').html('');
        $('#sliderTile').hide();
    })


    setInterval(function() {
        animate($('.sliderContent'));
    }, 20);

}

function animate(elem)
{
    var left = elem.css('left');
    var widthContent = $('.sliderContent').css('width');
    var widthContainer = $(window).width(); //$('.slider').css('width');

    left = left.replace("px", "") * 1;
    widthContent = widthContent.replace("px", "") * 1;
    //widthContainer = widthContainer.replace("px", "") * 1;

    left -= 1 * speed;

    if(left < 0 && left > -(widthContent - widthContainer))
    {
        elem.css('left', left);
    }
    else if(Math.abs(speed) == 1)
    {
        speed *= -1;
    }
}