$(function(){
	
	// -----------------------------------------------------
	// Accordion Menu
	// -----------------------------------------------------
	
	$('.navigation_list ul ul').hide();
	var url = window.location.href;
	var currents = [];
	$('.navigation_list ul a').each(function(){
		var link = this.href;
		
		if( $('img',this).length == 0 ){
			$(this).addClass('text');
		}else{
			$(this).addClass('image');
		}
		
		if( link === '' || $(this).attr('href').match(/^#/) ) return;
		
		if( link === url || link === url.replace(/#.*$/,"") ){
			
			$(this).addClass('selected');
			
			$(this).parents('li').filter(":has(.selected),:has(.selected_image)").children("a").each(function(){
				if( $('img', this).length == 0 ){
					$(this).addClass("selected");
				}else{
					var genId = $.data(this);
					$(this).addClass("selected_image");
					if( rolloverImages instanceof Array ){
						rolloverImages.push(genId);
					}
					$('img',this).attr("id", genId);
				}
			});
		}
	});
	
	$('.navigation_list ul a.selected+ul,.navigation_list ul a.selected_image+ul').show();
	
	
	// -----------------------------------------------------
	// Toggle Area
	// -----------------------------------------------------
	
	var togglePair = [
		['#toggle_map_trigger', '#toggle_map_target', false]
	];
	
	for( var i=0,len=togglePair.length; i<len; i++){
		var trigger = $(togglePair[i][0]);
		var target  = $(togglePair[i][1]);
		var show    = $(togglePair[i][2]);
		
		var toggleMark = $('<span class="toggle_mark">&nbsp;</span>');
		
		trigger.append(toggleMark);
		
		if( show === true ){
			target.show( 0, function(){ $.data(target, 'show', true); });
		}else{
			target.hide( 0, function(){ $.data(target, 'show', false); });
		}
		
		trigger.click(function(){
			var showflg = $.data(target, 'show');
			if( showflg ){
				target.slideUp(500, function(){
					$.data(target, 'show', false);
					$(".toggle_mark",trigger).toggleClass('roggle_change', false);
				});
			}else{
				target.slideDown(500, function(){
					$.data(target, 'show', true);
					$(".toggle_mark",trigger).toggleClass('roggle_change', true);
				});
			}
			return false;
		});
	}
	
	// -----------------------------------------------------
	// MapSwap
	// -----------------------------------------------------
	
	var mapimage   = $('#beta_map_image').attr('src');
	var swapTarget = $('#beta_map_image');
	
	// image preload
	$('#beta_map_click area').each(function(){
		var img = new Image;
		var s = $(this);
		if( s.attr('rel') != '' ){
			
			$.data(this, 'swapimage', swapTarget.attr("src").replace(/_\d+\./, "_"+s.attr('rel')+"."));
			img.src = $.data(this, 'swapimage');
			
		}
		img = null;
	});
	
	$('#beta_map_click area').hover(
		function(){
			swapTarget.attr("src", $.data( this, 'swapimage') );
		},
		function(){
			swapTarget.attr("src", mapimage);
		}
	);
	
	// -----------------------------------------------------
	// AlphaMapSwap
	// -----------------------------------------------------
	
	var mapimageAlpha   = $('#alpha_map_image').attr('src');
	var swapTargetAlpha = $('#alpha_map_image');
	
	// image preload
	$('#alpha_map_click area').each(function(){
		var img = new Image;
		var s = $(this);
		if( s.attr('rel') != '' ){
			
			$.data(this, 'swapimage', swapTargetAlpha.attr("src").replace(/_\d+\./, "_"+s.attr('rel')+"."));
			img.src = $.data(this, 'swapimage');
			
		}
		img = null;
	});
	
	$('#alpha_map_click area').hover(
		function(){
			swapTargetAlpha.attr("src", $.data( this, 'swapimage') );
		},
		function(){
			swapTargetAlpha.attr("src", mapimageAlpha);
		}
	);
	
});
