// All site-wide, skin-agnostic Javascript should go here

function openMenu(menuId) {
	setTimeout("jQuery('" + menuId + "').slideDown('slow')", 200);
}
	
function closeMenu(menuId) {
	jQuery(menuId).slideUp('slow');
}
	
function boxToggle(menuId) {
 	if ( jQuery(menuId).is(':visible') ) {
		closeMenu(menuId);
	}
	else {
		// Close all other boxes
		jQuery('.box:visible').slideUp(200, openMenu(menuId));
	}
}

jQuery(document).ready(function ($) {
	$('#login').bind('click', function (event) {
			boxToggle('#jqclientlogin');

			event.preventDefault();
		}
	);

	// table sorter
	// @see http://tablesorter.com/docs/index.html#Configuration
	if ($.fn.tablesorter) {
		var $table	= $('div.assignments table'),
			pager	= '',
			path	= template_directory + '/css/tablesorter/pager/',
			$pager;

		$table.addClass('tablesorter').tablesorter({
			widgets: ['zebra']
		});

		if ($.fn.tablesorterPager) {
			$pager = $('<div />').attr('id', 'pager');

			pager += '<form>';
				pager += '<img class="first" src="' + path + 'first.png">';
				pager += '<img class="prev" src="' + path + 'prev.png">';
				pager += '<input type="text" class="pagedisplay">';
				pager += '<img class="next" src="' + path + 'next.png">';
				pager += '<img class="last" src="' + path + 'last.png">';
				pager += '<input type="hidden" class="pagesize" value="1" />';
			pager += '</form>';

			$pager.append(pager).insertAfter($table);
			$table.tablesorterPager({
				container:	'#pager',
				size:		1,
				page:		0,
				totalRows:	2,
				totalPages:	2
			});
		}
	}
});