/* ------------------------------------------------------- */
/* Update：2011.04.22
/* 背景画像切り替えのjsファイル
/* ------------------------------------------------------- */

$(function(){
	var placeholder = $('#bgArea').empty();
	
	$("#bnrSwitch a").each(function(i){
		$("<li />").appendTo(placeholder).attr({
			'id':'main' + (i+1)
		});
		$(this).mouseover(function(){
			if($(this).attr("class") == "current") return;
			
			$("#bgArea li").css('opacity','1');
			$("#main"+ (i+1)).stop().appendTo(placeholder).css({'opacity': '0'}).fadeTo(300,1);
			$(".current").removeClass("current");
			$(this).addClass("current");
		});
	});
	$("#main1").stop().appendTo(placeholder);
	
	function fadeImg(){
		$("#bgArea li").css('opacity','1');
		$("#bgArea li:first").stop().appendTo(placeholder).css({'opacity': '0'}).fadeTo(300,1);
	}
	
	//アクティブなthumbnailにcurrentクラス付与
	$("#bnrSwitch a:first").addClass("current");
	var thumbnum = 1;
	function thumbclass(){
		if(thumbnum==3) thumbnum = 0;
		var switchbnr = $("#bnrSwitch a");
		$(switchbnr).removeClass("current");
		$(switchbnr[thumbnum]).addClass("current");
		thumbnum++;
	}
});