jQuery(function($){


/***********************************************/ 
/* 印刷ボタン */
/***********************************************/ 
$(".print-button").css("cursor", "pointer");
$(".print-button").click(function(){
	print();
});



/***********************************************/ 
/* サムネイルから画像切り替え */
/***********************************************/ 
if($("#slideshow-thumb").size() > 0){
	var imgFileName = "bod_img_thmb_";
	var current = $("#slideshow-thumb img:first");
	$("#slideshow-thumb img:first").attr("src",$("#slideshow-thumb img:first").attr("src").replace("_f3","_f4"));
	$("#slideshow-image img:gt(0)").hide();
	
	var imgToggle = function(){
		var imgNo = $(this).attr("src").split(imgFileName)[1].substring(0,2) -1;
		current.mouseover(imgToggle);
		current.attr("src",current.attr("src").replace("_f4","_f3"));
		$(this).attr("src",$(this).attr("src").replace("_f3","_f4"));
		fadeSlide(imgNo);
		
		current = $(this);
		current.unbind("mouseover");
	};
	
	var fadeSlide = function(imgNo){
		$("#slideshow-image img:visible").fadeOut();
		$("#slideshow-image img:eq(" + imgNo + ")").fadeIn();
	};
	
	$("#slideshow-thumb img").mouseover(imgToggle);
}


/***********************************************/ 
/* フォントサイズ切り替え */
/***********************************************/ 
var fsize = {
	M : ["#fsizeM", "78%"],
	L : ["#fsizeL", "100%"],
	LL: ["#fsizeLL", "120%"]
};

var FSC = function(size) {
		$("body").css("font-size",size);
};

$("div.fontsize li img").css("cursor", "pointer");

if($("div.fontsize").size() > 0){
	if($.cookie('fsize') == null){
		//cookieが無い場合
		$.cookie("fsize",fsize["M"],{expires:30,path:'/'});
		$(fsize["M"][0]).attr("src", $(fsize["M"][0]).attr("src").replace("_f3", "_f4"));
		$(fsize["M"][0]).css("cursor", "default");
	}else{
		//cookieがある場合
		var defaultSize = $.cookie('fsize').split(",");;
		$(defaultSize[0]).attr("src", $(defaultSize[0]).attr("src").replace("_f3", "_f4"));
		$(defaultSize[0]).css("cursor", "default");
		FSC(defaultSize[1]);
	}
}

$(fsize["M"][0]).click(function(){
	FSC(fsize["M"][1]);
	$.cookie("fsize",fsize["M"],{expires:30,path:'/'});
	
	$(fsize["L"][0]).attr("src", $(fsize["L"][0]).attr("src").replace("_f4", "_f3"));
	$(fsize["LL"][0]).attr("src", $(fsize["LL"][0]).attr("src").replace("_f4", "_f3"));
	$("div.fontsize li img").css("cursor", "pointer");
	$(this).attr("src", $(this).attr("src").replace("_f3", "_f4"));
	$(this).css("cursor", "default");
});

$(fsize["L"][0]).click(function(){
	FSC(fsize["L"][1]);
	$.cookie("fsize",fsize["L"],{expires:30,path:'/'});
	
	$(fsize["M"][0]).attr("src", $(fsize["M"][0]).attr("src").replace("_f4", "_f3"));
	$(fsize["LL"][0]).attr("src", $(fsize["LL"][0]).attr("src").replace("_f4", "_f3"));
	$("div.fontsize li img").css("cursor", "pointer");
	$(this).attr("src", $(this).attr("src").replace("_f3", "_f4"));
	$(this).css("cursor", "default");
});

$(fsize["LL"][0]).click(function(){
	FSC(fsize["LL"][1]);
	$.cookie("fsize",fsize["LL"],{expires:30,path:'/'});
	
	$(fsize["M"][0]).attr("src", $(fsize["M"][0]).attr("src").replace("_f4", "_f3"));
	$(fsize["L"][0]).attr("src", $(fsize["L"][0]).attr("src").replace("_f4", "_f3"));
	$("div.fontsize li img").css("cursor", "pointer");
	$(this).attr("src", $(this).attr("src").replace("_f3", "_f4"));
	$(this).css("cursor", "default");
});



/***********************************************/ 
/* スムーズスクロール */
/***********************************************/ 
$('a[href^=#]').click(function() {
	var id = this.href.substring(this.href.indexOf('#'),this.href.length);
	if(id.charAt(0) == '#'){
		var target = $(this.hash);
		target = target.length && target;
		if (target.length) {
			var sclpos = 20;
			var scldurat = 800;
			var targetOffset = target.offset().top - sclpos;
			$('html,body')
				.animate({scrollTop: targetOffset}, {duration: scldurat, easing: "easeOutExpo"});
			return false;
		}
	}
});



/***********************************************/ 
/* IE6 SideContents Alpha BackGround */
/***********************************************/ 
if(browserChk() == "IE6") $(".localnavi").append("<div id='ie_alpha'></div>").css({"position": "relative","background": "none","height": "100%","overflow": "hidden"});





});



