// this tells jquery to run the function below once the DOM is read
$(document).ready(function() {

	$('.toggle').css('display', 'none');
	$('.startshown').toggle();

	var isDown = false;
	var savedIsDown = false;

	// capture clicks on the toggle links
	$('a.toggleLink').click(function() {
			
			// alert(isDown);
			// toggle the display
			if(!isDown)
			{
				$(this).parent().css('background', 'url("/images/design/generic/arrow-up.png") no-repeat scroll 193px center #A8D3E3');
				$(this).parent().next('.toggle').slideDown('slow');
				isDown = true;
			} else {
				$(this).parent().css('background', 'url("/images/design/generic/arrow.png") no-repeat scroll 193px center #A8D3E3');
				$(this).parent().next('.toggle').slideUp('slow');
				isDown = false;
			}

		// return false so any link destination is not followed
		return false;

	});
	
	$('li#name a').click(function(){
		// var temp = savedIsDown;
		// savedIsDown = isDown;
		// isDown = temp;
		// alert(isDown);
		// alert($('#mover .toggle').css('display') == 'block');
		// alert(isDown && !$('#mover .toggle').css('display') == 'block');
		if(isDown && !($('#mover .toggle').css('display') == 'block'))
		{
			isDown = false;
		} else if(!isDown && $('#mover .toggle').css('display') == 'block')
		{
			isDown = true;
		}
	});
	
	$('li#town a').click(function(){
		// var temp = savedIsDown;
		// savedIsDown = isDown;
		// isDown = temp;
		// alert(isDown);
		// alert($('#mover_town .toggle').css('display') == 'block');
		// alert(isDown && !$('#mover_town .toggle').css('display') == 'block');
		if(isDown && !($('#mover_town .toggle').css('display') == 'block'))
		{
			isDown = false;
		} else if(!isDown && $('#mover_town .toggle').css('display') == 'block')
		{
			isDown = true;
		}
	});

});