// JavaScript Document

function collapseZone(z,set){
	var c = $(z).select('div.zoneContent')[0];
	(set)?c.setStyle({'marginTop':"-"+( c.getHeight() + 8 )+"px"}):c.morph({'marginTop':"-"+( c.getHeight() + 8 )+"px",'visibility':'hidden'},{duration:0.9});
	z.removeClassName('expanded').addClassName('collapsed');
	z.removeClassName('ON').addClassName('OFF');
}
function expandZone(z,set){
	z = $(z)
	$$('div.expanded:not([id='+z.identify()+'])').each(function(zone){collapseZone(zone);});
	var c = z.select('div.zoneContent')[0];
	(set)?c.setStyle({'marginTop':'0'}):c.morph({'marginTop':'0','visibility':'visible'},{duration:0.9});
	z.removeClassName('collapsed').addClassName('expanded');
	z.removeClassName('OFF').addClassName('ON');
}
function toggleZone(z){
	z = $(z);
	(z.hasClassName('collapsed'))?expandZone(z):collapseZone(z);
}
//document.observe('dom:ready',function(){ $$('.zone').each(function(z){collapseZone(z,true);}) });
Event.observe(window,'load',function(){ $$('.zone').each(function(z){collapseZone(z,true);}) });