cghub.boxCollapseToggle = function (boxSelector, collapserImg) {
	var cookie = readCookie('boxcollapse');
	if (cookie == null) {
		cookie = {};
	} else {
		cookie = JSON.parse(cookie);
	}
	
	if ($(collapserImg).attr('src').indexOf('/img/openit.gif') != -1) { //open
		$(collapserImg).attr('src', $(collapserImg).attr('src').replace('/img/openit.gif', '/img/closeit.gif'));
		$(boxSelector).slideDown();
		if (typeof cookie[boxSelector] != 'undefined') {
			delete cookie[boxSelector];
		}
	} else { //close
		$(collapserImg).attr('src', $(collapserImg).attr('src').replace('/img/closeit.gif', '/img/openit.gif'));
		$(boxSelector).slideUp();
		cookie[boxSelector] = collapserImg.id;
	}
	
	createCookie('boxcollapse', JSON.stringify(cookie));
};

cghub.boxCollapseGetCallback = function(boxSelector, collapserImgId) {
	return function() {
		var collapserImg = $('#'+collapserImgId);
		if (collapserImg.length > 0) {
			$(boxSelector).hide();
			collapserImg.attr('src', collapserImg.attr('src').replace('/img/closeit.gif', '/img/openit.gif'));
		}
	};
};

cghub.boxCollapseStart = function () {
	var cookie = readCookie('boxcollapse');
	if (cookie == null) {
		cookie = {};
	} else {
		cookie = JSON.parse(cookie);
	}
	
	for (var boxSelector in cookie) {
		var collapserImgId = cookie[boxSelector];
		
		var callback = cghub.boxCollapseGetCallback(boxSelector, collapserImgId);
		
		$(boxSelector).ready(callback);
	}
};

cghub.boxCollapseStart();
