var page = 1;
var counter = 0;
var site_id = 0;
var mag_cat = '';
function getBoxes() {

    $.ajax({
		url: "boxes/catalogue",
		type: "POST",
		dataType: "xml",
		data: {                    
                    'page': page,
                    'site_id': site_id,
                    'mag_cat': mag_cat
                    
                },
		success: function(xml){                    
                    
                    appendElementsThreeColumns(xml);
                    
                    page++;
                    scrollable = true;                  
                    
		}
    });
}

function appendElementsThreeColumns(xml) {
      
    
    var height_col1 = 0;
    var height_col2 = 0;
    var height_col3 = 0;
    
    if(parseInt($(xml).find('elem').size()) == 0) {
        $('.more-button').remove();
    }
    
    $(xml).find('elem').each(function(){
        
       
       
       
       if($('div.catalog-photos img[photo_id='+$(this).attr('photo_id')+']').length <= 0 || lbox_id != null) {
           
           
           
           col = 1;
           min_height = $('.column1').height();

           counter2 = 0;
           $('.column').each(function(){

              if($(this).height() < min_height) {
                  min_height = $(this).height();
                  col = counter2+1;
              }
              counter2++;
           });


           var elem = $(this).text();

           div = document.createElement('div');
           $(div).append(elem);
           $(div).addClass('hidden');
           //col = (counter % 3)+1;
           preloader = document.createElement('img');
           $(preloader).attr('src', 'default/skin01/img/preloader.gif');           
           $(preloader).addClass('preloader');
           
           $(div).append($(preloader));
           
           $('.column'+col).append($(div));      
           $('.hidden img').bind('load', function() {
               $(this).parents().find('.hidden img.preloader').remove();
               //$(this).parents().find('.hidden').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
               $(this).parents().find('.hidden').css('visibility', 'visible').animate({opacity: 1.00}, 500, function() {});
           })
           
           counter++;

        }
    });
    
    
    
    
}


function changeMagCategory(cat) {
   $('.mag-categories li').removeClass('active');
   $('.mag-categories li.'+cat).addClass('active');
   $('.column .hidden-container').remove(); 
   page = 1;
   mag_cat = cat;
   getBoxes();
   
}