/***********************************************/ 
/* ブラウザ判定 */
/***********************************************/ 
function browserChk(){
	var userAgent = window.navigator.userAgent.toLowerCase();
	var appVersion = window.navigator.appVersion.toLowerCase();
	
	if (userAgent.indexOf("msie") > -1) {
		if (appVersion.indexOf("msie 6.0") > -1) {
			return "IE6";
		}
		else if (appVersion.indexOf("msie 7.0") > -1) {
			return "IE7";
		}
		else if (appVersion.indexOf("msie 8.0") > -1) {
			return "IE8";
		}
		else {
			return "Unknown";
		}
	}
	else if (userAgent.indexOf("firefox") > -1) {
		return "Firefox";
	}
	else if (userAgent.indexOf("opera") > -1) {
		return "Opera";
	}
	else if (userAgent.indexOf("chrome") > -1) {
		return "Google Chrome";
	}
	else if (userAgent.indexOf("safari") > -1) {
		return "Safari";
	}
	else {
		return "Unknown";
	}
}


/***********************************************/ 
/* フェードでロールオーバー */
/***********************************************/ 
/**
 * クロスフェードするロールオーバー処理
 * rollover2.js
 * Copyright (c) 2007 KAZUMiX
 * http://d.hatena.ne.jp/KAZUMiX/20071017/rollover2
 * 
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * 更新履歴
 * 2009/06/02 ブラウザの「戻る」でフェード状態が残っている場合に対処
 * 2007/10/17 公開
 */

