/* 
Simple JQuery Accordion menu.
HTML structure to use:

<ul id="menu">
<li><a href="#">Sub menu heading</a>
<ul>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
...
...
</ul>
<li><a href="#">Sub menu heading</a>
<ul>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
...
...
</ul>
...
...
</ul>

Copyright 2007 by Marco van Hylckama Vlieg

web: http://www.i-marco.nl/weblog/
email: marco@i-marco.nl

Free for non-commercial use
*/

function initMenu()
{
	$('#menu ul').hide();
	//$('#menu ul:first').show();
	//$('#menu ul')(1).show();
	
	$('#menu ul.open').show();
	// Change active image when opening page
	var el = $("#menu li:has(.open) a img")
	var newImg = $(el).attr("src");
	if(newImg != null)
	{
		newImg = newImg.replace("1", "2");
		$(el).attr("src", newImg);
	}

	$('#menu li a').click(
    function()
    {
    	$(this).blur();
    	var checkElement = $(this).next();
    	if ((checkElement.is('ul')) && (checkElement.is(':visible')))
    	{
    		return false;
    	}

    	if ((checkElement.is('ul')) && (!checkElement.is(':visible')))
    	{
    		
    		// Return original link images
    		$("#menu li a img").each(function (i) {
    			
    			var origImg = $(this).attr("src");
    			origImg = origImg.replace("2", "1");
    			$(this).attr("src",origImg);
    			
    		});

    		
    		// Change active image
    		var newImg = $(this).children("img").attr("src");
   			newImg = newImg.replace("1", "2");
    		$(this).children("img").attr("src", newImg);
    		
    		
    		$('#menu ul:visible').slideUp('normal');
    		checkElement.slideDown('normal');
    		return false;
    	}
    }
    );
}


function makeActive(el)
{
	
}


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