//var page = 1;

$(function() {
    /* Filtre marques */
    $('#sort-brands').change(function() {
        var id = $(this).val();
        $.ajax({type: "POST",
           url: AJAX_PATH + "category.ajax.php",
           data: {brand_id: id, url: location.href},
           beforeSend:function() {
               $('#category-listing').hide();
               $('#category-preload').show();
           },
           success:function(data){
               $('.refAll').show();
               $('#category-listing').html(data);
               $('#sort-brands').find('.select-root').html('Toutes les marques');
               $.ajax({type: "POST",
                   url: AJAX_PATH + "category.ajax.php",
                   data: {type: 'nb', url: location.href},
                   success:function(nb){
                       $('#nb-products').html(nb);
                       $('#category-preload').hide();
                       $('#category-listing').show();
                       pages = Math.ceil(nb / 24);
                       $('.pager').find('option').remove();
                       if(nb == 0) $('.pager').append('<option value="">0 / 0</option>');
                       for(var i=1; i<=pages; i++) {
                           $('.pager').append('<option value="' + i + '">' + i +' / ' + pages + '</option>');
                       }
                   }
                });
           }
        });
    });

    /* Filtres prix */
    $('#sort-prices').change(function() {
        var value = $(this).val();
        $.ajax({type: "POST",
           url: AJAX_PATH + "category.ajax.php",
           data: {prices: value, url: location.href},
           beforeSend:function() {
               $('#category-listing').hide();
               $('#category-preload').show();
           },
           success:function(data){
               $('.refAll').show();
               $('#category-listing').html(data);
               $('#sort-prices').find('.select-root').html('Tous les prix');
               $.ajax({type: "POST",
                   url: AJAX_PATH + "category.ajax.php",
                   data: {type: 'nb', url: location.href},
                   success:function(nb){
                       $('#nb-products').html(nb);
                       $('#category-preload').hide();
                       $('#category-listing').show();
                       pages = Math.ceil(nb / 24);
                       $('.pager').find('option').remove();
                       if(nb == '0') $('.pager').append('<option value="">0 / 0</option>');
                       for(var i=1; i<=pages; i++) {
                           $('.pager').append('<option value="' + i + '">' + i +' / ' + pages + '</option>');
                       }
                   }
                });
           }
        });
    });

    /* Filtres labels */
    $('.label-ticket').click(function() {
        if($(this).attr('class') =='label-ticket label-green'){
			$('.label-ticket').removeClass('label-grey');
			$('.label-ticket').addClass('label-green');
			
			$(this).removeClass('label-green');
			$(this).addClass('label-grey');
			var id = $(this).attr('id');
		} else{
			$('.label-ticket').removeClass('label-grey');
			$('.label-ticket').addClass('label-green');
			var id = 'none';
		}
        $.ajax({type: "POST",
           url: AJAX_PATH + "category.ajax.php",
           data: {label_id: id, url: location.href},
           beforeSend:function() {
               $('#category-listing').hide();
               $('#category-preload').show();
           },
           success:function(data){
               $('#category-listing').html(data);
               $.ajax({type: "POST",
                   url: AJAX_PATH + "category.ajax.php",
                   data: {type: 'nb', url: location.href},
                   success:function(nb){
                       $('#nb-products').html(nb);
                       $('#category-preload').hide();
                       $('#category-listing').show();
                       pages = Math.ceil(nb / 24);
                       $('.pager').find('option').remove();
                       if(nb == 0) $('.pager').append('<option value="">0 / 0</option>');
                       for(var i=1; i<=pages; i++) {
                           $('.pager').append('<option value="' + i + '">' + i +' / ' + pages + '</option>');
                       }
                   }
                });
           }
        });
    });

    /* Pager */
    $('.pager').change(function() {
        page = $(this).val();
        $.namesession.set('page' + location.href, page);
        $.ajax({type: "POST",
           url: AJAX_PATH + "category.ajax.php",
           data: {page: page, url: location.href},
           beforeSend:function() {
               $('#category-listing').hide();
               $('#category-preload').show();
           },
           success:function(data){
               $('#category-listing').html(data);
               $('#category-preload').hide();
               $('#category-listing').show();
               $('.pager option:selected').html();
               location.href="#top";
           }
        });
    });
    
    $('.category-pager a').click(function() {
        page = $('.pager').val();
        $.namesession.set('page' + location.href, page);
        if($(this).attr('class') == 'next') {        
            if( parseInt(page) < parseInt( $('.pager').find('option:last').val() ) ){ 
                page++;
            }            
        } 
        else if($(this).attr('class') == 'previous') {
            if(parseInt(page) > 1) page--;
        }
        $(".pager").val(page);
        $.ajax({type: "POST",
           url: AJAX_PATH + "category.ajax.php",
           data: {page: page, url: location.href},
           beforeSend:function() {
               $('#category-listing').hide();
               $('#category-preload').show();
           },
           success:function(data){
               $('#category-listing').html(data);
               $('#category-preload').hide();
               $('#category-listing').show();
               location.href="#top";
               
           }
        });
    });
    
    if (typeof (page) == "undefined" && $.namesession.get('page' + location.href) == null) {
        var page = 1;
        $.namesession.set('page' + location.href, page);
    }
    else if($.namesession.get('page' + location.href) != null){
        var page = $.namesession.get('page' + location.href);
        $(".pager").val(page);
        $(".pager").trigger('change');
    }
});