browser_Name=navigator.appName;
browser_Ver=parseInt(navigator.appVersion);
machine = navigator.platform ;
//IE4 以上
/*alert(browser_Name);
alert(browser_Ver);
alert(machine);*/
if( browser_Name=="Microsoft Internet Explorer"&&browser_Ver >= 4 && machine == "MacPPC"){
	browser = "E4mac";
	doc = 'document.all';
	sty = '.style';
}
//NC6 以上
else if(  browser_Name=="Netscape"&&browser_Ver >= 5 ) {
	browser = "N6";
	doc = "document.getElementById(";
	sty = ").style";
}
//NC4 限定
else if( browser_Name=="Netscape" && browser_Ver == 4 ) {
	browser = "N4";
	doc = "document[";
	sty = "]";
}
else {
	browser = "E4win";
	doc = 'document.all';
	sty = '.style';
}

//===========================================================================================
//===========================================================================================
function jump_url()
{
	selNo = document.select.menu.selectedIndex;
	url = document.select.menu.options[selNo].value;
	window.parent.location = url;
}

function layers_write() {
var layer_menu = '<form name="select">';
layer_menu += '<select name="menu" onChange="jump_url();" class="read2">';
layer_menu += '<option value="index.html">Pirouette ケモメトリックス</option>';
layer_menu += '<option value="info/info.html">お知らせ</option>';
layer_menu += '<option value="sale/order1.html">&nbsp; └キャンペーン</option>';
layer_menu += '<option value="chemometo/chemomet.html">ケモメトリックス</option>';
layer_menu += '<option value="">ソフトウェア</option>';
layer_menu += '<option value="pirouett/pirowin.html">&nbsp; ├ Pirouette</option>';
layer_menu += '<option value="lite/lite.html">&nbsp; ├ Pirouette Lite</option>';
layer_menu += '<option value="instep/instep.html">&nbsp; ├ InStep</option>';
layer_menu += '<option value="download/download.html">&nbsp; └ ダウンロード</option>';
layer_menu += '<option value="semina/semina.html">トレーニングコース</option>';
layer_menu += '<option value="chemodb/default.html">文献検索（実験中）</option>';
layer_menu += '<option value="gizyutu/index.html">技術資料（無料配布中）</option>';
layer_menu += '<option value="qa/qa.html">Q&amp;A（よくある質問）</option>';
layer_menu += '<option value="../inquiry.html">お問い合わせ</option>';



layer_menu += '</select>';
layer_menu += '</form>';
document.write(layer_menu);
}

//===========================================================================================
//===========================================================================================

//var position_top2 = 26;
	var offsetY = 0;
	var offsetX = 0;
	var available_width = 0;
	var position_left = 0;
	var position_top = 0;
	var timerID = 0;
	var timerID2 = 0;
	var timerID3 = 0;
function fixed_layer() {
	if((browser == "E4mac")||(browser == "E4win")){
		available_width = document.body.clientWidth;
		offsetY = document.body.scrollTop;
		offsetX = document.body.scrollLeft;
	} else if((browser == "N4")||(browser="N6")) {
		available_width=innerWidth;
		offsetY = window.pageYOffset;
		offsetX = window.pageXOffset;
	}
	//position_left = available_width - 125 + offsetX;
	//alert(offsetX);
	position_left = available_width / 2 + 400 + offsetX;
	position_top = offsetY;
	position_top2 = position_top + 15;
//	eval( doc+'["memuindex"]'+sty+'.left = position_left; ');
//	eval( doc+'["memuindex"]'+sty+'.top = position_top; ');
	eval( doc+'["menucontent"]'+sty+'.left = position_left; ');
	eval( doc+'["menucontent"]'+sty+'.top = position_top2; ');
	position();
}

//-------------------------------------------------------------------------------------------
function setClip() {
//	alert(position_top);
	position_top2 = position_top + 15;//26
//	eval( doc+'["memuindex"]'+sty+'.top = position_top;');
	eval( doc+'["menucontent"]'+sty+'.top = position_top2;');
}

