window.addEvent('domready',this.eventPanels);

var heights = new Array();
var status = new Array();
var dropdown;
var summary;

function eventPanels()
{
	dropdown = $$('.monthsummary .eventToggle');
	summary = $$('.monthsummary .eventcontainer');
	
	
	for(var i = 0; i < dropdown.length; i++)
	{
		heights.push(summary[i].scrollHeight);
		dropdown[i].addEvent('click',toggleEventPanel);
		if(i > 0)
		{
			summary[i].setStyles({'height' :'0', 'opacity' : '0', 'display' : 'none'});
			dropdown[i].setStyle("background-image","url(/z_images/layout/dropdown_arrow_close.gif)");
			status[i] = 0;
		}
		else
		{
			dropdown[i].setStyle("background-image","url(/z_images/layout/dropdown_arrow_open.gif)");
			status[i] = 1;
		}
	}
}

function toggleEventPanel(evt)
{
	var id;
	if(evt.target)
		id = evt.target.getParent().id;
	else
	if(evt.srcElement)
		id = evt.srcElement.getParent().id;
		
	id = id.split("_");
	id = id[id.length - 1]-1;
	if(status[id] == 1)
	{
		var height = new Fx.Style(summary[id], 'height', {duration:700, transition:Fx.Transitions.expoIn});
		var display = new Fx.Style(summary[id], 'display');
		new Fx.Style(summary[id], 'opacity', {duration:700, transition:Fx.Transitions.expoOut}).start(1,0).chain(function() {height.start(heights[id]+'px','0px');});//.chain(function() {display.start('none');});		
			
		dropdown[id].setStyle("background-image","url(/z_images/layout/dropdown_arrow_close.gif)");
		status[id] = 0;
	}
	else
	{
		var effect = new Fx.Style(summary[id], 'opacity', {duration:700, transition:Fx.Transitions.expoOut});
		new Fx.Style(summary[id], 'height', {duration:400, transition:Fx.Transitions.expoIn}).start('0px',heights[id]+'px').chain(function() {effect.start(0,1);});		
		summary[id].setStyle('display','');
		dropdown[id].setStyle("background-image","url(/z_images/layout/dropdown_arrow_open.gif)");
		status[id] = 1;
	}

}