function showOrHideObjDependingOnClass(objSelector) {
	var panel = jQuery(objSelector).parents('.collapsiblepanel');
	var controller = panel.children('.control').eq(0);
	var obj = panel.children('.collapsing').eq(0);
	var options = {};
	obj.toggle('blind', options, 180);
	controller.toggleClass('collapsed');
}
function showOrHideDependingOnClass(event) {
	showOrHideObjDependingOnClass(event.target);
}
function createIdHideEffectById(controllerSelector, objSelector) {
	jQuery(controllerSelector).click(showOrHideDependingOnClass);
	
	if(jQuery(objSelector).hasClass('collapseInitial')) {
		showOrHideObjDependingOnClass(objSelector);
		jQuery(objSelector).removeClass('collapseInitial');
	}
	
}
function createIdHideEffectBySelector(controllerSelector, objSelector) {
	var elements = jQuery(controllerSelector);
	if(elements && elements.length>0) {
		var controller = elements[0];
		createIdHideEffectById(controller, objSelector);
	}
}
function createSelectorHideEffectById(controllerSelector, objSelector) {
	var objs = jQuery(objSelector);
	if(objs && objs.length>0) {
		for(var i=0,l=objs.length;i<l;++i) {
			jQuery(controllerSelector).click(showOrHideDependingOnClass);
		}
	}
}
function createSelectorHideEffectBySelector(controllerSelector, objSelector) {
	var elements = jQuery(controllerSelector);
	if(elements && elements.length>0) {
		var controller = elements[0];
		createSelectorHideEffectById(controller, objSelector);
	}
}

jQuery(document).ready(function(){
	var cps=jQuery('div.collapsiblepanel');
	for(var i=0,l=cps.length;i<l;++i){ jQuery(cps[i]).addClass('collapsible'); }
	var invs=jQuery('div.collapsiblepanel span.invisible');
	for(var i=0,l=invs.length;i<l;++i){ jQuery(invs[i]).removeClass('invisible'); }
});