/**
 *
 */
$(function(){
	var lockflg = false;

	//IEでopacityを対応させる
	$("div.visualarea img[class!='farst']").css("opacity","0");

	$("div.mainvisual ul li").hover(function(e){

		var cur = $(this).attr("class");
		$(this).attr("id","hover");

		fade(cur);

		},function(){
			$(this).attr("id","");
			setTimeout(farst_in,200);
			//fade("farst");
	});
/*
	$("div.mainvisual").mouseout(function(){
		fade("farst");
	});
*/

	function fade(cur){

		if(!lockflg){
			var obj_out_area = $("div.visualarea img[class!='"+cur+"']");
			var obj_in_area = $("div.visualarea img[class='"+cur+"']");

			lockflg = true;

			obj_in_area.stop();
			obj_in_area.css("z-index","99");
			if(obj_in_area.css("opacity") == 1){lockflg = false;};
			obj_in_area.animate({opacity:1},600,function(){
				lockflg = false;
				obj_out_area.css("opacity","0");

				if($("div.mainvisual ul li#hover").length > 0){
					var cur = $("div.mainvisual ul li#hover").attr("class");
					fade(cur);
				}else{
					//alert("AAA");
					fade("farst");
				}
			});
			obj_out_area.css("z-index","1");
		}
	};

	function farst_in(){


		if($("div.mainvisual ul li#hover").length == 0){
			fade("farst");
		}

		//alert($("div.mainvisual ul li#hover").length);


	}
});