$(document).ready(function() {
	var table = $('table.rounded');
	if (table.length > 0)
	{
		round_table(table);
	}

	/*
	$("div.event_container")
		.wrap('<div class="roundbox"><div class="rb_top"><div class="rb_bottom"><div class="rb_inner"></div></div></div></div>');
    */
    $("div.event_container").wrap('<div class="roundbox"><table class="round_table" cellpadding="0" cellspacing="0"><tr class="rb_content"><td></td></td></table></div>');
    var rb = $('div.roundbox');
    var table = rb.children(table);
    $('tr.rb_content', table)
    	.prepend('<td class="first"></td>')
    	.append('<td class="last"></td>');
    table
    	.prepend('<tr class="first"><td class="first"></td><td class="middle"></td><td class="last"></td></tr>')
    	.append('<tr class="last"><td class="first"></td><td class="middle"></td><td class="last"></td></tr>');
	
	var full = $('tr.shrink-full');
	
	full.hide();
	$('table.section').click(toggle_visible);
 });



function toggle_visible(event)
{	
	var table;
	if ($(this).is('table.section'))
	{
		table = $(this);		
	}
	else
	{
		table = $(this).parents('table.section');
	}
	
	var intro = table.find('tr.shrink-intro');
	var full = table.find('tr.shrink-full');
	if (intro.is(":visible"))
	{
		intro.hide();
		full.show();
		
	}	
	else
	{
		intro.show();
		full.hide();
	}
}

function round_table(table)
{
	headers = table.find('tr');
	for (i=0,n=headers.length;i < n; i++)
	{
		add_classes_to_rows($(headers[i]));
	}
	
	if (headers.length > 2)
	{
		$(headers[headers.length - 2]).addClass('secondlast');
	}
	
	table.find('tr.last td').html('<span></span>');
	table.find('tr.second th').html('<span>&nbsp;</span>');
}

function add_classes_to_rows(row)
{
	cols = row.find('td,th');
	numOfCols = cols.length;
	$(cols[0]).addClass('first').html('<span></span>');
	
	$(cols[1]).addClass('second');
	if (numOfCols > 3)
	{
		$(cols[numOfCols - 2]).addClass('secondlast');
		$(cols[numOfCols - 1]).addClass('last').html('<span></span>');
	}
	
}