var objPopUpMenu = null;
var strPopUpMenuBarID;
var strPopUpMenuID;
var strPopUpMenuClass;
var strPopUpMenuLinkID;
var strPopUpItemID;
var strPopUpItemClass;

function fc_StartPopUpMenu(p1, p2, p3, p4, p5, p6){
	strPopUpMenuBarID		= p1;
	strPopUpMenuID	 		= p2;
	strPopUpMenuClass 	= p3;
	strPopUpMenuLinkID	= p4;
	strPopUpItemID	 		= p5;
	strPopUpItemClass 	= p6; 
	if(IE || OP){
		document.onmouseover = fc_ViewPopUpMenuIEOP;
	}else if(NN){
		window.addEventListener("mouseover", fc_ViewPopUpMenuNN, true);
	}
}

function fc_getObjectFromID(strIDName){
	if(IE){
		return document.all[strIDName];
	}else{
		return document.getElementById(strIDName);
	}
}

function fc_ViewPopUpMenuCommon(objEvent){
	objPosition = fc_getObjectFromID(strPopUpMenuBarID);
	if(objEvent.className == strPopUpMenuClass){
		fc_ClosePopUpMenu();
		var strThisID = objEvent.id;
		if(strThisID.indexOf(strPopUpMenuLinkID) >= 0){ 
			strThisID = strThisID.replace(strPopUpMenuLinkID, strPopUpMenuID)
		}
		objItem = fc_getObjectFromID(strThisID);
		objPopUpMenu = fc_getObjectFromID(strThisID.replace(strPopUpMenuID, strPopUpItemID));
		var sa = 0;
		/*
		var sa;
		if (strThisID == "id_PopUpMenuTD8") {
			sa = -100;
		} else if (strThisID == "id_PopUpMenuTD7") {
			sa = -20;
		} else {
			sa = 0;
		}
		*/
		if(NN){
			objPopUpMenu.style.top	= objItem.offsetTop	+ objPosition.offsetTop + objPosition.offsetHeight + "px";
			objPopUpMenu.style.left = objItem.offsetLeft + objPosition.offsetLeft + sa + "px";
		} else {
			objPopUpMenu.style.top	= document.all("id_PopUpMenuBar").offsetTop + objPosition.offsetHeight + "px";
		//objPopUpMenu.style.left = objItem.offsetLeft + objPosition.offsetLeft + sa + "px";
			objPopUpMenu.style.left = objItem.offsetLeft + objPosition.offsetLeft + 10 + "px";
		//objPopUpMenu.style.left = document.all("id_PopUpMenuTD1").offsetLeft + objPosition.offsetLeft + sa + "px";
		}
		objPopUpMenu.style.visibility = "visible";
	}else if(objPopUpMenu != null){
		if(NN){
			if(objEvent.id.indexOf(strPopUpItemID) >= 0){ return; }
			if(objEvent.className == strPopUpItemClass){ return; }
		}else{
			if(objPopUpMenu.contains(objEvent) == true || objPosition.contains(objEvent) == true){ return; }
		}
		fc_ClosePopUpMenu();
	}
}

function fc_ViewPopUpMenuIEOP(){
	fc_ViewPopUpMenuCommon(window.event.srcElement);
}

function fc_ViewPopUpMenuNN(eventMouseOver){
	fc_ViewPopUpMenuCommon(eventMouseOver.target);
}

function fc_ClosePopUpMenu(){
	if(objPopUpMenu != null){
		objPopUpMenu.style.visibility = "hidden";
	}
	objPopUpMenu = null
}


