// JavaScript Document

// do stuff when page is loaded
$(document).ready(function() {
	// listen: toggle panels when tab is clicked
	$('.AccordionPanelTab').click(function() {togglePanel(this);});
	
	// hide all navigation panels
	$('.AccordionPanelContent').hide();
	// open the default panel
	$('.defaultOpen .AccordionPanelContent').show();
});

// toggle panels on or off, hiding all others
function togglePanel(panel) {
	if ($(panel).next().is(':hidden')) {
		$('.AccordionPanelContent').slideUp('slow');
		$(panel).next().slideDown('slow');
	}
	else $(panel).next().slideUp('slow');
}

// animate comments window
$(document).ready(function() { $('#commentWindow').hide(); });
function toggleCommentsWindow() {
	if ($('#commentWindow').is(':visible')) $('#commentWindow').slideUp();
	else $('#commentWindow').slideDown();
}

// add navigation controls
$(document).ready(function() {
	// initially hide all subfolders
	$('#navigation ul ul').hide();
	// add folder control to all li items containing a ul
	$('#navigation li:has(ul)').prepend('<span class="folder"></span>');
	// add a normal bullet to everything else
	$('#navigation li:not(:has(.folder))').prepend('<span class="item"></span>');
	// set up click event for each folder control
	$('.folder').click(function() {
		folder=$(this).siblings('li ul');
		// change control image
		if (folder.is(':visible')) $(this).css('background-image','url(/images/bullet-parent-trans.png)');
		else $(this).css('background-image','url(/images/bullet-active-trans.png)');
		// toggle visibility of the subfolder
		folder.slideToggle();
	});
	// set all active items to be initially visible
	$('.active > .folder').click();
});