(function(){
   // ページ遷移時に透明にする用
   var rolloverImages = [];
   
   function setRollOver2(){
     if(!document.images){return;}
     var imgs = document.images;
     var insert = [];
     for(var i=0,len=imgs.length; i<len; i++){
       var splitname = imgs[i].src.split('_fade_f1.');
       if(splitname[1]){
         var rolloverImg = document.createElement('img');
         rolloverImages.push(rolloverImg);
         rolloverImg.src = splitname[0]+'_fade_f2.'+splitname[1];
         var alpha = 0;
         rolloverImg.currentAlpha = alpha;
         rolloverImg.style.opacity = alpha/100;
         rolloverImg.style.filter = 'alpha(opacity='+alpha+')';
         rolloverImg.style.position = 'absolute';

         //ロールオーバー・アウト処理それぞれを設定
         addEvent(rolloverImg,'mouseover',function(){setFader(this,100);});
         addEvent(rolloverImg,'mouseout',function(){setFader(this,0);});

         // 後で追加するために追加場所と共に保存しておく
         // この時点で追加するとdocument.imagesが書き換わって不都合
         insert[insert.length] = {position:imgs[i],element:rolloverImg};
       }
     }
     // ↑で作ったロールオーバー画像を追加
     for(i=0,len=insert.length; i<len ;i++){
       var parent = insert[i].position.parentNode;
       parent.insertBefore(insert[i].element,insert[i].position);
     }

     // ページ遷移時にはフェード状態をクリアする
     addEvent(window,'beforeunload', clearRollover);
   }

   // 指定要素を指定透明度にするためのフェードアニメを設定する関数

   function setFader(targetObj,targetAlpha){
     targetObj.targetAlpha = targetAlpha;
     if(targetObj.currentAlpha==undefined){
       targetObj.currentAlpha = 100;
     }
     if(targetObj.currentAlpha==targetObj.targetAlpha){
       return;
     }
     if(!targetObj.fading){
       if(!targetObj.fader){
         targetObj.fader = fader;
       }
       targetObj.fading = true;
       targetObj.fader();
     }
   }

   // アルファ値をターゲット値に近づける関数
   // ターゲット値になったら終了

   function fader(){
     this.currentAlpha += (this.targetAlpha - this.currentAlpha)*0.2;
     if(Math.abs(this.currentAlpha-this.targetAlpha)<1){
       this.currentAlpha = this.targetAlpha;
       this.fading = false;
     }
     var alpha = parseInt(this.currentAlpha);
     this.style.opacity = alpha/100;
     this.style.filter = 'alpha(opacity='+alpha+')';
     if(this.fading){
       var scope = this;
       setTimeout(function(){fader.apply(scope)},30);
     }
   }
   
   // すべてのロールオーバー画像をを透明にする関数（遷移時用）

   function clearRollover(){
     for(var i=0,len=rolloverImages.length; i<len; i++){
       var image = rolloverImages[i];
       image.style.opacity = 0;
       image.style.filter = 'alpha(opacity=0)';
     }
   }

   // イベントを追加する関数

   function addEvent(eventTarget, eventName, func){
     if(eventTarget.addEventListener){
       // モダンブラウザ
       eventTarget.addEventListener(eventName, func, false);
     }else if(window.attachEvent){
       // IE
       eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
     }
   }

   addEvent(window,'load',setRollOver2);

 })();


/***********************************************/ 
/* onloadにfunctionを追加する仕組み */
/***********************************************/ 

var onloadHandle="";
function addOnloadHandle(str){
onloadHandle+=str;
}
window.onload=function(){
eval(onloadHandle);
}


/***********************************************/ 
/* getElementsByClassName定義 */
/***********************************************/ 

document.getElementsByClassName = function (className) {
    var i, j, eltClass;
    var objAll = document.getElementsByTagName ? document.getElementsByTagName("*") : document.all;
    var objCN = new Array();
    for (i = 0; i < objAll.length; i++) {
        eltClass = objAll[i].className.split(/\s+/);
        for (j = 0; j < eltClass.length; j++) {
            if (eltClass[j] == className) {
                objCN.push(objAll[i]);
                break;
            }
        }
    }
    return objCN;
}


/***********************************************/ 
/* ロールオーバー画像切替動作 */
/***********************************************/ 

//mouseover
function swapImage(e){
	e = (e) ? e : event;
	var imgTag = (e.srcElement) ? e.srcElement : e.target;
	imgTag.src = imgTag.src.replace("_f1","_f2");
}

//mouseout
function restoreImage(e){
	e = (e) ? e : event;
	var imgTag = (e.srcElement) ? e.srcElement : e.target;
	imgTag.src = imgTag.src.replace("_f2","_f1");
}

//mouseover（mapタグの場合）
function swapImageMap(e){
	e = (e) ? e : event;
	var areaTag = (e.srcElement) ? e.srcElement : e.target;
	var mapTag = areaTag.parentNode;
	var mapTagId = mapTag.id;
	var allImageTags = document.getElementsByTagName('img');
	var swapImageTags = new Array();
	
	for(var i=0; i < allImageTags.length; i++){
		if(allImageTags[i].src.indexOf('_f1',0)){
			swapImageTags.push(allImageTags[i]);
		}
	}
	
	
	for(var i=j=0; i< mapTag.getElementsByTagName('area').length; i++){//ここでマウスオーバーしたareaがどこなのか判定（_f○○の数字を知るため）
		if(mapTag.getElementsByTagName('area')[i].shape != null){
			j++;
			if(mapTag.getElementsByTagName('area')[i] == areaTag){
				var areaNo = j+1;
			}
		}
	}
	
	for(var i=0; i< swapImageTags.length; i++){//全imgタグからマウスオーバーがあったareaタグの親のmapタグのidと同じusemapを持つimgタグを探し画像名を置換
		if(swapImageTags[i].useMap){
			var useMap = swapImageTags[i].useMap.split("#")[1];
			if(useMap == mapTagId){
				var mapImgTag = swapImageTags[i];
				mapImgTag.src = mapImgTag.src.replace("_f1","_f" + areaNo);
			}
		}
	}
}

