// JavaScript Document
$(function(){
	//メイン画像
	var $visuals =  $('#visual').find('li');
	//最初に全部消す
	$visuals.hide();
	
	//コントロール
	var $controler = $('#control').find('li');
	
	//初期表示アイテム設定
	var selectItem = {
		$visual:$visuals.eq(0).fadeIn(),
		$control:$controler.eq(0).addClass('selected')
	};
	
	$controler.each(function(i) {
		$(this).find('a').click({visual:$visuals.eq(i), control:$(this)}, function(e){
			//表示する画像と現在表示されている画像が同じものでは無い場合
			if(selectItem.$visual != e.data.visual)
			{
				//すでに選択したものを消す
				selectItem.$visual.fadeOut();
				selectItem.$control.removeClass('selected');
				
				//対象を表示して保持（selectItemを書き換える）
				selectItem.$visual = e.data.visual.fadeIn();
				selectItem.$control = e.data.control.addClass('selected');
			}
			
			return false;//#が表示されなくなる。
		});
	});
});