if(window.addEventListener)
{
	window.addEventListener("load",init,false);
}
else if(window.attachEvent)
{
	window.attachEvent("onload",init);
}


//初期設定


function init()
{
	//イメージのフェードの設定（JQueryを使用）
	$(".fadeTo").hover(function()
	{
		$(this).fadeTo("fast", 0.5);
	},
	function(){
		$(this).fadeTo("fast", 1.0);
	});
	
	
	//外部リンクを設定
	var Anchor = document.getElementsByTagName('a');
	for(var i=0; i<Anchor.length; i++)
	{
		var address = Anchor[i];
		
		if(address.className == 'external' || address.className == 'fadeTo external')
		{
			address.onclick = function()
			{
				window.open(this.getAttribute('href'),'_blank');
				return false; 
			}
		}
	}
	
	//ショップイメージ用の関数の設定
	setShopImgChange();
}





function setShopImgChange()
{
	//ロールオーバーイメージのプリロード
	function preload(imgs)
	{
 		for(var i = 0; i < imgs.length; i++)
		{
   		var imgObj = new Image();
  	 	imgObj.src = imgs[i];
		}
	}
	preload(["images/shibiranka_shopimg_02.jpg",
					"images/shibiranka_shopimg_03.jpg",
					"images/boteya_shopimg_02.jpg",
					"images/boteya_shopimg_03.jpg",
					"images/acave_shopimg_02.jpg",
					"images/acave_shopimg_03.jpg",
					"images/sakura_shopimg_02.jpg",
					"images/smilekitchen_shopimg_02.jpg",
					"images/smilekitchen_shopimg_03.jpg"]
	);
	
	
	//イメージタグでクラス名が「shopImgMenu」の物を登録
	var imgTags = document.getElementsByTagName("img");
	
	for(var i=0; i<imgTags.length; i++)
	{
		if(imgTags[i].className == "shopImgMenu fadeTo")
		{
			if(window.addEventListener)
			{
				imgTags[i].addEventListener("mouseover",shopImgChange,false);
			}
			else if(window.attachEvent)
			{
				imgTags[i].attachEvent("onmouseover",shopImgChange);
			}
		}
	}
}


function shopImgChange(e)
{
	//オーバーされたターゲット保存用変数
	var target;
	
	//targetに、オーバーされたターゲットIDを設定
	//IEとその他のブラウザで「target」の取得が異なるので注意！
	if(e.target) target = e.target.id;
	else target = e.srcElement.id;
	
	//id名から番号を取得
	var imgNum = target.substr(target.length-1,1);
	var imgMain = document.getElementById("shopMainImg");
	var imgName = imgMain.src.substr(0,imgMain.src.length-5);
	
	imgMain.src = imgName + imgNum + ".jpg";
	
	//フェードイン（必要なら設定）
	/*imgMain.style.display = "none";
	$(imgMain).fadeIn("slow");*/
}