Сравнение товаров

[denniseds]

Хочу сделать удобное добавление/удаление товаров в сравнение, но не хватает знаний, прошу помощи.

Задача следующая, в слюбом месте сайта, где отображаются превью товара, кнопка добавить к сравнению, при нажатии товар добавляется к сравнению, кнопка меняет свой вид, при повторном нажатии товар удаляется из сравнения, вид меняется на первоначальный. В хедере отображается количество товаров для сравнения.

С добавлением товара проблем не возникло, а вот с удалением проблемы. Стандартный код скрипта, уже доработанный для изменения вида кнопки после нажатия:

var compare = {
	'add': function(product_id) {
		$.ajax({
			url: 'index.php?route=product/compare/add',
			type: 'post',
			data: 'product_id=' + product_id,
			dataType: 'json',
			success: function(json) {
				$('.alert').remove();

				if (json['success']) {
					$('#compare-total').html(json['info']);		
					$(".prod-compare").find(".addcompare.prod-"+product_id).addClass("hideClass");
					$(".prod-compare").find(".delcompare.prod-"+product_id).addClass("showClass");
				}
			}
		});
	},
	'remove': function() {
	}
}

Так же в хедере количество товаров в сравнении меняется только после обновления страницы. Если отметить товар и перейти на другую страницу, а потом вернуться - товар уже не будет отмечен, хотя надо информацию о товарах в сравнении как то отображать на любой странице сайта.

Помогите плиз разобраться с этой задачей.