//PopUpMenu
function fc_PopUpMenuStart(){
	document.write('<DIV id="id_PopUpMenuBar">');
	document.write('<TABLE border="0" cellspacing="0" cellpadding="2" style="border-bottom:solid 1px #cccccc;margin-left:10px;">');
	document.write('<TR>');
	document.write('<td width="180px">');
	//Search
	document.write('<table border="0" cellpadding="0" cellspacing="5" width="100%">');
	document.write('<tr>');
	document.write('<form name="queryform" action="http://otn.oracle.co.jp/otn_pl/otn/otn_search_exe" method="post" target="_blank">');
	document.write('<td align="center" valign="top" width="10%" style="padding-left:15px;">');
	document.write("<input type=\"text\" name=\"search_text\" size=\"15\" value=\"検索\" onClick=\"document.queryform.search_text.value='';\">");
	document.write('</td>');
	document.write('<td>');
	document.write('<a href="javascript:document.queryform.submit();" class="bodycopy"><img src="http://otn.oracle.co.jp/images/top/20px_search.jpg" hspace="0" vspace="1" border="0"></a>');
	document.write('</td>');
	document.write('</form>');
	document.write('</tr>');
	document.write('</table>');
	document.write('</td>');
}
function fc_PopUpMenu(intNumber, strViewName, strLinkHref, strLinkTarget){
	document.write("<TD height=\"35px\" id=\"id_PopUpMenuTD" + intNumber + "\" class=\"cs_PopUpMenu\"><A href=\"" + strLinkHref + "\" target=\""+strLinkTarget+"\" class=\"cs_PopUpMenu\" id=\"id_PopUpMenuLink" + intNumber + "\">" + strViewName + "</A></TD>\n");
}
function fc_PopUpMenuEnd(){
	document.write('</TR></TABLE></DIV>');
}

//PopUpItem
function fc_PopUpItemStart(intNumber){
	document.write("<DIV class=\"cs_PopUpItemDIV\" id=\"id_PopUpItemDIV" + intNumber + "\">\n");
}
function fc_PopUpItem(strViewName, strLinkHref){
	document.write("<DIV class=\"cs_PopUpItem\"><A href=\"" + strLinkHref + "\" class=\"cs_PopUpItem\">" + strViewName + "</A></DIV>\n");
}
function fc_PopUpItemEnd(){
	document.write("</DIV>\n");
}

//BrowserCheck
var IE = false;
var NN4 = false;
var NN = false;
var OP = false;
objOp 			= (navigator.userAgent.indexOf("Opera",0) != -1)?1:0;
objIEorNn 	= document.getElementById;
objIE 			= document.all;
objNn4 			= document.layers;
if(objOp){
	OP = true;
} else if(objIE){
	IE = true;
}else if(objIEorNn){
	NN = true;
}else if(objNn4){
	NN4 = true;
}

//====== OTN Header ======
//CSS of Link
document.write('<style type="text/css">');
document.write('#bannerMid {background:#ffffff; width:400px; height:40px;}');
document.write('a.headlink {font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration:none; font-weight:400; line-height:33px;}');
document.write('a.headlink:link {color:black; text-decoration:none;}');
document.write('a.headlink:hover {color:#FF0000; text-decoration:none; border-top:18px solid #FF0000;}');
document.write('.loclink {font-family: Arial, sans-serif; font-size: 10px; color: #FF0000; text-decoration:none; border-top:18px solid #FF0000; line-height:33px;}');
document.write('</style>');
//Header
document.write('<table border="0" cellpadding="0" cellspacing="0" width="98%" bordercolor="red" style="border-bottom:solid 1px #cccccc; margin-left:10px;">');
document.write('<tr>');
document.write('<td colspan="2">');
document.write('<table border="0" cellpadding="0" cellspacing="0" width="100%">');
document.write('<tr>');
//Logo
document.write('<td rowspan="2">');
document.write('<a href="http://otn.oracle.co.jp/" target="_top"><img src="http://otn.oracle.co.jp/images/logo/otn_logo_small.gif" alt="ORACLE TECHNOLOGY NETWORK" width="144" height="36" hspace="10" border="0"></a>');
document.write('</td>');
//Link
document.write('<td align="center" nowrap>');
document.write('<div id="bannerMid">');
document.write('<a href="http://www.oracle.co.jp/" target="_blank" class="headlink">ORACLE.CO.JP</a>&nbsp;');
document.write('<span class="loclink">TECHNOLOGY NETWORK</span>&nbsp;');
document.write('<a href="http://www.oracle.co.jp/alliance/partnership/" target="_blank" class="headlink">パートナー</a>&nbsp;');
document.write('<a href="http://www.oracle.co.jp/agency/" target="_blank" class="headlink">購入</a>&nbsp;');
document.write('<a href="http://www.oracle.co.jp/support/" target="_blank" class="headlink">サポート</a>');
document.write('</div>');
document.write('</td>');
//SSO
document.write('<td nowrap>');
document.write('<script language="JavaScript">disp_customer();</script>');
document.write('</td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td>');
document.write('&nbsp;');
document.write('</td>');
//Countory
document.write('<td valign="top" height="30px">');
document.write('<label for="label"><IMG height="1" alt="Select Country" src="/images/hp_spacer.gif" width="1"></label> ');
document.write('<label for="label"><IMG src="http://oracleimg.com/admin/images/otn/hp_spacer.gif" width="1" height="1" alt="Select Country"> ');
document.write('<select class=bodycopy onChange="location.href=this.options[selectedIndex].value" size=1 name="Select Country" id="label">');
document.write('<option selected="selected" value="#">SELECT COUNTRY</option>');
document.write('<option value="http://otn.oracle.com/global/cn/">China</option>');
document.write('<option value="http://www.oracle.com/technology/global/kr/">Korea</option>');
document.write('<option value="http://www.oracle.com/technology/">United States</option>');
document.write('</select>');
document.write('</td>');
document.write('</tr>');
document.write('</table>');
document.write('</td>');
document.write('</tr>');
document.write('</table>');
//CSS of PopUpMenu and PopUpItem
document.write('<style type="text/css">');
document.write('DIV#id_PopUpMenuBar {');
document.write('	position:relative;');
document.write('	left: 0px;');
document.write('	width: 100%;');
document.write('}');
document.write('TD.cs_PopUpMenu {');
document.write('	padding-right: 7px;');
document.write('	padding-left: 7px;');
document.write('	border-left: #cccccc 1px solid;');
document.write('	font-size: 10px;');
document.write('	text-align:center;');
document.write('	background-color: #ffffff');
document.write('}');

