/* ---------------------------------------------------------------------
JavaScript for NIPPON ROWA GAKKO-JAPAN ORAL SCHOOL
FileName: globalnavi.js
--------------------------------------------------------------------- */


// *** OS
var UA = navigator.userAgent;
var osWin = (UA.indexOf("Win", 0) != -1);
var osMac = (UA.indexOf("Mac", 0) != -1);


// *** browser
var brwOpera = (UA.indexOf('Opera') != -1);
var brwIE = (UA.indexOf('MSIE') != -1) && !brwOpera;
var brwFirefox = (UA.indexOf('Firefox') != -1);
var brwSafari = (UA.indexOf('Safari') != -1);
var brwGecko = (UA.indexOf('Gecko') != -1) && !(UA.indexOf('like Gecko') != -1);
var brwNetscape = (UA.indexOf('Netscape') != -1);


// *** browser type check
var brwType = 0;

function brwTypeCheck(){
	if(UA.indexOf('MSIE') != -1 && UA.indexOf('Opera') == -1){
		var st = UA.indexOf("MSIE") + 5;
		var en = UA.indexOf(";", st);
		var verIE = Number(UA.substring(st, en));

		// under IE5.5
		if(verIE < 5.5) brwType = 1;

		// IE5.5 - IE6
		else if(5.5 <= verIE && verIE < 7) brwType = 2;

		// over IE7
		else brwType = 3;

		// macIE
		if(osMac) brwType = 1;

	} else {

		// other browser
		brwType = 3;
	}
}

brwTypeCheck();


// *** initialize
var gnHTML = '';
var gnCSS = '';
var gnImgDir = '/common/images/'; // common画像へのパス（ルートパス or 絶対パス）
var gnAnchorPath = '/'; // パスの基準（絶対パスでも可）


