jQuery.extend({
    scrollableThumb: function()
    {
        // Thumbs
	    if($("#thumb-slide").size() > 0 && $("#thumb-slide .item").size() > 1)
	    {
            var topMax = ($('#thumb-slide').height()-$('#thumb-area').height());
            var pages = $("#thumb-slide .item").size();
            var vel = topMax / pages;
            $('#thumb-slide').before('<input type="hidden" name="thumbPage" id="thumbPage" value="0" />');
            
            $("#thumb-container .next").click(function () { 
                var page = eval($('#thumbPage').val());
                var nextpage = eval(page+1);
                var interval = eval(vel*nextpage);
                if(page < pages)
                {
                    $('#thumb-slide').animate(
                        { top: '-'+interval+'px'}, 
                        { "duration": "fast", "easing": "linear" }
                    );
                    $('#thumbPage').val(nextpage);
                }
                if((pages-1) == (page))
                {
                    $("#thumb-container .next").addClass('disabled');
                }
                else
                {
                    $("#thumb-container .prev").removeClass('disabled');
                }
            });
            $("#thumb-container .prev").click(function () { 
                var page = eval($('#thumbPage').val());
                var prevpage = eval(page-1);
                var interval = eval(vel*prevpage);
                if(page > 0)
                {
                    $('#thumb-slide').animate(
                        { top: '-'+interval+'px'}, 
                        { "duration": "fast", "easing": "linear" }
                    );
                    $('#thumbPage').val(prevpage);
                }
                if(page == 1)
                {
                    $("#thumb-container .prev").addClass('disabled');
                }
                else
                {
                    $("#thumb-container .next").removeClass('disabled');
                }
            });
            $("#thumb-container .prev").addClass('disabled');
	    }
	    else
	    {
            $("#thumb-container .prev").addClass('disabled');
	        $("#thumb-container .next").addClass('disabled');
	    }
    },
    galleryInit: function()
    {
        var totalPhotos = $('.zoom-all-photos li').size();

        if(totalPhotos > 0)
        {
            $('.zoom-all-photos').after('<input type="hidden" name="zoomPage" id="zoomPage" value="1" />');
            var i = $('#zoomPage').val();
             
            var id = $('.zoom-all-photos li:nth-child('+i+')').attr('class');
            $.galleryShow(i, id);
        }
	},
	galleryNavigation: function()
    {
        var totalPhotos = $('.zoom-all-photos li').size();
        var page = eval($('#zoomPage').val());
        var next = (page+1);
        var prev = (page-1);
        var obj_prev = $('.zoom-all-photos li:nth-child('+prev+')').attr('class');
        var obj_next = $('.zoom-all-photos li:nth-child('+next+')').attr('class');

        $('.zoom .title .prev').removeClass('deactive');
        $('.zoom .title .next').removeClass('deactive');
        $('.zoom .footer .prev').removeClass('deactive');
        $('.zoom .footer .next').removeClass('deactive');
        $('.zoom .content .nav-next').removeClass('deactive');
        $('.zoom .content .nav-prev').removeClass('deactive');
        
        $('.zoom .content .nav-prev a').attr('href', 'javascript:$.galleryShow('+prev+', \''+obj_prev+'\');');
        $('.zoom .content .nav-next a').attr('href', 'javascript:$.galleryShow('+next+', \''+obj_next+'\');');
        $('.zoom .title .prev a').attr('href', 'javascript:$.galleryShow('+prev+', \''+obj_prev+'\');');
        $('.zoom .title .next a').attr('href', 'javascript:$.galleryShow('+next+', \''+obj_next+'\');');
        $('.zoom .footer .prev a').attr('href', 'javascript:$.galleryShow('+prev+', \''+obj_prev+'\');');
        $('.zoom .footer .next a').attr('href', 'javascript:$.galleryShow('+next+', \''+obj_next+'\');');    

        if((page+1) > totalPhotos)
        {
            $('.zoom .content .nav-next').addClass('deactive');
            $('.zoom .content .nav-next a').removeAttr('href');
            $('.zoom .title .next').addClass('deactive');
            $('.zoom .title .next a').removeAttr('href');
            $('.zoom .footer .next').addClass('deactive');
            $('.zoom .footer .next a').removeAttr('href');
        }
        if((page-1) == 0)
        {
            $('.zoom .content .nav-prev').addClass('deactive');
            $('.zoom .content .nav-prev a').removeAttr('href');
            $('.zoom .title .prev').addClass('deactive');
            $('.zoom .title .prev a').removeAttr('href');
            $('.zoom .footer .prev').addClass('deactive');
            $('.zoom .footer .prev a').removeAttr('href');
        }
        
    },
    galleryShow: function(i, id)
    {
        var src     = $('#'+ id + ' img').attr('src');
            src = src.replace('show_fileThumb', 'show_file');
        var title   = $('#'+ id + ' img').attr('title');
        var name    = $('#'+ id + ' img').attr('alt');
            name    = (name == '')?title:name;

        $('#gallery-img-container').attr('title', title)
        $('.zoom .footer h4').html(name);
        $('.zoom .title h4').html(title);

        $("#thumb-slide").prepend('<div class="empty"></div>');
        
        $('"#thumb-slide"').prepend('<div class="empty"></div>');

        $('#gallery-img-container #image-place').css('background-image', '' );
        $('#gallery-img-container #image-place').css('background-image', 'url("'+ src + '")' );

        $('#zoomPage').val(i);
        $.galleryNavigation();
    }
});
$(document).ready(function()
{
    $.scrollableThumb();
    $.galleryInit();
});