//-------------------------------------------------------------------------------------------
var timerID4;
function position(){
	clearTimeout(timerID4);
	until_now_position = position_top;
		if((browser == "E4mac")||(browser == "E4win")){
			now_position = document.body.scrollTop;
		} else if((browser == "N4")||(browser="N6")) {
			now_position = window.pageYOffset;
		}
//alert(now_position);
/*	if ((browser == "N6")||(browser == "E4win")){
		slice_position = now_position.lastIndexOf("px",10);
		now_position = now_position.substring (0,slice_position);
		}
*/

//		alert(until_now_position);
//		alert(now_position);
	now_position2 = now_position;
	if ( now_position2 !=  until_now_position ) {
		error_position = until_now_position - now_position;
		if ((error_position > 32) || (error_position < -32)) {
		clearTimeout(timerID4);
//		break label1;

			difference_position =  eval( now_position2 - until_now_position);
			if ( difference_position > 0 ) {
				under_slide();
			} else if ( difference_position < 0 ) {
				upper_slide();
			}
		} else {
			timerID4 = setInterval("position()",1000);
		}


	} else {
//	label1:
		timerID4 = setInterval("position()",1000);
	}
}

//-------------------------------------------------------------------------------------------
function under_slide() {
	until_now_position = until_now_position + 20;
	position_top = until_now_position;
	setClip();
		difference_position =  eval( now_position2 - until_now_position);
		if ( difference_position < 110 ) { 
			clearInterval(timerID);
			clearInterval(timerID);
			clearInterval(timerID);
			under_slide2();
		} else { 
			timerID = setTimeout('under_slide()', 20)
		}
}

function under_slide2() {
	until_now_position = until_now_position + 10;
	position_top = until_now_position;
	setClip();
		difference_position =  eval( now_position2 - until_now_position);
		if ( difference_position < 55 ) { 
			clearInterval(timerID2);
			clearInterval(timerID2);
			clearInterval(timerID2);
			under_slide3();
		} else { 
			timerID2 = setTimeout('under_slide2()', 20)
		}
}

function under_slide3() {
	if ( now_position2 >=  until_now_position ) {
	until_now_position = until_now_position + 2;
//	alert (position_top);
//	alert (until_now_position);
	position_top = until_now_position;
	setClip();
		timerID3 = setTimeout('under_slide3()', 20)
	} else {
	clearInterval(timerID3);
	timerID4 = setInterval("position()",1000);
	}
}

//-------------------------------------------------------------------------------------------

function upper_slide() {
	until_now_position -= 20;
	position_top = until_now_position;
	setClip();
		difference_position =  eval( now_position2 - until_now_position);
		if ( difference_position > -110 ) { 
			clearInterval(timerID);
			clearInterval(timerID);
			clearInterval(timerID);
			upper_slide2();
		} else { 
		timerID = setTimeout('upper_slide()', 20)
		}
}


function upper_slide2() {
	until_now_position -= 10;
	position_top = until_now_position;
	setClip();
		difference_position =  eval( now_position2 - until_now_position);
		if ( difference_position > -55 ) { 
			clearInterval(timerID2);
			clearInterval(timerID2);
			clearInterval(timerID2);
			//alert (difference_position);
			upper_slide3();
		} else { 
		timerID2 = setTimeout('upper_slide2()', 20)
		}
}


function upper_slide3() {
	if ( now_position2 <=  until_now_position ) {
	until_now_position -= 2;
//	alert (position_top);
//	alert (until_now_position);
	position_top = until_now_position;
	setClip();
		timerID3 = setTimeout('upper_slide3()', 20)
	} else {
	clearInterval(timerID3);
	timerID4 = setInterval("position()",1000);
	}
}

//-------------------------------------------------------------------------------------------
var mv = "false";
function layer_visible(){
/*	alert(browser);
	alert(doc);
	alert(sty);*/
	if(mv == "false"){
//		eval( doc+'["memuindex"].document["triangle"].src = "images/triangle2.gif";' );
		eval( doc+'["menucontent"]'+sty+'.visibility = "visible";' );
		mv = "true";
	} else {
//		eval( doc+'["memuindex"].document["triangle"].src = "images/triangle1.gif";' );
		eval( doc+'["menucontent"]'+sty+'.visibility = "hidden";' );
		mv = "false";
	}
}