// *** global navigation draw
function gnDraw(){
	if(brwType == 1) var extension = 'gif';
	if(brwType == 3) var extension = 'png';

	addCSS('#g_navi {width: 780px; height: 33px; position: relative; text-align: left;}');
	addCSS('#g_navi img {border: 0;}');
	addCSS('#g_navi dl, #g_navi dt, #g_navi dd {margin: 0; padding: 0; font-size: 0; line-height: 0;}');
	addCSS('#g_navi dl {position: absolute; top: 0; z-index: 1;}');
	addCSS('#g_navi dl:hover dd {display: block;}');
	addCSS('#g_navi dt {padding-bottom: 1px;}');
	addCSS('#g_navi dd {display: none;}');
	addCSS('#g_navi dd a {display: block; background-repeat: no-repeat; padding-bottom: 2px;}');
	addCSS('#g_navi .spacer img {width: 780px; height: 33px;}');


	gnHTML += '<div id="g_navi">';
	gnHTML += '<div class="spacer"><img src="' + gnImgDir + 's.gif" /></div>';

	// feature
	addCSS('#g_navi dl.feature {width: 111px; left: 0;}');
	addCSS('#g_navi dl.feature dd {padding: 0 3px 0 2px;}');
	if(brwType != 2){
		addCSS('#g_navi dl.feature dd.g_01 a {background-image: url(' + gnImgDir + 'navi_t_01_01.' + extension + ');}');
		addCSS('#g_navi dl.feature dd.g_01 a:hover {background-image: url(' + gnImgDir + 'navi_t_01_01_on.' + extension + ');}');
	} else {
		addCSS('#g_navi dl.feature dd.g_01 a img {' + alphaImgLoader(gnImgDir + "navi_t_01_01.png", "crop") + '}');
		addCSS('#g_navi dl.feature dd.g_01 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_01_01_on.png", "crop") + '}');
	}
	
	gnHTML += '<dl class="feature"';
	if(brwIE) gnHTML += ' onmouseover="dropMenuShow(this);" onmouseout="dropMenuShow(this);"';
	gnHTML += '>';

	gnHTML += '<dt><a href="' + gnAnchorPath + 'feature/">';
	gnHTML += '<img src="' + gnImgDir + 'navi_t_01';
	if(gnActiveCheck('/feature/')) gnHTML += '_on';
	gnHTML += '.gif" alt="' + unescape('%u6559%u80B2%u306E%u7279%u5FB4') + '" width="111" height="33"';
	if(!gnActiveCheck('/feature/')) gnHTML += ' onmouseover="imgChange(this);" onmouseout="imgChange(this);"';
	gnHTML += ' /></a></dt>';

	gnHTML += '<dd class="g_01"><a href="' + gnAnchorPath + 'feature/room/">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u6559%u5BA4%u306E%u4ED5%u7D44%u307F') + '" width="106" height="19" />';
	gnHTML += '</a></dd>';

	gnHTML += '</dl>';


	// school
	addCSS('#g_navi dl.school {width: 110px; left: 111px;}');
	addCSS('#g_navi dl.school dd {padding: 0 2px;}');
	if(brwType != 2){
		addCSS('#g_navi dl.school dd.g_01 a {background-image: url(' + gnImgDir + 'navi_t_02_01.' + extension + ');}');
		addCSS('#g_navi dl.school dd.g_02 a {background-image: url(' + gnImgDir + 'navi_t_02_02.' + extension + ');}');
		addCSS('#g_navi dl.school dd.g_03 a {background-image: url(' + gnImgDir + 'navi_t_02_03.' + extension + ');}');
		addCSS('#g_navi dl.school dd.g_04 a {background-image: url(' + gnImgDir + 'navi_t_02_04.' + extension + ');}');
		addCSS('#g_navi dl.school dd.g_05 a {background-image: url(' + gnImgDir + 'navi_t_02_05.' + extension + ');}');
		addCSS('#g_navi dl.school dd.g_01 a:hover {background-image: url(' + gnImgDir + 'navi_t_02_01_on.' + extension + ');}');
		addCSS('#g_navi dl.school dd.g_02 a:hover {background-image: url(' + gnImgDir + 'navi_t_02_02_on.' + extension + ');}');
		addCSS('#g_navi dl.school dd.g_03 a:hover {background-image: url(' + gnImgDir + 'navi_t_02_03_on.' + extension + ');}');
		addCSS('#g_navi dl.school dd.g_04 a:hover {background-image: url(' + gnImgDir + 'navi_t_02_04_on.' + extension + ');}');
		addCSS('#g_navi dl.school dd.g_05 a:hover {background-image: url(' + gnImgDir + 'navi_t_02_05_on.' + extension + ');}');
	} else {
		addCSS('#g_navi dl.school dd.g_01 a img {' + alphaImgLoader(gnImgDir + "navi_t_02_01.png", "crop") + '}');
		addCSS('#g_navi dl.school dd.g_02 a img {' + alphaImgLoader(gnImgDir + "navi_t_02_02.png", "crop") + '}');
		addCSS('#g_navi dl.school dd.g_03 a img {' + alphaImgLoader(gnImgDir + "navi_t_02_03.png", "crop") + '}');
		addCSS('#g_navi dl.school dd.g_04 a img {' + alphaImgLoader(gnImgDir + "navi_t_02_04.png", "crop") + '}');
		addCSS('#g_navi dl.school dd.g_05 a img {' + alphaImgLoader(gnImgDir + "navi_t_02_05.png", "crop") + '}');
		addCSS('#g_navi dl.school dd.g_01 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_02_01_on.png", "crop") + '}');
		addCSS('#g_navi dl.school dd.g_02 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_02_02_on.png", "crop") + '}');
		addCSS('#g_navi dl.school dd.g_03 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_02_03_on.png", "crop") + '}');
		addCSS('#g_navi dl.school dd.g_04 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_02_04_on.png", "crop") + '}');
		addCSS('#g_navi dl.school dd.g_05 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_02_05_on.png", "crop") + '}');
	}

	gnHTML += '<dl class="school"';
	if(brwIE) gnHTML += ' onmouseover="dropMenuShow(this);" onmouseout="dropMenuShow(this);"';
	gnHTML += '>';

	gnHTML += '<dt><a href="' + gnAnchorPath + 'school/">';
	gnHTML += '<img src="' + gnImgDir + 'navi_t_02';
	if(gnActiveCheck('/school/')) gnHTML += '_on';
	gnHTML += '.gif" alt="' + unescape('%u5B66%u6821%u7D39%u4ECB') + '" width="110" height="33"';
	if(!gnActiveCheck('/school/')) gnHTML += ' onmouseover="imgChange(this);" onmouseout="imgChange(this);"';
	gnHTML += ' /></a></dt>';

	gnHTML += '<dd class="g_01"><a href="' + gnAnchorPath + 'school/rk/">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u4E73%u5E7C%u5150%u90E8%u3000%u30E9%u30A4%u30B7%u30E3%u30EF%u30FB%u30AF%u30EC%u30FC%u30DE%u5B66%u5712') + '" width="106" height="33" />';
	gnHTML += '</a></dd>';

	gnHTML += '<dd class="g_02"><a href="' + gnAnchorPath + 'school/yochi/">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u5E7C%u7A1A%u90E8') + '" width="106" height="19" />';
	gnHTML += '</a></dd>';

	gnHTML += '<dd class="g_03"><a href="' + gnAnchorPath + 'school/syo/">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u5C0F%u5B66%u90E8') + '" width="106" height="19" />';
	gnHTML += '</a></dd>';

	gnHTML += '<dd class="g_04"><a href="' + gnAnchorPath + 'school/chu/">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u4E2D%u5B66%u90E8') + '" width="106" height="19" />';
	gnHTML += '</a></dd>';

	gnHTML += '<dd class="g_05"><a href="' + gnAnchorPath + 'school/aud/">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u30AA%u30FC%u30B8%u30AA%u30ED%u30B8%u30FC%u90E8') + '" width="106" height="19" />';
	gnHTML += '</a></dd>';

	gnHTML += '</dl>';


	// sotsugyo
	addCSS('#g_navi dl.sotsugyo {width: 111px; left: 221px;}');
	
	gnHTML += '<dl class="sotsugyo">';

	gnHTML += '<dt><a href="' + gnAnchorPath + 'sotsugyo/">';
	gnHTML += '<img src="' + gnImgDir + 'navi_t_03';
	if(gnActiveCheck('/sotsugyo/')) gnHTML += '_on';
	gnHTML += '.gif" alt="' + unescape('%u5352%u696D%u751F%u306E%u6D3B%u8E8D') + '" width="111" height="33"';
	if(!gnActiveCheck('/sotsugyo/')) gnHTML += ' onmouseover="imgChange(this);" onmouseout="imgChange(this);"';
	gnHTML += ' /></a></dt>';

	gnHTML += '</dl>';


	// qa
	addCSS('#g_navi dl.qa {width: 103px; left: 332px;}');

	gnHTML += '<dl class="qa">';

	gnHTML += '<dt><a href="' + gnAnchorPath + 'qa/">';
	gnHTML += '<img src="' + gnImgDir + 'navi_t_04';
	if(gnActiveCheck('/qa/')) gnHTML += '_on';
	gnHTML += '.gif" alt="' + unescape('Q%26A') + '" width="103" height="33"';
	if(!gnActiveCheck('/qa/')) gnHTML += ' onmouseover="imgChange(this);" onmouseout="imgChange(this);"';
	gnHTML += ' /></a></dt>';

	gnHTML += '</dl>';


	// center
	addCSS('#g_navi dl.center {width: 133px; left: 435px;}');
	addCSS('#g_navi dl.center dd {padding: 0 3px 0 2px;}');
	if(brwType != 2){
		addCSS('#g_navi dl.center dd.g_01 a {background-image: url(' + gnImgDir + 'navi_t_05_01.' + extension + ');}');
		addCSS('#g_navi dl.center dd.g_02 a {background-image: url(' + gnImgDir + 'navi_t_05_02.' + extension + ');}');
		addCSS('#g_navi dl.center dd.g_01 a:hover {background-image: url(' + gnImgDir + 'navi_t_05_01_on.' + extension + ');}');
		addCSS('#g_navi dl.center dd.g_02 a:hover {background-image: url(' + gnImgDir + 'navi_t_05_02_on.' + extension + ');}');
	} else {
		addCSS('#g_navi dl.center dd.g_01 a img {' + alphaImgLoader(gnImgDir + "navi_t_05_01.png", "crop") + '}');
		addCSS('#g_navi dl.center dd.g_02 a img {' + alphaImgLoader(gnImgDir + "navi_t_05_02.png", "crop") + '}');
		addCSS('#g_navi dl.center dd.g_01 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_05_01_on.png", "crop") + '}');
		addCSS('#g_navi dl.center dd.g_02 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_05_02_on.png", "crop") + '}');
	}

	gnHTML += '<dl class="center"';
	if(brwIE) gnHTML += ' onmouseover="dropMenuShow(this);" onmouseout="dropMenuShow(this);"';
	gnHTML += '>';

	gnHTML += '<dt><a href="' + gnAnchorPath + 'center/">';
	gnHTML += '<img src="' + gnImgDir + 'navi_t_05';
	if(gnActiveCheck('/center/')) gnHTML += '_on';
	gnHTML += '.gif" alt="' + unescape('%u6B74%u53F2%u30FB%u6559%u80B2%u8CC7%u6599%u30BB%u30F3%u30BF%u30FC') + '" width="133" height="33"';
	if(!gnActiveCheck('/center/')) gnHTML += ' onmouseover="imgChange(this);" onmouseout="imgChange(this);"';
	gnHTML += ' /></a></dt>';

	gnHTML += '<dd class="g_01"><a href="' + gnAnchorPath + 'center/shiryo.html">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u8CC7%u6599%u7D39%u4ECB') + '" width="128" height="19" />';
	gnHTML += '</a></dd>';

	gnHTML += '<dd class="g_02"><a href="' + gnAnchorPath + 'center/history.html">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u8074%u899A%u6D3B%u7528%u306E%u6B74%u53F2') + '" width="128" height="19" />';
	gnHTML += '</a></dd>';

	gnHTML += '</dl>';


	// support
	addCSS('#g_navi dl.support {width: 102px; left: 568px;}');
	addCSS('#g_navi dl.support dd {padding: 0 2px 0 0;}');
	if(brwType != 2){
		addCSS('#g_navi dl.support dd.g_01 a {background-image: url(' + gnImgDir + 'navi_t_06_01.' + extension + ');}');
		addCSS('#g_navi dl.support dd.g_02 a {background-image: url(' + gnImgDir + 'navi_t_06_02.' + extension + ');}');
		addCSS('#g_navi dl.support dd.g_01 a:hover {background-image: url(' + gnImgDir + 'navi_t_06_01_on.' + extension + ');}');
		addCSS('#g_navi dl.support dd.g_02 a:hover {background-image: url(' + gnImgDir + 'navi_t_06_02_on.' + extension + ');}');
	} else {
		addCSS('#g_navi dl.support dd.g_01 a img {' + alphaImgLoader(gnImgDir + "navi_t_06_01.png", "crop") + '}');
		addCSS('#g_navi dl.support dd.g_02 a img {' + alphaImgLoader(gnImgDir + "navi_t_06_02.png", "crop") + '}');
		addCSS('#g_navi dl.support dd.g_01 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_06_01_on.png", "crop") + '}');
		addCSS('#g_navi dl.support dd.g_02 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_06_02_on.png", "crop") + '}');
	}

	gnHTML += '<dl class="support"';
	if(brwIE) gnHTML += ' onmouseover="dropMenuShow(this);" onmouseout="dropMenuShow(this);"';
	gnHTML += '>';

	gnHTML += '<dt><a href="' + gnAnchorPath + 'support/">';
	gnHTML += '<img src="' + gnImgDir + 'navi_t_06';
	if(gnActiveCheck('/support/')) gnHTML += '_on';
	gnHTML += '.gif" alt="' + unescape('%u5F8C%u63F4%u4F1A') + '" width="102" height="33"';
	if(!gnActiveCheck('/support/')) gnHTML += ' onmouseover="imgChange(this);" onmouseout="imgChange(this);"';
	gnHTML += ' /></a></dt>';

	gnHTML += '<dd class="g_01"><a href="' + gnAnchorPath + 'support/bokin.html">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u52DF%u91D1%u8DA3%u610F%u66F8') + '" width="100" height="19" />';
	gnHTML += '</a></dd>';

	gnHTML += '<dd class="g_02"><a href="' + gnAnchorPath + 'support/kiyaku.html">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u65E5%u672C%u807E%u8A71%u5B66%u6821%u5F8C%u63F4%u4F1A%u898F%u7D04') + '" width="100" height="33" />';
	gnHTML += '</a></dd>';

	gnHTML += '</dl>';


	// outline
	addCSS('#g_navi dl.outline {width: 110px; left: 670px;}');
	addCSS('#g_navi dl.outline dd {padding: 0 1px;}');
	if(brwType != 2){
		addCSS('#g_navi dl.outline dd.g_01 a {background-image: url(' + gnImgDir + 'navi_t_07_01.' + extension + ');}');
		addCSS('#g_navi dl.outline dd.g_01 a:hover {background-image: url(' + gnImgDir + 'navi_t_07_01_on.' + extension + ');}');
	} else {
		addCSS('#g_navi dl.outline dd.g_01 a img {' + alphaImgLoader(gnImgDir + "navi_t_07_01.png", "crop") + '}');
		addCSS('#g_navi dl.outline dd.g_01 a:hover img {' + alphaImgLoader(gnImgDir + "navi_t_07_01_on.png", "crop") + '}');
	}

	gnHTML += '<dl class="outline"';
	if(brwIE) gnHTML += ' onmouseover="dropMenuShow(this);" onmouseout="dropMenuShow(this);"';
	gnHTML += '>';

	gnHTML += '<dt><a href="' + gnAnchorPath + 'outline/">';
	gnHTML += '<img src="' + gnImgDir + 'navi_t_07';
	if(gnActiveCheck('/outline/')) gnHTML += '_on';
	gnHTML += '.gif" alt="' + unescape('%u5B66%u6821%u30FB%u5B66%u5712%u3000%u6982%u8981') + '" width="110" height="33"';
	if(!gnActiveCheck('/outline/')) gnHTML += ' onmouseover="imgChange(this);" onmouseout="imgChange(this);"';
	gnHTML += ' /></a></dt>';

	gnHTML += '<dd class="g_01"><a href="' + gnAnchorPath + 'outline/history.html">';
	gnHTML += '<img src="' + gnImgDir + 's.gif" alt="' + unescape('%u6CBF%u9769') + '" width="108" height="19" />';
	gnHTML += '</a></dd>';

	gnHTML += '</dl>';

	gnHTML += '</div>';


	// write
	document.write('<style type="text/css"><!--\n' + gnCSS + '--></style>\n');
	document.write(gnHTML);
}


