$(document).ready(function(){
	$('.expandButton').click(function(e) {
		expand(e, this);
	});
});

function expand(e, link) {
	e.preventDefault();

	element = $(link).parent('h4').next('ul');

	if ($(element).hasClass('menuOn')) {
		element.removeClass('menuOn');
		var newClass = 'menuOff';
	} else {
		element.removeClass('menuOff');
		var newClass = 'menuOn';
	}


	element.addClass(newClass);

	if (newClass == 'menuOn') {
		var img = '/images/shop_min.gif';
	} else {
		var img = '/images/shop_plus.gif';
	}

	$(link).find('img').attr('src', img);

	var categoryId = $(link).attr('href').split('?')[1].split('=')[1];

	// send the little bitch to the server.
	var status = (newClass == 'menuOn') ? '0' : '1';

	var url = '/shop/ajax/?categoryId='+categoryId+'&closed='+status;

	$.ajax(url);
}