var timerID4;
function around_program(){
	timerID4 = setInterval("position()",1000);
}

//document.onmouseup = position;

function remove(){
	location.reload();
}

//window.onscroll = position;//fixed_layer
window.onresize = remove;

//サイドコンテンツ書き込みレイヤー　ボタン
function menu_index() {
/*var menuindex = '';
menuindex += '<div id="memuindex" style="position:absolute; left:0px; top:0px; width:125px; height:25px; visibility:visible; z-index:2">';
menuindex += '<table width="170" border="0" cellspacing="0" cellpadding="0">';
menuindex += '<tr>';
menuindex += '<td class="read1">Cat No.検索</td>';
menuindex += '</tr>';
menuindex += '<tr>';
menuindex += '<td valign="middle" class="read1"><form action="http://www.gls.co.jp/cgi-bin/namazu/namazu.cgi" method="get">';
//http://localhost/~sekiosamu/cgi-bin/test1.cgi
menuindex += '<input name="query" type="text" size="20"> ';
menuindex += '<input type="submit" name="Submit" value="送信">';
menuindex += '<input type="hidden" name="reference" value="off" />';
menuindex += '</form></td>';
menuindex += '</tr>';
menuindex += '<tr>';
menuindex += '<td><img src="images/space.gif" width="5" height="5"></td>';
menuindex += '</tr>';
menuindex += '<tr>';
menuindex += '<td><a href="JavaScript:void(0);" onClick="layer_visible();">&gt;&gt;[関連情報]</a></td>';
menuindex += '</tr>';
menuindex += '</table>';
menuindex += '</div>';
document.write(menuindex);*/
}
//サイドコンテンツ書き込みレイヤー　共通コンテンツ
var menucontent2 = '';//<tr><td><img src="images/space.gif" width="5" height="5"></td></tr>
/*menucontent2 += '<tr><td class="table4"><a href="">□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□2</a><br>2005/00/00</td></tr>';
menucontent2 += '<tr><td><img src="images/space.gif" width="5" height="5"></td></tr>';
menucontent2 += '<tr><td class="table4"><a href="">□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□2</a><br>2005/00/00</td></tr>';
menucontent2 += '<tr><td><img src="images/space.gif" width="5" height="5"></td></tr>';
menucontent2 += '<tr><td class="table4"><a href="">□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□2</a><br>2005/00/00</td></tr>';
menucontent2 += '<tr><td><img src="images/space.gif" width="5" height="5"></td></tr>';
menucontent2 += '<tr><td class="table4"><a href="">□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□2</a><br>2005/00/00</td></tr>';
menucontent2 += '<tr><td><img src="images/space.gif" width="5" height="5"></td></tr>';
menucontent2 += '<tr><td class="table4"><a href="">□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□2</a><br>2005/00/00</td></tr>';*/


//サイドコンテンツ書き込みレイヤー　コンテント
function menu_contents() {
/*var menucontent = '<div id="menucontent" style="position:absolute; left:0px; top:26px; width:125px; height:520px; visibility:visible; z-index:1">';//visible//hidden
menucontent += '<table width="172" border="0" cellspacing="0" cellpadding="0">';
menucontent += '<tr><td class="table4"><a href="">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</a><br>2005/00/00</td></tr>';
menucontent += '<tr><td><img src="images/space.gif" width="5" height="5"></td></tr>';
menucontent += '<tr><td class="table4"><a href="">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</a><br>2005/00/00</td></tr>';
menucontent += '<tr><td><img src="images/space.gif" width="5" height="5"></td></tr>';
menucontent += '<tr><td class="table4"><a href="">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</a><br>2005/00/00</td></tr>';
menucontent += '<tr><td><img src="images/space.gif" width="5" height="5"></td></tr>';
menucontent += '<tr><td class="table4"><a href="">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</a><br>2005/00/00</td></tr>';
menucontent += '<tr><td><img src="images/space.gif" width="5" height="5"></td></tr>';
menucontent += '<tr><td class="table4"><a href="">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</a><br>2005/00/00</td></tr>';
menucontent += '</table>';
menucontent += '</div>';
document.write(menucontent);*/
}