jQuery.noConflict();

(function ($)
{    
    $(function ()
    {
        var $prev = $(".screenshots #prev");
        var $next = $(".screenshots #next");
                
        var screenshotsCount = $(".screenshots img").get().length;
        
        var index = 0;
        
        
        $prev.click(function ()
        {
            if (index == 1)
            {
                $prev.addClass("disabled");
                
                $("a", $prev).attr("title", "Første skjermbilde");
            }
            
            if (index > 0)
            {
                $next.removeClass("disabled");
                
                $("a", $next).attr("title", "Neste skjermbilde");
                
                index -= 1;
                
                $(".screenshots img:eq(" + (index)  + ")").parent().parent().get(0).className = "first";
                $(".screenshots img:eq(" + (index + 1) + ")").parent().parent().get(0).className = "middle";
                $(".screenshots img:eq(" + (index + 2) + ")").parent().parent().get(0).className = "last";
                $(".screenshots img:eq(" + (index + 3) + ")").parent().parent().get(0).className = "hidden";
            }
        });
        
        
        $next.click(function ()
        {            
            if (index == screenshotsCount - 4)
            {
                $next.addClass("disabled");
                
                $("a", $next).attr("title", "Siste skjembilde");
            }
            
            if (index >= screenshotsCount - 3)
            {
            }
            else
            {
                $prev.removeClass("disabled");
                
                $("a", $prev).attr("title", "Forrige skærmbillede");
                
                index += 1;
                
                $(".screenshots img:eq(" + (index - 1)  + ")").parent().parent().get(0).className = "hidden";
                $(".screenshots img:eq(" + index + ")").parent().parent().get(0).className = "first";
                $(".screenshots img:eq(" + (index + 1) + ")").parent().parent().get(0).className = "middle";
                $(".screenshots img:eq(" + (index + 2) + ")").parent().parent().get(0).className = "last";
            }
        });
    });
})(jQuery);