(function($) {
$(document).ready(function () {
    var img_pos = 0;
    var img_pos_max = $('.thumb').size()*2;
    var image_nr = 0;
    var count_pages = Math.ceil(($('#scrollcontainer').height())/380);
    var count = 1;
    $('#iv_prev').css('display','none');
    if(count_pages <=1) {
       $("#scrolldown").css("display","none");
       $("#scrollup").css("display","none");
    }
    $(".paging").text("Pagina " + count + "/" + count_pages);
    
    $("#scrolldown").click(function() {
        if(count_pages > 1 && count < count_pages) { 
            $("#scrollcontainer").animate({ 
                top: "-=375px"
            }, 600 );
            count++;
            $(".paging").text("Pagina " + count + "/" + count_pages);
        }
    })
    $("#scrollup").click(function() {
        if($('#scrollcontainer').position().top < 0 && count > 1) {
            $("#scrollcontainer").animate({ 
                top: "+=375px"
            }, 600 );            
            count--;
            $(".paging").text("Pagina " + count + "/" + count_pages);
        }
    })

    $(".thumb").click(function() {
        var url_thumb = $(this).find('img').attr('src');
        image_nr = $(this).find('img').attr('alt');
        var url = url_thumb.replace("img_pit","img_pi");
        $("#big_img").html('<img src="' + url + '"/>');
        img_pos = $(this).find('img').attr('title')*2;
        if(img_pos <= (img_pos_max-4)) $('#iv_next').css('display','block');
        else $('#iv_next').css('display','none');
        if(img_pos >= 2) $('#iv_prev').css('display','block');
        else $('#iv_prev').css('display','none');
        return;
    })
    $(".thumb").mouseover(function() {
        $(this).find('.grey').animate({ 
            opacity: 0
        }, 300 );
    })
    $(".thumb").mouseout(function() {
        $(this).find('.grey').animate({ 
            opacity: 1
        }, 600 );
    })
    $("#iv_next").click(function() {
        if(img_pos <= (img_pos_max-4)) {
            img_pos+=2; 
            var url_thumb = $('.thumb').children().get(img_pos).src;
            var url = url_thumb.replace("img_pit","img_pi");
            url = url.replace('grey_','');
            $("#big_img").html('<img src="' + url + '"/>');
            $('#iv_prev').css('display','block');  
        } else {
            $(this).css('display','none');
        }    
    })
    $("#iv_prev").click(function() {
        if(img_pos >= 2) {
            img_pos-=2;  
            var url_thumb = $('.thumb').children().get(img_pos).src;
            var url = url_thumb.replace("img_pit","img_pi");
            url = url.replace('grey_','');
            $("#big_img").html('<img src="' + url + '"/>');  
            $('#iv_next').css('display','block');
        } else {
            $(this).css('display','none');
        }     
    })
    /*$("#big_img").click(function() {
        var next_image_index = image_nr;
        next_image_index++;
        image_nr = next_image_index;
        var url = $(".thumb").find('img:eq(' + next_image_index + ')').attr('src').replace("img_pit","img_pi").replace("grey_","");
        alert(image_nr);
        $(this).html('<img src="' + url + '"/>');
    });*/
});
})(jQuery)