// JavaScript Document

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-----------------------------------------------------------------------//
function getOSType()
{
    var uAgent  = navigator.userAgent.toUpperCase();
    if (uAgent.indexOf("MAC") >= 0) return "MacOS";
    if (uAgent.indexOf("WIN") >= 0) return "Windows";
    if (uAgent.indexOf("X11") >= 0) return "UNIX";
    return "";
}
//-----------------------------------------------------------------------//
//　Netscape Navigator ->  Netscape
//　Internet Explorer  ->　Explorer
//　Safari  ->　Safari
//　Opera  ->　Opera
//-----------------------------------------------------------------------//
function InserBR()
{
	alert("here !!!");
}
//-----------------------------------------------------------------------//
function getBrowserName()
{
    var aName  = navigator.appName.toUpperCase();
    var uName = navigator.userAgent.toUpperCase();
    if (uName.indexOf("OPERA") >= 0)     return "Opera";
    if (uName.indexOf("CHROME") >= 0)    return "Chrome";
    if (uName.indexOf("SAFARI") >= 0)    return "Safari";
    if (aName.indexOf("NETSCAPE") >= 0)  return "Netscape";		// FireFox
    if (aName.indexOf("MICROSOFT") >= 0) return "Explorer";
    return "";
}
//-----------------------------------------------------------------------//
function getBrowserVersion()
{
	var browser = getBrowserName();
	var version = 0;
	var s = 0;
	var e = 0;
	var appVer  = navigator.appVersion;
	var uName  = navigator.userAgent.toUpperCase();
	if (browser == "Safari")
	{
		version = eval(appVer.substring(0,3)) - 4;
	}
	if (browser == "Opera")
	{
		s = uName.indexOf("OPERA",0) + 6;
		e = uName.indexOf(" ",s);
		version = eval(uName.substring(s,e));
	}
	if (browser == "Chrome")
	{
		s = uName.indexOf("MOZILLA",0) + 8;
		e = uName.indexOf(" ",s);
		version = eval(uName.substring(s,e));
	}
	if (browser == "Netscape")
	{
		s = uName.indexOf("MOZILLA",0) + 8;
		e = uName.indexOf(" ",s);
		version = eval(uName.substring(s,e));
	}
	if (browser == "Explorer")
	{
		appVer  = navigator.userAgent;
		s = appVer.indexOf("MSIE ",0) + 5;
		e = appVer.indexOf(";",s);
		version = eval(appVer.substring(s,e));
	}
	return version;
}
//-----------------------------------------------------------------------//

