// JavaScript Document

var curMapLevel = 1;

$(document).ready( function() {
			$(".ui-accordion-container").accordion({
					autoHeight: false
			});
			$(".ui-accordion-container a").click(showMap);
			$('#map1').css('display', 'block').addClass('selected');
			$('#zoomButtonContainer a').click(zoomClick);
			$('#zoomOutLink').css('visibility', 'hidden');
});

function showMap() {
		if(! $(this).hasClass('selected') ) {
			$('#mapContainer img.selected').fadeOut('slow');
			$('#mapContainer img').removeClass('selected');
			var curID = $(this).attr('id');
			var newMapSelector = '#' + 'map' + curMapLevel.toString() + '_list' + curID.substring(curID.length-1, curID.length);
			$(newMapSelector).fadeIn('slow').addClass('selected');
		}
}

function zoomClick() {
		if($(this).attr('id') == "zoomOutLink") {
			curMapLevel--;	
		}
		else if($(this).attr('id') == "zoomInLink") {
			curMapLevel++;	
		}
		if(curMapLevel < 1) { curMapLevel = 1; }
		else if(curMapLevel > 3) { curMapLevel = 3; }
		setupMap();
}

function setupMap() {
		$('#mapContainer img.selected').fadeOut('slow');
		$('#mapContainer img').removeClass('selected');
		$('#locations_map2, #locations_map3').css('display', 'none');
		if(curMapLevel == 1) {
			$('#zoomOutLink').css('visibility', 'hidden');
			$('#map1').fadeIn('slow').addClass('selected');
		}
		else if(curMapLevel == 2) {
			$('#zoomInLink').fadeIn('slow');
			$('#zoomOutLink').css('visibility', 'visible');
			$('#locations_map2').fadeIn('slow');
			$('#map2_list1').fadeIn('slow').addClass('selected');
		}
		else if(curMapLevel == 3) {
			$('#zoomInLink').fadeOut('slow');
			$('#locations_map3').fadeIn('slow');
			$('#map3_list1').fadeIn('slow').addClass('selected');
		}
}