//mouseout（mapタグの場合）
function restoreImageMap(e){
	e = (e) ? e : event;
	var areaTag = (e.srcElement) ? e.srcElement : e.target;
	var mapTag = areaTag.parentNode;
	var mapTagId = mapTag.id;
	var allImageTags = document.getElementsByTagName('img');
	var swapImageTags = new Array();
	
	for(var i=0; i < allImageTags.length; i++){
		if(allImageTags[i].src.indexOf('_f1',0)){
			swapImageTags.push(allImageTags[i]);
		}
	}
	
	
	for(var i = 0; i < swapImageTags.length; i++){//全imgタグからマウスオーバーがあったareaタグの親のmapタグのidと同じusemapを持つimgタグを探し画像名を置換
		if(swapImageTags[i].getAttribute("usemap")){
			var useMap = swapImageTags[i].getAttribute("usemap").split("#")[1];
		}
		if(useMap == mapTagId){
			var mapImgTag = swapImageTags[i];
			mapImgTag.src = mapImgTag.src.replace(/_f[0-9][0-9]?/,"_f1");
		}
	}
}

//あらかじめ画像名に'_f1'があるimgタグにロールオーバーをセット
function rolloverImgset(){
	var allImageTags = document.getElementsByTagName('img');
	var allInputTags = document.getElementsByTagName('input');
	var swapImageTags = new Array();
	
	for(var i=0; i < allImageTags.length; i++){
		if(allImageTags[i].src.indexOf('_f1',0) != -1){
			swapImageTags.push(allImageTags[i]);
		}
	}
	
	for(var i=0; i < allInputTags.length; i++){
		if(allInputTags[i].src.indexOf('_f1',0) != -1){
			swapImageTags.push(allInputTags[i]);
		}
	}
	
	if(swapImageTags != ""){
		var len = swapImageTags.length;
		var getMapTag = document.getElementsByTagName('map');
		var mapLen = getMapTag.length;
		var swapImages = new Array();
		for(var i = 0; i < len; i++) {
			if(swapImageTags[i].useMap) { //mapタグ
				for(var a = 0; a < mapLen; a++) {
					if(swapImageTags[i].useMap.split('#')[1] == getMapTag[a].id) { //マウスオーバーがあった画像のusemapと同じidを持つmapタグなら処理
						var areaLen = getMapTag[a].getElementsByTagName('area').length;
						swapImages[i] = new Array();
						for(var b = 0; b < areaLen; b++) {
							swapImages[i][b] = new Image();
							swapImages[i][b].src = swapImageTags[i].src.replace("_f1","_f" + (b + 2)); //画像プリロード
						}
						getMapTag[a].onmouseover = swapImageMap;
						getMapTag[a].onmouseout = restoreImageMap;
					}
				}
			}
			else{ //imgタグ
				swapImages[i] = new Image();
				swapImages[i].src = swapImageTags[i].src.replace("_f1","_f2"); //画像プリロード
				swapImageTags[i].onmouseover = swapImage;
				swapImageTags[i].onmouseout = restoreImage;
			}
		}
	}else{
		return false;
	}
}
addOnloadHandle("rolloverImgset();");


/***********************************************/ 
/* popup window */
/***********************************************/ 

function popWin(theURI,windowName,Width,Height){
	PopUpWin = window.open(
		theURI,windowName,'scrollbars=0,width=' + Width + ',height=' + Height + ',resizable=1,directories=0,toolbar=0,status=1,location=0'
		);
	PopUpWin.focus();
	}


/***********************************************/ 
/* IE6でロールオーバーをCSSで行う際のちらつきをおさえる */
/***********************************************/ 

try {
	document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}