var ExpandCollapse = Class.create();
ExpandCollapse.prototype = {	
	initialize: function() {
		
		$$("ul.expCol a").each(function(link) {
		if(!link.hasClassName('details')){
				Event.observe(link, 'click', this.clickHandler.bindAsEventListener(this));
			}
			else{
				return false;
			}
		}.bind(this));
	},
	clickHandler:function(e) {
        var parentNode = getParentByTagName(Event.element(e), "li");
        if (parentNode)
        parentNode.hasClassName("open") ? parentNode.removeClassName("open") : parentNode.addClassName("open") ; 
        Event.element(e).blur();
        Event.stop(e);
	}
}
Event.observe(window, 'load', function() { new ExpandCollapse; }, false);