jQuery(document).ready(function() {
    ajax_pagination.setup();
})

var ajax_pagination = {
	container: null,
	update_element: null,
    nav_items: [],
	
	setup: function() {
        
        this.nav_items = $('.viewNumber a');
        if(this.nav_items.length == 0) return;

		this.update_element = $('#photo-detail-and-desc');
        if(this.update_element.length == 0) return;
		
        this.initPagination();
	},
    
    initPagination: function() {
        this.nav_items = $('.viewNumber a');

        this.nav_items.map(function(i, el){
            var original_href = $(el).attr('href');
            var fixed_href = original_href.replace("category-ajax", 'categories');
             $(el).attr('href', fixed_href);
        });
        
		$(this.nav_items).bind('click', function(event) {
			event.preventDefault();
            
			$('#photo-detail-and-desc').addClass('loading');

            //var current_img = $('#photo-detail-and-desc img')[0];
            //$('#photo-detail-and-desc').css({'height':$(current_img).height()});
            
            var original_href = $(event.currentTarget).attr('href');
            current_href = original_href.replace("categories", 'category-ajax');
            ajax_pagination.doAjax(current_href);
            
            //var url_array = current_href.split('/');
            //var item_no = url_array[url_array.length-2];
            //item_no = item_no.replace("P", '');
		});			
    },
    
    doAjax: function(ajax_url) {
        $.ajax({
          url: ajax_url,
          success: function(data) {
            $('#photo-detail-and-desc').html(data);
            $('#photo-detail-and-desc').removeClass('loading');
            //setTimeout(function(){$('#photo-detail-and-desc').css({'height':'auto'});}, 1000);
            ajax_pagination.initPagination();
          }
        });                    
    }

    
    
}