// *** avtive check
function gnActiveCheck(checkPath){
	var path = location.pathname;

	var result = path.indexOf(checkPath) != -1;
	return result;
}


// *** add css
function addCSS(css){
	gnCSS += css + '\n';
}


// *** alpha image loader
function alphaImgLoader(src, method){
	var docSrc = '';
	docSrc += 'filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="';
	docSrc += src;
	docSrc += '", sizingMethod=';
	docSrc += method;
	docSrc += ');';
	return docSrc;
}


// *** drop down menu change
function dropMenuShow(obj){
	for(var i = 0; i < obj.childNodes.length; i++){
		var N = obj.childNodes[i];
		if(N.nodeName.toUpperCase() == 'DD') N.style.display = (N.style.display == 'block') ? 'none': 'block';
	}
}


// *** image over
function imgChange(imgObj){
	var imgSrc = imgObj.src;
	var imgStatus = imgSrc.indexOf("_on") != -1;
	if(!imgStatus){
		var P = imgSrc.lastIndexOf(".");
		imgSrc = imgSrc.substr(0, P) + '_on' + imgSrc.substring(P);
	} else {
		imgSrc = imgSrc.replace('_on', '');
	}
	imgObj.src = imgSrc;
}


// *** image preload
function imgPreLoad(){

	// initialize
	if(brwType == 1) var extension = 'gif';
	if(brwType == 2 || brwType == 3) var extension = 'png';

	var gnPreLoadObj = new Array(
	gnImgDir + 'navi_t_01_on.gif',
	gnImgDir + 'navi_t_02_on.gif',
	gnImgDir + 'navi_t_03_on.gif',
	gnImgDir + 'navi_t_04_on.gif',
	gnImgDir + 'navi_t_05_on.gif',
	gnImgDir + 'navi_t_06_on.gif',
	gnImgDir + 'navi_t_07_on.gif',
	gnImgDir + 'navi_t_01_01.' + extension,
	gnImgDir + 'navi_t_01_01_on.' + extension,
	gnImgDir + 'navi_t_02_01.' + extension,
	gnImgDir + 'navi_t_02_02.' + extension,
	gnImgDir + 'navi_t_02_03.' + extension,
	gnImgDir + 'navi_t_02_04.' + extension,
	gnImgDir + 'navi_t_02_05.' + extension,
	gnImgDir + 'navi_t_02_01_on.' + extension,
	gnImgDir + 'navi_t_02_02_on.' + extension,
	gnImgDir + 'navi_t_02_03_on.' + extension,
	gnImgDir + 'navi_t_02_04_on.' + extension,
	gnImgDir + 'navi_t_02_05_on.' + extension,
	gnImgDir + 'navi_t_05_01.' + extension,
	gnImgDir + 'navi_t_05_02.' + extension,
	gnImgDir + 'navi_t_05_01_on.' + extension,
	gnImgDir + 'navi_t_05_02_on.' + extension,
	gnImgDir + 'navi_t_06_01.' + extension,
	gnImgDir + 'navi_t_06_02.' + extension,
	gnImgDir + 'navi_t_06_01_on.' + extension,
	gnImgDir + 'navi_t_06_02_on.' + extension,
	gnImgDir + 'navi_t_07_01.' + extension,
	gnImgDir + 'navi_t_07_01_on.' + extension
	);

	preLoadImg = new Array();
	for(var i = 0; i < gnPreLoadObj.length; i++){
		preLoadImg[i] = new Image();
		preLoadImg[i].src = gnPreLoadObj[i];
	}
}

window.onload = imgPreLoad;