$(document).ready(function() {
    if (window.screen.width >= 1100) {
        $(window).resize(function() {
            var ocontainer_outer = $('#imagesContainer');
            var ocontainer = $('#images');
            var ocontent = $('#imagesContent');

            var content_size = ocontent.width();

            ocontainer_outer.css('width', 'auto')
            ocontainer.css('width', 'auto')
            ocontent.css('width', content_size + 'px')

            var container_size = ocontainer.width();

            var space_to_scroll = content_size - container_size;

            if (space_to_scroll > 0) {
                ocontainer.addClass('scroll'); // overflow: hidden

                if ($('#images.scrollbar').length) {
                    $('#scrollbar').css('display', 'block').css('width', container_size + 'px');

                    $('#text').css('top', '-5px');

                    scrollbar_handle_width = container_size * container_size / content_size;
                    if (scrollbar_handle_width > container_size)
                        scrollbar_handle_width = container_size;

                    $('#scrollbarHandle').css('width', scrollbar_handle_width + 'px')

                    $('#scrollbar').Slider({
                        accept: '#scrollbarHandle',
                        restricted: true,
                        onSlide: function(cordx, cordy, x , y) {
                            ocontent.css('left', - space_to_scroll * cordx / 100 + 'px');
                        }
                    });
                } else {
                    $('#text').css('top', '-20px');

                    $(document).mousemove(function(e){
                        var left = (e.pageX - 557) * space_to_scroll / container_size // FIXME Some nasty hard-coding
                        if (left > space_to_scroll)
                            left = space_to_scroll;
                        if (left < 0)
                            left = 0;
                        ocontent.css('left', -left)
                    });
                }
            } else {
                ocontainer_outer.css('width', content_size + 'px')
                ocontainer.css('width', content_size + 'px')
            }
        }).resize();
    }

    $('.linkThumb').mouseover(function(){
        $(this).find('img:eq(0)').css('display', 'block');
    });

    $('.linkThumb').mouseout(function(){
        $(this).find('img:eq(0)').css('display', 'none');
    });

    $('#scrollbarHandle').mouseover(function(){
        $(this).css('background-color', '#ff0000');
    });

    $('#scrollbarHandle').mouseout(function(){
        $(this).css('background-color', '#1585e8');
    });
});