//template.html用のポップアップ設定
document.write('#header TD.cs_PopUpMenu {');
document.write('	padding-right: 7px;');
document.write('	padding-left: 7px;');
document.write('	border-left: #cccccc 1px solid;');
document.write('	font-size: 9.9px;');
document.write('	text-align:center;');
document.write('	background-color: #ffffff');
document.write('}');

document.write('#id_PopUpMenuTD8 {');
document.write('	border-right: #cccccc 1px solid;');
document.write('}');
document.write('TD.cs_PopUpMenu A{');
document.write('	color: #000000;');
document.write('	text-decoration: none;');
document.write('}');
document.write('TD.cs_PopUpMenu A:hover {');
document.write('	color:#FF0000;');
document.write('	text-decoration:none');
document.write('}');
document.write('DIV.cs_PopUpItemDIV {');
document.write('	position:absolute;');
document.write('	white-space: nowrap;');
document.write('	font-size: 10px;');
document.write('	visibility: hidden; ');
document.write('	background-color: #eeeeee');
document.write('}');

document.write('#header DIV.cs_PopUpItemDIV {');
document.write('	position:absolute;');
document.write('	white-space: nowrap;');
document.write('	font-size: 9.9px;');
document.write('	visibility: hidden; ');
document.write('	background-color: #eeeeee');
document.write('}');