// -------------------------------------------------------- //
// 画像切換
function ImageChange( image_index, path_name )
{
    document.images[ image_index ].src = path_name;
}
// -------------------------------------------------------- //
function Read_StyleSheets( opath )
{
	p1 = '<link href = ';
	p2 = " rel='stylesheet' type='text/css'>";
	
	css1 = opath + 'css/i_frame.css';
	// css2 = opath + 'css/i_frame_explorer.css';
	// css3 = opath + 'css/i_frame_netscape.css';
	// css4 = opath + 'css/top_page_explorer.css';
	// css5 = opath + 'css/top_page_netscape.css';
	css6 = opath + 'css/contact.css';
	css7 = opath + 'css/datasheets.css';
	css8 = opath + 'css/font.css';
	css9 = opath + 'css/KPI.css';
	css10 = opath + 'css/menu.css';
	css11 = opath + 'css/product.css';
	css12 = opath + 'css/product_table.css';
	css13 = opath + 'css/std.css';
	css14 = opath + 'css/tag.css';
//	css15 = opath + 'css/top_page.css';
//	css16 = opath + 'css/top_page2.css';
	css17 = opath + 'css/top_page_common.css';
//	css18 = opath + 'css/fly_menu_ie.css';
//	css19 = opath + 'css/fly_menu_ff.css';
//	css20 = opath + 'css/fly_menu_op.css';
	css21 = opath + 'css/dd_menu_ie.css';
	css22 = opath + 'css/dd_menu_ff.css';
	css23 = opath + 'css/dd_menu_op.css';
	
	css24 = opath + 'css/prn_set.css';

	document.write( p1 + css1 + p2 );
	// -------------------- //
	// ブラウザーによる切換 //
	// -------------------- //
	br_name = getBrowserName();
	if( "Explorer" == br_name ){
		// document.write( p1 + css2 + p2 );
		// document.write( p1 + css4 + p2 );
		// document.write( p1 + css18 + p2 );
		document.write( p1 + css21 + p2 );
	}
	else if( "Netscape" == br_name ){
		// document.write( p1 + css3 + p2 );
		// document.write( p1 + css5 + p2 );
		// document.write( p1 + css19 + p2 );
		document.write( p1 + css22 + p2 );
	}
	else if( "Opera" == br_name ){
		// document.write( p1 + css3 + p2 );
		// document.write( p1 + css5 + p2 );
		// document.write( p1 + css20 + p2 );
		document.write( p1 + css23 + p2 );
	}
	else if( "Chrome" == br_name ){
		// document.write( p1 + css3 + p2 );
		// document.write( p1 + css5 + p2 );
		// document.write( p1 + css20 + p2 );
		document.write( p1 + css22 + p2 );
	}
	else{
		// document.write( p1 + css2 + p2 );
		// document.write( p1 + css5 + p2 );
		// document.write( p1 + css18 + p2 );
		document.write( p1 + css21 + p2 );
	}
	// ---- //
	// 共通 //
	// ---- //
	document.write( p1 + css6  + p2 );
	document.write( p1 + css7  + p2 );
	document.write( p1 + css8  + p2 );
	document.write( p1 + css9  + p2 );
	document.write( p1 + css10 + p2 );
	document.write( p1 + css11 + p2 );
	document.write( p1 + css12 + p2 );
	document.write( p1 + css13 + p2 );
	document.write( p1 + css14 + p2 );
//	document.write( p1 + css15 + p2 );
//	document.write( p1 + css16 + p2 );
	document.write( p1 + css17 + p2 );
	document.write( p1 + css24 + p2 );
}

