/* [www.zounohana.com]
 * Summary: global JavaScript 
 * Modified: 2009-06-29
 */

/* Initial Document Setting
----------------------------------------*/
function docInit() {
	var favicon = document.createElement("link");
	favicon.setAttribute("rel", "shortcut icon");
	favicon.setAttribute("href", "http://www.zounohana.com/favicon.ico");
	document.getElementsByTagName("head")[0].appendChild(favicon);
	document.createElement("abbr");
}

/* Script for Global Navigation
----------------------------------------*/
function globalnav() {
	var c = {
		crClass: "on",
		crPostfix: "_on",
		hoverClass: "on",
		hoverPostfix: "_on",
		rootDir: "http://www.zounohana.com/"
	};
	
	var gnav = document.getElementById("global-nav");
	if(!gnav) return;
	var nav = gnav.getElementsByTagName("a");
	for (var i = 0, l = nav.length; i < l; i ++) setup(nav[i]);
	
	function setup(a) {
		var img = a.getElementsByTagName("img")[0];
		if(img) {
			img.extPos = img.src.lastIndexOf(".");
			img.srcPath = img.src.substring(0, img.extPos);
			img.ext = img.src.substring(img.extPos, img.src.length);
			(new Image()).src = img.srcPath + c.crPostfix + img.ext;
			(new Image()).src = img.srcPath + c.hoverPostfix + img.ext;
		}
		
		a.fNamePos = a.href.lastIndexOf("/") + 1;
		a.dirPath= a.href.substring(0, a.fNamePos);
		
		// 最後のリンクがトップページへのリンク
		c.rootDir = nav[nav.length-1].dirPath;
		
		var loc = location.href; // オブジェクト型ではなくて文字列型
		var locDirPos = loc.lastIndexOf("/") + 1;
		var locDirPath = loc.substring(0, locDirPos);
		
		if(a.dirPath == c.rootDir) { // トップページへのリンクの場合
			if(a.dirPath == locDirPath) {
				if(img) { img.src = img.srcPath + c.crPostfix + img.ext; }
				a.className += " " + c.crClass;
			}
		} else { // トップページ以外へのリンクの場合
			if (loc.indexOf(a.href) != -1) {
				if(img) { img.src = img.srcPath + c.crPostfix + img.ext; }
				a.className += " " + c.crClass;
			}
		}
		
		// ロールオーバーのための準備
		if(img)	 { img.orgSrc = img.src; }
		a.orgClassName = a.className;
		// ロールオーバーを設定
		a.onmouseover = function() {
			if(img) { img.src = img.srcPath + c.hoverPostfix + img.ext; }
			a.className += " " + c.hoverClass;
		};
		a.onmouseout = function() {
			if(img) { img.src = img.orgSrc; }
			a.className = a.orgClassName;
		};
	}
};

/* onload event function
----------------------------------------*/
$(document).ready(docInit);
$(document).ready(globalnav);