document.write('DIV.cs_PopUpItem {');
document.write('	padding: 5px;');
document.write('	border-bottom: #cccccc 1px solid;');
document.write('	border-right: #cccccc 1px solid;');
document.write('	border-left: #cccccc 1px solid;');
document.write('}');
document.write('DIV.cs_PopUpItemDIV A{');
document.write('	color: #000000;');
document.write('	text-decoration: none');
document.write('}');
document.write('DIV.cs_PopUpItemDIV A:hover{');
document.write('	color:#ff0000; ');
document.write('	text-decoration:none');
document.write('}');
document.write('</style>');
//List PopUpMenu and PopUpItem
if(IE || NN || OP){
	fc_PopUpMenuStart();
	fc_PopUpMenu(0, "ダウンロード", "/software/","_self");
	fc_PopUpMenu(1, "マニュアル", "/document/","_self");
	fc_PopUpMenu(2, "掲示板", "/forum/");
	fc_PopUpMenu(3, "講座", "/services/#column","_self");
	fc_PopUpMenu(4, "サンプルコード", "/sample_code/","_self");
	fc_PopUpMenu(5, "トレーニング", "http://www.oracle.co.jp/education/");
	
	fc_PopUpMenu(7, "Software Kit", "/upgrade/","_self");
	fc_PopUpMenu(8, "ユーザー別", "","_self");
	fc_PopUpMenuEnd();
	fc_PopUpItemStart(0);
	fc_PopUpItem("Database", "/software/products/oracle10g/");
	fc_PopUpItem("Application Server", "/software/products/as10g/");
	fc_PopUpItem("Enterprise Manager", "/software/products/em10g/");
	fc_PopUpItem("Developer Suite", "/software/products/ds10g/");
	fc_PopUpItem("JDeveloper", "/software/products/jdev10g/");
	fc_PopUpItem("Collaboration Suite", "/software/products/cs/");
	fc_PopUpItem("More...", "/software/");
	fc_PopUpItemEnd();
	fc_PopUpItemStart(1);
	fc_PopUpItem("データベース", "/document/products/oracle11g/");
	fc_PopUpItem("アプリケーションサーバー", "/document/products/as10g/");
	fc_PopUpItem("システム管理", "/document/products/oem10/");
	fc_PopUpItem("開発ツール", "/document/products/ds10g/");
	fc_PopUpItem("JDeveloper", "/document/products/jdev/");
	fc_PopUpItem("Collaboration Suite ", "/document/products/cs/");
	fc_PopUpItem("More...", "/document/");
	fc_PopUpItemEnd();
	fc_PopUpItemStart(2);
	fc_PopUpItem("会議室一覧", "/forum/");
	fc_PopUpItem("利用規約", "/info/forum/agreement.html");
	fc_PopUpItem("ランキング＆お薦め投稿", "/info/forum/ranking.html");
	fc_PopUpItemEnd();
	fc_PopUpItemStart(3);
	fc_PopUpItem("初心者向け講座", "/beginner/");
	fc_PopUpItem("スキルアップ講座", "/skillup/");
	fc_PopUpItem("「意外と簡単!?」シリーズ", "/easy/");
	fc_PopUpItem("技術コラム:新井ゼミ", "/columns/");
	fc_PopUpItemEnd();
	fc_PopUpItemStart(4);
	fc_PopUpItem("サンプルコード", "/sample_code/");
	fc_PopUpItem("Code Tips一覧", "/sample_code/code/code_tips.html");
	fc_PopUpItem("My Code Tips", "/sample_code/code/my_code_tips.html");
	fc_PopUpItem("新規Code Tips投稿", "/sample_code/code/new_code_tips.html");
	fc_PopUpItem("利用規約", "/sample_code/code/agreement.html");
	fc_PopUpItemEnd();
	fc_PopUpItemStart(5);
	fc_PopUpItem("ORACLE MASTER", "/training/");
	fc_PopUpItem("ORACLE MASTERの部屋", "/forum/master.html");
	fc_PopUpItem("ORACLE MASTER ロゴ・ダウンロード", "/training/logo/");
	fc_PopUpItem("演習環境(SQL実行環境)", "/training/");
	fc_PopUpItem("Oracle Direct Seminar", "/training/ord-seminar/index.html");
	fc_PopUpItemEnd();
	fc_PopUpItemStart(7);
	fc_PopUpItem("OTN Software Kitのご案内", "/upgrade/");
	fc_PopUpItemEnd();
	fc_PopUpItemStart(8);
	fc_PopUpItem("はじめての方へ「OTNの歩き方」", "/newcomer/part2/");
	fc_PopUpItem("オラクル初心者", "/howtobegin/");
	fc_PopUpItem("新社会人応援特集", "/newcomer/");
	fc_PopUpItem("データベース管理者", "/dba/");
	fc_PopUpItem("OTN有償会員専用", "/upgrade/member/");
	fc_PopUpItemEnd();
	document.close();
	fc_StartPopUpMenu("id_PopUpMenuBar", "id_PopUpMenuTD", "cs_PopUpMenu", "id_PopUpMenuLink", "id_PopUpItemDIV", "cs_PopUpItem");
}
