/************************************************
  
    Site Name: Cheri bijou
	Description: common script
	Version: 1
	Author: hasegawa
	Last Modified :

************************************************/


/* クッキーに高さがあれば、スタイルを記述
-----------------------------------------------*/
function chkCookie() {
	var cheriCookie = document.cookie;
	var cookieIndex = cheriCookie.indexOf("sherinum=");
	if (cookieIndex != -1) {
		var txtLength = cheriCookie.indexOf(";" ,cookieIndex);
		var topNum = cheriCookie.substring(cookieIndex + 9, txtLength);
		document.write('<style type="text/css">');
		document.write('div#container{margin-top:' + topNum + 'px}');
		document.write('</style>');
	}
}


/* 高さ調整
-----------------------------------------------*/
function getPageSize() {
	var windowHeight;
	if (self.innerHeight) { // all except Explorer
	windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
	windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
	windowHeight = document.body.clientHeight;
	}
	return windowHeight;
}

function setMarginTop () {
	 var height = getPageSize();
	 var t = Math.round((height-735)/2);
	 var num = (t<0)?0:t;
	 $("container").style.marginTop = num+"px";
	 document.cookie = "sherinum=" + num + ";path=/cheri-bijou/;expires=Sun, 1 Mar 2099 01:28:29 UTC";
}


/* ナビロールオーバー
------------------------------------------------*/
function setNaviOver() {
	var aArray = $("jsnavi").getElementsByTagName("a");
	for (var i=0 ; i<aArray.length; i++) {
		var aNode = aArray[i];
		setRollOver(aNode);
	}
}


/* ロールオーバー
------------------------------------------------*/
function setClassOver() {
	var aArray = document.getElementsByClassName("jsChange");
	for (var i=0 ; i<aArray.length; i++) {
		var aNode = aArray[i];
		setRollOver(aNode);
	}
}


function setRollOver(aNode) {
		Event.observe(aNode, "mouseover", function () {
			var img = this.getElementsByTagName("img")[0];
			var imgSrc = img.src;
			if (imgSrc.indexOf("_off.gif") != -1) {
				var newSrc = imgSrc.slice(0,imgSrc.indexOf("_off.gif")) + "_on.gif";
				changeImg(img, newSrc);
			}
		}, false);
		
		Event.observe(aNode, "mouseout", function () {
			var img = this.getElementsByTagName("img")[0];
			var imgSrc = img.src;
			if (imgSrc.indexOf("_on.gif") != -1) {
				var newSrc = imgSrc.slice(0,imgSrc.indexOf("_on.gif")) + "_off.gif";
				changeImg(img, newSrc);
			}
		}, false);
}


function changeImg(aImg, aSrc) {
	aImg.src = aSrc;
}
	

/* 初期設定
------------------------------------------------*/
function cheriInit() {
	setMarginTop();
	setNaviOver();
	setClassOver();
}

/* イベント設定
------------------------------------------------*/
chkCookie();
Event.observe(window, "load", cheriInit, false);
Event.observe(window, "resize", setMarginTop, false);