//-----------------------------------------------------------------------//
function img_frame_on( id_str )
{
	var element;
	element = document.getElementById( id_str );
//	element.style.borderColor = "#E61E3C"; //"#33ff00";
	element.style.backgroundColor = "#E61E3C"; //"#33ff00";
	element.style.color           = "#ffffff"; //"#33ff00";
//	element.style.borderTop       = "solid 1px #E61E3C";	// mouse out で枠が残ってしまうので中止
//	element.style.borderLeft      = "solid 1px #E61E3C";
//	element.style.borderBottom    = "solid 1px #730000";
//	element.style.borderRight     = "solid 1px #730000";
}
//-----------------------------------------------------------------------//
function img_frame_off( id_str )
{
	var element;
	element = document.getElementById( id_str );
//	element.style.borderColor = "#ffffff";
	element.style.backgroundColor = "#dddddd"; //"#33ff00";
	element.style.color           = "#333333"; //"#33ff00";
	element.style.borderTop       = "solid 1px #dddddd";
	element.style.borderLeft      = "solid 1px #dddddd";
	element.style.borderBottom    = "solid 1px #666666";
	element.style.borderRight     = "solid 1px #666666";
}
// -------------------------------------------------------- //
function switch_new_products_timer()
{
	setInterval( switch_new_products, 3000 );
}
// -------------------------------------------------------- //
function switch_new_products()
{
	string1 = "新商品 : 新型電極Ｇ電極";
	string2 = "新商品: 電子冷却恒温循環槽";

	// タイトル //
	var element_1 = document.getElementById('s_title_1');
	var element_2 = document.getElementById('s_src_1');
	var element_3 = document.getElementById('s_link_1');
	
	if( element_1.innerHTML == string1 ){
		//alert(string2);
		element_1.innerHTML = string2;
		element_2.src       = "./img/product/cool_stat/circulite2.jpg";
		element_3.href      = "./right_window/cool_stat/circulite.cgi";
	}
	else if( element_1.innerHTML == string2 ){
		//alert(string1);
		element_1.innerHTML = string1;
		element_2.src       = "./img/product/migration/cool_phore_star/g_electrode.jpg";
		element_3.href      = "./right_window/migration/cool_phore_star/g_electrode.cgi?page=4";
	}
}
// -------------------------------------------------------- //
function timer_set()
{
	// setTimeout("change_image_full_color()", 500 );
	setTimeout("highlight_show_1()", 500 );
	setTimeout("highlight_show_2()", 700 );
	setTimeout("highlight_show_3()", 900 );
	setTimeout("highlight_show_4()", 1300 );
}
// -------------------------------------------------------- //
function highlight_show_1()
{
	var element;
	element = document.getElementById('s_title_1');
	element.style.backgroundColor = "#ff6600";
	element.style.borderColor = "#ff6600";
	element = document.getElementById('s_contents_1');
	element.style.borderColor = "#ff6600";
}
// -------------------------------------------------------- //
function highlight_show_2()
{
	var element;
	element = document.getElementById('s_title_2');
	element.style.backgroundColor = "#cc33cc";
	element.style.borderColor = "#cc33cc";
	element = document.getElementById('s_contents_2');
	element.style.borderColor = "#cc33cc";
}
// -------------------------------------------------------- //
function highlight_show_3()
{
	var element;
	element = document.getElementById('s_title_3');
	element.style.backgroundColor = "#3399ff";
	element.style.borderColor = "#3399ff";
	element = document.getElementById('s_contents_3');
	element.style.borderColor = "#3399ff";
}
// -------------------------------------------------------- //
function highlight_show_4()
{
	var element;
	element = document.getElementById('emphasis');
	element.style.borderColor = "#ff0000";
	element = document.getElementById('emphasis1');
	element.style.color = "#ff0000";
	element = document.getElementById('emphasis2');
	element.style.color = "#ff0000";
}
// -------------------------------------------------------- //
color_index = 100;
color_direc = 5;
color_order = 1;
// -------------------------------------------------------- //
function change_image_double()
{
	if( color_index >= 200 ){
		color_direc = -5;
		color_index = 200;
	}
	if( color_index <= 100 ){
		color_direc = 5;
		color_index = 100;
	}
	color_index_2 = 100 + ( 200 - color_index );

	// 文字列に変換 //
	_str1 = color_index.toString(16);
	if( 1 >= _str1.length ){		// 強制的に２文字にする IE 対策 //
		_str1 = "0" + _str1;
	}
	_str2 = color_index_2.toString(16);
	if( 1 >= _str2.length ){		// 強制的に２文字にする IE 対策 //
		_str2 = "0" + _str2;
	}
	
	// カラー文字列作成
	// _str = "#" + "ff" + _str + _str;	// 赤
	//_str = "#" + "33" + "66" + _str;	// 緑 <-> 青
	_str1 = "#" + "33" + "99" + _str1;	// 緑 <-> 青
	_str2 = "#" + "33" + "99" + _str2;	// 緑 <-> 青
	
	var element = document.getElementById('two_dim_title_1');
	element.style.backgroundColor = _str1;
	element = document.getElementById('two_dim_title_2');
	element.style.backgroundColor = _str2;

	// ↓ 色の変更は中止
	// setTimeout( "change_image_double()", 300 );
	
	color_index = color_index + color_direc;
}
// -------------------------------------------------------- //
function change_image()
{
	if( color_index >= 200 ){
		color_direc = -5;
		color_index = 200;
	}
	if( color_index <= 100 ){
		color_direc = 5;
		color_index = 100;
	}

	// 文字列に変換 //
	_str = color_index.toString(16);
	// 強制的に２文字にする IE 対策 //
	if( 1 >= _str.length ){
		_str = "0" + _str;
	}
	
	// カラー文字列作成
	// _str = "#" + "ff" + _str + _str;	// 赤
	//_str = "#" + "33" + "66" + _str;	// 緑 <-> 青
	_str = "#" + "33" + "99" + _str;	// 緑 <-> 青
	
	var element = document.getElementById('two_dim_title');
	element.style.backgroundColor = _str;

	setTimeout( "change_image()", 300 );
	
	color_index = color_index + color_direc;
}
// -------------------------------------------------------- //
function change_image_full_color()
{
	if( color_index >= 255 ){
		color_direc = -10;
		color_index = 255;
		color_order = color_order + 1;
	}
	if( color_index <= 0 ){
		color_direc = 10;
		color_index = 0;
		color_order = color_order + 1;
	}
	if( color_order == 7 ){
		color_order = 1;
	}

	// 文字列に変換 //
	_str = color_index.toString(16);
	// 強制的に２文字にする IE 対策 //
	if( 1 >= _str.length ){
		_str = "0" + _str;
	}
	
	// カラー文字列作成
	if( color_order == 1 ){
		_str = "#" + "ff" + _str + "00";		// #ff 00 00 -> #ff ff 00
	}
	else if( color_order == 2 ){
		_str = "#" + _str + "ff" + "00";		// #ff ff 00 -> #00 ff 00
	}
	else if( color_order == 3 ){
		_str = "#" + "00" + "ff" + _str;		// #00 ff 00 -> #00 ff ff
	}
	else if( color_order == 4 ){
		_str = "#" + "00" + _str + "ff";		// #00 ff ff -> #00 00 ff
	}
	else if( color_order == 5 ){
		_str = "#" + _str + "00" + "ff";		// #00 00 ff -> #ff 00 ff
	}
	else if( color_order == 6 ){
		_str = "#" + "ff" + "00" + _str;		// #ff 00 ff -> #ff 00 00
	}
	
	var element = document.getElementById('two_dim_title');
	element.style.backgroundColor = _str;

	setTimeout( "change_image_full_color()", 100 );
	
	color_index = color_index + color_direc;
}
// -------------------------------------------------------- //
function mouse_comment_on( no )
{
	var text     = new Array( "未選択",  "肺",      "精巣",    "腎皮質",  "大脳",    "血清",    "小腸",      "肝臓",    "筋肉" );
	var color    = new Array( "#000000", "#336600", "#336622", "#336644", "#336666", "#336688", "#3366aa",   "#3366cc", "#3366ee" );
	var bk_color = new Array( "#ffffff", "#ccff99", "#ffff99", "#ffffcc", "#ccffff", "#ccffcc", "#ffcccc",   "#ccccff", "#99cccc" );
	var img_name = new Array( "",        "lung",    "energy",  "skin",    "cerebrum", "serum",  "intestine", "liver",   "muscles" );
	
	var image_file_name;
	var element1 = document.getElementById('mouse_comment');

	// イメージ情報 //
	element1.innerHTML = text[no];
	element1.style.color = color[no];
	element1.style.backgroundColor = bk_color[no];

	// イメージファイル //
	image_file_name = "../../img/datasheets/rat/" + img_name[no] + ".jpg";
	var id_str = "pic_" + no;
	var element2 = document.getElementById( id_str );
	element2.src = image_file_name;
}
// -------------------------------------------------------- //
function mouse_comment_off( no )
{
	var img_name = new Array( "", "lung", "energy", "skin", "cerebrum", "serum", "intestine", "liver", "muscles" );

	var image_file_name;
	var element1 = document.getElementById('mouse_comment');

	// イメージ情報 //
	element1.innerHTML = "未選択";
	element1.style.color = "#000000";
	element1.style.backgroundColor = "#ffffff";

	// イメージファイル //
	image_file_name = "../../img/datasheets/rat/" + img_name[no] + "_a.jpg";
	var id_str = "pic_" + no;
	var element2 = document.getElementById( id_str );
	element2.src = image_file_name;
}
// -------------------------------------------------------- //
// dataが1文字なら先頭に embed を追加
function form2byte( data, embed )
{
	if( 1 == data.length ){
		data = embed + data;
	}
	return data;
}
// -------------------------------------------------------- //
function fl3000_func( no )
{
	//alert( "here!!!" );
	
	var ex_str1;
	var ex_str2;
	if( no == 1 ){			ex_str1 = "ﾒﾆｭｰﾊﾞｰ";	ex_str2 = "ファイル操作、環境設定、キャリブレーション、連続ゲル切出しなどの項目があります。";	}
	else if( no == 2 ){		ex_str1 = "ﾂｰﾙ ﾊﾞｰ";	ex_str2 = "ゲル画像を開く、保存など。 BMP( 8bit ｸﾞﾚｰ ),TIFF( 8/16bit ｸﾞﾚｰ ) に対応しています。";	}
	else if( no == 3 ){		ex_str1 = "CCDカメラ"; 	ex_str2 = "CCDカメラとの接続状況を表示します。";	}
	else if( no == 4 ){		ex_str1 = "ﾏｰｶｰｽﾃｰｼﾞ";	ex_str2 = "マーカーステージとの接続状況を表示します。";	}
	else if( no == 5 ){		ex_str1 = "蛍光ﾗﾝﾌﾟ";	ex_str2 = "蛍光用 LED の ON/OFF 及び 接続状況を表示するエリアです。";	}
	else if( no == 6 ){		ex_str1 = "撮影";		ex_str2 = "ゲル撮影、撮影時間、CCDカメラの温度設定などを行うエリアです。";	}
	else if( no == 7 ){		ex_str1 = "画像調整";	ex_str2 = "画像調整 白黒・左右・上下反転、回転( 90, 180, 270°),ノイズ除去等を行うエリアです。";	}
	else if( no == 8 ){		ex_str1 = "ﾎﾟｲﾝﾄ設定";	ex_str2 = "ゲル切出しポイントの設定( 登録・削除 )を行うエリアです。( 最大 100 ポイント )";	}
	else if( no == 9 ){		ex_str1 = "Sampling";	ex_str2 = "指定位置にマーカーステージが移動します。";	}
	else if( no == 10 ){	ex_str1 = "動作モード";	ex_str2 = "現在の動作モードを表示します。";	}
	else if( no == 11 ){	ex_str1 = "Scale";		ex_str2 = "ゲル画像表示エリアにスケールを表示します。";	}
	else if( no == 12 ){	ex_str1 = "Zoom";		ex_str2 = "ゲル画像の拡大・縮小を行います。 ( 最大倍率10倍 )";	}
	else if( no == 13 ){	ex_str1 = "Color";		ex_str2 = "現在のマウス位置の色情報を表示します。";	}
	else if( no == 14 ){	ex_str1 = "Saturation";	ex_str2 = "サチュレーション表示のON/OFF、サチュレーションエリアを赤色で表示します。";	}
	else if( no == 15 ){	ex_str1 = "Popup Menu";	ex_str2 = "右クリックでポップアップメニューが開きます。";	}
	else if( no == 16 ){	ex_str1 = "上空ｳｨﾝﾄﾞｳ";	ex_str2 = "現在表示されている領域が赤枠で表示されます。";	}
	else if( no == 17 ){	ex_str1 = "機能 1";		ex_str2 = "ポイント連続設定機能で速やかにゲル切出しポイントを決めることが出来ます。";	}
	else if( no == 18 ){	ex_str1 = "機能 2";		ex_str2 = "google map のマウス操作性で拡大･縮小・画面移動が行なえます。";	}
	else if( no == 19 ){	ex_str1 = "表示エリア";	ex_str2 = "ゲル画像表示エリアです。";	}
	else{
		ex_str1 = "[ エリア ]";
		ex_str2 = "[ 機能説明 ]";
	}
	// マウスの設定 //
	//if( no == 0 ){
	//	document.body.style.cursor = "default";
	//}
	//else{
	//	document.body.style.cursor = "hand";
	//}

	var bit8 = 256;
	add = ( bit8 / 19 ) * no;
	if( add >= bit8 ){ add = bit8 - 1; }
	add = add | 0;	// 少数 → 整数変換

	var c_red   = 256 + add;
	var c_green = 102 + add;
	var c_blue  = 51  + add;
	if( c_red   >= bit8 ){	c_red   -= bit8;	}
	if( c_green >= bit8 ){	c_green -= bit8;	}
	if( c_blue  >= bit8 ){	c_blue  -= bit8;	}

	var lp_color    = "#" + form2byte( (add).toString( 16 ), "0" ) + form2byte( (add).toString( 16 ), "0" )   + form2byte( (add).toString( 16 ), "0" );
	var lp_bk_color = "#" + form2byte( c_red.toString( 16 ), "0" ) + form2byte( c_green.toString( 16 ), "0" ) + form2byte( c_blue.toString( 16 ), "0" );
	
	// HTML 側の id を取得 //
	var element1 = document.getElementById('fl3000_area');
	var element2 = document.getElementById('fl3000_ex');
	// イメージ情報 //
	element1.style.color 			= "#ffffff";	//lp_color;
	element1.style.backgroundColor 	= lp_bk_color;
	//element1.style.fontSize 		= "12px";
	element1.style.textAlign 		= "center";
	element1.innerHTML				= ex_str1;
	
	element2.style.color 			= "#333333";
	element2.style.backgroundColor 	= "#8ed4ff";
	//element2.style.fontSize 		= "12px";
	element2.innerHTML				= ex_str2;
}