// ========================================================
//   Lithmatic Company Site : site tree
//
//   2007.12.20 TLC ITPG  @author satoh
//
//   -------
//   :: history ::
//   2008.02.04 service site bannar add
// ========================================================

// ホーム
var HOME_NAME = "ホーム";
var HOME_URL = "./index.html";
var MARK_GT = " > ";
var MARK_SPLIT = "  |  ";

//サイトのルートディレクトリ
var baseUrl;

//サイトツリー設定XML
var url;

//XMLパース
var http;
var data;

var breadStr;
var grandChildDivStr;

// ------------------------
// 初期化
// ------------------------
function init() {

	//読み込むページHTMLの階層パス取得
	getImgPath();

	//サイトツリー設定XML
	url = baseUrl + "xml/sitetree.xml";
	
	//XMLパース
	http = new JKL.ParseXML( url );
	data = http.parse();

	//初期化時にプリロードイメージをセット
	preImg = new Array();
	for (i = 0; i < data.tree.dir.length; i++ ) {
		preImg["menu" + data.tree.dir[i].page_id + "_out"] = new Image();
		preImg["menu" + data.tree.dir[i].page_id + "_out"].src = baseUrl + data.tree.dir[i].image;
		preImg["menu" + data.tree.dir[i].page_id + "_over"] = new Image();
		preImg["menu" + data.tree.dir[i].page_id + "_over"].src = baseUrl + data.tree.dir[i].image_onmouse;
	}

	//配列に入れたプリロードイメージを返す
	return preImg;
}

// ------------------------
// DIVにメニュー書き出し
// ------------------------
function makeSiteTree(id){
	
	try {

		rootNum = id.substr(0,2);
		subrootNum = id.substr(0,5);
		menuStr = "";
		breadStr = "";
		grandChildDivStr = "";

		if(id == "00"){
			menuStr += "<img src='img/top_img.jpg' class='floatR'>";
		}

		for (i = 0; i < data.tree.dir.length; i++ ) {
			imageFile = "";
			mouseEventStr = "";
			elemId = "menu"+ data.tree.dir[i].page_id;

			//ページが親階層と同一のものだけ展開
			if(data.tree.dir[i].page_id.substr(0,2) == rootNum || data.tree.dir[i].hierarchy == "0"){

				// ページIDが自分自身、もしくは親階層の番号とイコールの場合、画像は活性化 + マウスイベント無し
				if(data.tree.dir[i].page_id == id || data.tree.dir[i].hierarchy == "0" && data.tree.dir[i].page_id == rootNum || data.tree.dir[i].hierarchy == "1" && data.tree.dir[i].page_id == subrootNum) {
					imageFile = data.tree.dir[i].image_onmouse;

					if(data.tree.dir[i].page_id == rootNum || data.tree.dir[i].page_id == subrootNum){
						breadStr += MARK_GT;
						if(data.tree.dir[i].page_id != id){
							breadStr += "<a href='" + baseUrl + data.tree.dir[i].url + "'>";
						}
						breadStr += data.tree.dir[i].title;
						if(data.tree.dir[i].page_id != id){
							breadStr += "</a>";
						}
					}
					if(id.length > 5 && data.tree.dir[i].page_id == id){
						breadStr += MARK_GT;
						breadStr += data.tree.dir[i].title;
					}

				} else {
					imageFile = data.tree.dir[i].image;
					mouseEventStr =" onMouseOver=overTab('"+ elemId +"') onMouseOut=outTab('"+ elemId +"')";
				}
				//第3階層は専用DIVにメニュー作成
				if(parseInt(data.tree.dir[i].hierarchy, 10) == 2 && data.tree.dir[i].page_id.substr(0,5) == subrootNum) {
					if (data.tree.dir[i].page_id != id) {
						// EMSの場合 2008.7 add
						if(data.tree.dir[i].page_id.substr(0,5)=="01_08"){
							grandChildDivStr += "<div class='gr'><a class='green' href='" + baseUrl + data.tree.dir[i].url + "'>" + data.tree.dir[i].title + "</a></div>";
						} else {
							grandChildDivStr += "<div class='sky'><a href='" + baseUrl + data.tree.dir[i].url + "'>" + data.tree.dir[i].title + "</a></div>";
						}
		
					} else {
						grandChildDivStr += "<div>" + data.tree.dir[i].title + "</div>";
					}

				}

				//第2階層までメニュー化、 ID05以降はメニュー対象外
				if(parseInt(data.tree.dir[i].hierarchy, 10) < 2 && parseInt(data.tree.dir[i].page_id, 10) < 5 ) {
					menuStr += "<a href='" + baseUrl + data.tree.dir[i].url + "'" + mouseEventStr +"><img src='" + baseUrl + imageFile + "' alt='" + data.tree.dir[i].title + "' id='"+ elemId +"' class='img_bot'></a><br>";
				}
			}
		}

		if(id != "00"){
			menuStr += "<a href='http://www.lithmatic.net/' target='_blank'><img src='" + baseUrl + "img/share/neticon.gif' alt='SERVICE & ITEM GUIDE WEB' class='mgT05 mgL04'></a>";
//			menuStr += "<a href='javascript:winFACT(\"" + baseUrl + "factWeb/menu.html\")'><img src='" + baseUrl + "img/top/bn.gif' class='mgT05 mgL04' width='170'  /></a>";
			menuStr += "<a href='" + baseUrl + "company/ems.html'><img src='" + baseUrl + "img/top/bn2.jpg' class='mgT05 mgL04' width='170' /></a>";
//			menuStr += "<a href='" + baseUrl + "company/ems/coolbiz.html'><img src='" + baseUrl + "img/share/coolbiz.jpg' class='mgT05 mgL04' width='170' /></a>";
		}

		//alert(menuStr);
		document.getElementById('navigatebar').innerHTML = menuStr;

	} catch (e) {
		document.getElementById('navigatebar').innerHTML = "Error : " + e;
	}
}

