_old_cat = 0;
_old_subcat = 0;

//base_href = 'http://probu-dev/projects/area9webshop.nl-fw/';
//base_href = 'http://area9webshop.probu.nl/';
var base_href = $('base').attr('href');

function populate_subs(data) {

	sdiv = $('#producten-sub');

	sdiv.html('');
	
	if(data.length==0)
		sdiv.append("Empty");
	else
		for(i=0;i<data.length;i++)
			sdiv.append(
				'<a href="'+base_href+
				'webshop/subcat/show_cat/'+_old_cat+'/show_subcat/'
				+data[i].id+'" '+
				'onClick="javascript:show_category_brands('+data[i].id+')"  '+
				'id="subcat_id_'+data[i].id+'">'
				+data[i].name+'</a><br/>');
}


function show_category(id, callback) {
	if(_old_cat==id)
		return 0;
	$.getJSON(base_href+'ajax_webshop.php', 
				{'op': 'show_subcats', 'cat': id}, 
					function(data) {
						populate_subs(data);
						if(callback!=null)
							callback();
					});

	$("#cat_id_"+id).css("text-decoration", "none").css("color", "red");
	$("#cat_id_"+_old_cat).css("text-decoration", "none")
				.css("color","white");
	_old_cat = id;
}

function show_category_brands(id) {
	if(id==_old_subcat)
		return 0;

	$("#subcat_id_"+id).css("text-decoration", "none").css("color", "red");
	$("#subcat_id_"+_old_subcat).css("text-decoration", "none")
				.css("color","white");
	_old_subcat = id;
}