$(function() {
    $("img[rel]").overlay();

    $('#game-list li a').hover(
        function()
        {
            //var windowWidth;
            var jq_windowWidth = $(window).width();
            var jq_documentHeight = $(document).height();
            //var windowHeight;
            var elemLeft;
            var elemTop;
            var widthTooltip = 250;
            var elem = $(this).parent().find('div.tooltip-game-link:hidden');

            $.ajax({
                url: '/games/?gameid='+this.id,
                //data : "{gameid : "+this.id+"}",
                type : 'get',
                dataType : 'html',
                beforeSend: function () {
                    elem.html('<span class="game-loader"><img src="/images/overlay/ajax-loader.gif" border="0" /></span>');
                },
                success: function (data) {
                    elem.html(data);
                },
                error: function(){
                    elem.html('произошла ошибка при загрузке данных');
                }
            });

            var parent_pos = $(this).offset(); // position()
            var eWidth = $(this).outerWidth();

            elemLeft = parent_pos.left + eWidth + 7;
            if(elemLeft + widthTooltip + 40 > jq_windowWidth)
            {
                elemLeft = parent_pos.left/* - parent_width*/ - 30 - widthTooltip;
            }

            elemTop = parent_pos.top - 50;
            if(elemTop + 100 > jq_documentHeight)
            {
                elemTop = elemTop - 50;
            }

            elem.css( {
                    position: 'absolute',
                    zIndex: 5000,
                    left: elemLeft + "px",
                    top: elemTop + "px"
            } );

            elem.fadeIn(0);
        },
        function()
        {
            var elem = $(this).parent().find('div.tooltip-game-link:visible');
            elem.fadeOut(0);
        }
    );


    /* scrollbar script */
    $("div.scrollable").scrollable({
        size: 3,
        items: '#games-list-scrollbar',
        //next: 'a.scrl-next',
        //prev: 'a.scrl-prev'
        prevPage: 'a.scrl-prev',
        nextPage: 'a.scrl-next'
    }); 

    $("div.scrollable #games-list-scrollbar img").mouseover(function() {
        $(this).fadeTo("slow", 0.7).fadeTo("fast", 1);
    });
    
    /* *************** */
        
});