$(document).ready(function()
{
	RenderAccordion();
});

//function used to setup our own accordion functionality
function RenderAccordion() {
	//setup the initial state
	$('ul.accordion').each(
		function() {
			//add menu index
			$(this).find('li > a.header').each(
			    function(i) {
			        this.menuIndex = i;
			    }
			);
			
			//hide all content divs
			$(this).find('li > a.header').each(
			    function() {
			        hideAllPanels(this);
			    }
			);
			
			// get links that are selected
			var selectedLinks = $(this).find('li.selected a.header');
			if (selectedLinks == null || selectedLinks.length == 0)
			    selectedLinks = $(this).find('a.header:first');
            
            // show content
			selectedLinks.each(
			    function() {
			        showSelectedPanel(this);
			    }
			);
		}
	);
	
	//setup the click events
	$('ul.accordion li a.header').click(
		function(event)	{
		
		//prevent the default click through
		event.preventDefault();
		
		hideAllPanels(this);
		
		showSelectedPanel(this);
		
	});
}

function showSelectedPanel(link)
{
    // now show the selected one
    $(link).next().height('179px');
	
	// select link
	if (!$(link).hasClass("selected"))
	    $(link).addClass("selected");
		//$(link).parent.addClass("selected");

	
	// set menu index
	var menuIndex = $("form.criteria-panel input#menuindex");
	if (menuIndex != null && menuIndex[0] != null && link.menuIndex != null)
	    menuIndex[0].value = link.menuIndex;
}

function hideAllPanels(link)
{
	// hide all content divs
	$(link).parents('ul.accordion').find('li > div.content').each(
		function() {
			$(this).height('0px');
		}
	);
	
	// un select all li.selected tags
	$(link).parents('ul.accordion').find('h3.selected').each(
		function() {
			
			$(this).removeClass("selected");
		}
	);	
				
	// un select all a links
	$(link).parents('ul.accordion').find('li > a').each(
	    function() {
			
	        if ($(this).hasClass("selected"))
	            $(this).removeClass("selected");
		
	    }
	);
}