/*
 * Obsluga galerii
 * 
 */

$(document).ready(function() {
    galery.setup()
})



galery = {
    next_prev: function(what) {
        galery_image_id = $('.GALERY_IMAGE_ID').html()
        
        $.ajax({
            url: '/show/galery_image',
            type: 'get',
            data: {
                'galery_image_id': galery_image_id,
                'rel': what
            },
            dataType: 'json',
            success: function(ret) {
                $('#galery_image_target').html(ret.html)
                $('.thumbs a img').removeClass('active')
                $('.thumbs img[alt='+ret.galery_image_id+']').addClass('active')
                $('.pasek a').hide()
                if(ret.prev_count>0) $('.pasek .left').show()
                if(ret.next_count>0) $('.pasek .right').show()
            }
        })
    },
    
    open_image: function(obj) {
        $('.thumbs a img').removeClass('active')
        obj.addClass('active')
        
        galery_image_id = obj.attr('alt')
        
        $.ajax({
            url: '/show/galery_image',
            type: 'get',
            data: {
                'galery_image_id': galery_image_id,
                'rel': 'current'
            },
            dataType: 'json',
            success: function(ret) {
                $('#galery_image_target').html(ret.html)
                $('.pasek a').hide()
                if(ret.prev_count>0) $('.pasek .left').show()
                if(ret.next_count>0) $('.pasek .right').show()
            }
        })
    },
    
    setup : function() {
        $('.thumbs a').unbind().click(function() {
            img = $('img',$(this))
            galery.open_image(img)
            return false
        })
        
        $('.pasek .left').unbind().click(function() {
            galery.next_prev('prev')
            return false
        })
        
        $('.pasek .right').unbind().click(function() {
            galery.next_prev('next')
            return false
        })
    }
}