// ------------------------
// DIVにパンくず書き出し
// ------------------------
function makeBreadcrumb(){
	try {

		bread = "";
		bread += "<a href='" + baseUrl + HOME_URL + "'>";
		bread += HOME_NAME;
		bread += "</a>";
		bread += breadStr;
		if(document.getElementById('breadcrumb') != null){
			document.getElementById('breadcrumb').innerHTML = bread;
		}

	} catch (e) {
		document.getElementById('breadcrumb').innerHTML = "Error : " + e;
	}
}

// ------------------------
// マウスイベント処理
// ------------------------
var myPreImg = new Array();

function overTab(elemId){
	document.getElementById(elemId).src = myPreImg[elemId + "_over"].src;
}
function outTab(elemId){
	document.getElementById(elemId).src = myPreImg[elemId + "_out"].src;
}

// ------------------------
// ページヘッダ作成
// ------------------------
function makeHeader(){
	head = "";
	head += "<div>";
	head += "<ul>";
	head += "<li class='mgR10'><a href='" + baseUrl + "public/inquiry.html'>お問い合わせ</a></li>";
	head += "<li><a href='" + baseUrl + "public/sitemap.html'>サイトマップ</a></li>";
	head += "</ul>";
	head += "</div>";
	head += "<div class='logo'><a href='"+ baseUrl + "index.html'><img src='"+ baseUrl + "img/share/lith_logo.gif' border='0' id='banner_site' alt='東京リスマチック株式会社'></a></div>";
	//head += "<a href='"+ baseUrl + "index.html'><img src='"+ baseUrl + "img/share/lith_logo.gif' width='394' height='30' border='0' id='banner_site'></a>";
	document.getElementById('header').innerHTML = head;
}

// ------------------------
// ページフッタ作成
// ------------------------
function makeFooter(){
	foot = "";
	 foot += "<div class='eco'><a href='http://www.challenge25.go.jp/index.html' target='_blank'><img src='"+ baseUrl + "img/share/eco_1.gif' border='0' alt='' class ='floatL'></a>";
	 foot += "<img src='"+ baseUrl + "img/share/eco_2.gif' border='0'></div>";
	foot += "<div class = 'txt'><div class='floatR clear'><a href='" + baseUrl + "company/privacypolicy.html'>個人情報保護</a>　|　<a href='" + baseUrl + "company/ems.html'>環境への取り組み</a>　|　<a href='" + baseUrl + "public/termOfUse.html'>サイトのご利用について</a></div>";
	foot += "<span>Copyright &copy; 2010 TOKYO Lithmatic Corporation, All rights reserved.</span></div>";
	document.getElementById('footer').innerHTML = foot;
}

// ------------------------
// 第3階層DIV 作成
// ------------------------
function makeGrandChildDiv(){
	gc = "";
	//if(grandChildDivStr != ""){
		gc += grandChildDivStr;
	//}
	if(document.getElementById('grandChildDiv') != null){
		document.getElementById('grandChildDiv').innerHTML = gc;
	}
}

// ------------------------
// imgまでのパス取得 
// ------------------------
function getImgPath(){
	imageSrc = new Image().src;
	if (document.images["banner_title"]) {
		imageSrc = document.images["banner_title"].src;
	} else {
		imageSrc = document.images["banner_site"].src;
	}
	strNum = imageSrc.indexOf("img",0);
	baseUrl = imageSrc.substring(0,strNum);
}




// ------------------------
// ページロード時のメインメソッド
// ------------------------
function getPageId(id) {
	try {
		myPreImg = init();

		//alert(id);
		makeSiteTree(id);
		makeBreadcrumb();
		makeGrandChildDiv();
		makeHeader();
		makeFooter();
		//makeEntry(id);
		

	} catch(e) {
		document.write("Error： " + e);
	}
}

//----------------------------------------------
// FACTWEB用
//----------------------------------------------
function RunFlash(){
	document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="960" height="610">\n');
	document.write('<param name=movie value="top.swf"> <param name=quality value=high><param name="SCALE" value="exactfit">\n');
	document.write('<embed src="top.swf" quality=high pluginspage="http://www.macromedia.com/jp/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="960" height="610" scale="exactfit">\n');
	document.write('</embed>\n');
	document.write('</object>\n');
}

function winFACT(url){
		uplShop=window.open(url,'winFlash','scrollbars=no,width=960,height=610');
}