﻿// 表示モード切替
function displayMode(strMode) {	
	document.getElementById('menuSub').style.display = strMode;
}
function displayModeOn(intParent) {
	document.getElementById('menuSub').style.display = "block";
}
function displayModeOff(intParent) {
	document.getElementById('menuSub').style.display = "none";
}

// ポップアップメニュー
function popupMenu(obj, intSite) {
	strParentClass = document.getElementById('navMain').getElementsByTagName('li').item(intSite).className;
	var objSub = document.getElementById('menuSub');
	var strSiteClass = "";
	
	// メニューリスト
	popupMenuItem = new Array();
	switch (intSite) {
		case 1:	/* 高額買取のコツ */	
			strSiteClass = "gNavPoint";
			popupMenuItem.push(0,"高額買取のポイント", "/contents/point_01.html");
			popupMenuItem.push(0,"愛車を賢く手放す", "/contents/wise.html");
			popupMenuItem.push(0,"こんな中古車でも大丈夫？", "/contents/sell_01.html");
			popupMenuItem.push(0,"査定時に必要な書類", "/contents/document.html");
			break;
	
		case 2:	/* 賢くお得に中古車購入 */
			strSiteClass = "gNavPurchase";
			popupMenuItem.push(0,"中古車選びで考えたいこと", "/contents/about_01.html");
			popupMenuItem.push(0,"プライスボードの読み方", "/contents/price.html");
			popupMenuItem.push(0,"見積書の読み方", "/contents/estimate_01.html");
			popupMenuItem.push(0,"購入費を節約する", "/contents/save_01.html");
			popupMenuItem.push(0,"中古車チェックポイント", "/contents/check.html");
			popupMenuItem.push(0,"自動車保険「車両変更の手続き」", "/contents/procedure.html");
			break;
	}
//alert(GetLeft(obj)+158+' - '+GetTop(obj));
	var strClass = "";
	var strEvent = " onmouseover=displayModeOn(" + intSite + "); onmouseout=displayModeOff(" + intSite + ");";
	var strHtml  = "<ul class='" + strSiteClass + "' style='position:absolute;top:" + GetTop(obj) + "px;left:"+(GetLeft(obj)+158)+"px;'>";
	var intLoop = popupMenuItem.length / 3;
	
	for ( var i = 0; i < intLoop; i++ ) {
		strTarget = "";
		if( popupMenuItem[i * 3] == 1 ) {	/* 0:遷移 / 1:別窓 */
			strTarget = " target='_blank' ";
		}
		
		strClass  = "";
		if( i == 0 ) {	/* 最初の<li> */
			strClass = " class='first' ";
		}
		strHtml += "<li" + strClass + strEvent +"><a href='" + popupMenuItem[i * 3 + 2] + "' " + strTarget + ">" + popupMenuItem[i * 3 + 1] + "</a></li>";		
	}
	strHtml += "</ul>";
	// ポップアップメニュー表示
	objSub.style.display = 'block';
	objSub.innerHTML = strHtml;
}

/**************************************************************** 
* 機　能： オブジェクトの上位置を取得 
* 引　数： オブジェクト 
* 戻り値： 上からのピクセル数 
****************************************************************/ 
function GetTop(obj) { 
    var px = 0; 
    while(obj){ 
        px += obj.offsetTop; 
        obj = obj.offsetParent; 
    } 
    return px; 
}

/***************************************************************
* 機　能： オブジェクトの左位置を取得 
* 引　数： オブジェクト 
* 戻り値： 左からのピクセル数 
****************************************************************/ 
function GetLeft(obj){ 
    var px = 0; 
    while(obj) { 
        px += obj.offsetLeft; 
        obj = obj.offsetParent; 
    } 
    return px; 
}

