/**
 * 2010.10.20 T.Jekal
 */

function preload(Dir, imgs){
	var d = document;
	for(var i= 0; i< imgs.length; i++){
		var imgObj = new Image();
		imgObj.src = Dir+imgs[i];
	}
}


window.onload = function(){
	preload("./img/", ["hikakq_in_btn.jpg","hikakq_out_btn.jpg","hikaq_in_btn.jpg","home_in_btn.jpg","home_out_btn.jpg","area_in_btn.jpg","area_out_btn.jpg"]);
	$('#area-menu').hide();
	
	var a_all = $('.outside');

	for (i = 0; i < a_all.length; i++) {
		a_all[i].target = "_blank";
	}
};

$(function(){
	$('#home').hover(
		function(){
			//マウスオーバー処理
			//up画像
			var upimgSrc = $(this).attr("src");
			//over画像
			var overimgSrc = upimgSrc.replace("out", "in");
			$(this).animate({'opacity':'0'}, 200).animate({'src':overimgSrc},0).animate({'opacity':'1'}, 200);
		},
		function(){
			//マウスアウト処理
			//up画像
			var upimgSrc = $(this).attr("src");
			//over画像
			var overimgSrc = upimgSrc.replace("in", "out");
			$(this).animate({'opacity':'0'}, 100).animate({'src':overimgSrc},0).animate({'opacity':'1'}, 0);
		}
	);
	$('#area').hover(
			function(){
				//マウスオーバー処理
				//up画像
				var upimgSrc = $(this).attr("src");
				//over画像
				var overimgSrc = upimgSrc.replace("out", "in");
				$(this).animate({'opacity':'0'}, 200).animate({'src':overimgSrc},0).animate({'opacity':'1'}, 200);
				$('#area-menu').css("top","158px").css("left","158px").show();
			},
			function(){
				//マウスアウト処理
				//up画像
				var upimgSrc = $(this).attr("src");
				//over画像
				var overimgSrc = upimgSrc.replace("in", "out");
				$(this).animate({'opacity':'0'}, 100).animate({'src':overimgSrc},0).animate({'opacity':'1'}, 0);
				$('#area-menu').hide();
			}
		);
	$('#area-menu').hover(
			function(){
				$(this).show();
			},
			function(){
				//マウスアウト処理
				$(this).hide();
			}
		);
	$('#hikaq').hover(
			function(){
				//マウスオーバー処理
				//up画像
				var upimgSrc = $(this).attr("src");
				//over画像
				var overimgSrc = upimgSrc.replace("out", "in");
				$(this).animate({'opacity':'0'}, 200).animate({'src':overimgSrc},0).animate({'opacity':'1'}, 200);
			},
			function(){
				//マウスアウト処理
				//up画像
				var upimgSrc = $(this).attr("src");
				//over画像
				var overimgSrc = upimgSrc.replace("in", "out");
				$(this).animate({'opacity':'0'}, 100).animate({'src':overimgSrc},0).animate({'opacity':'1'}, 0);
			}
	);
	$('#site-list').scrollFollow({
		speed:300,
		container:'container'
	});
});