

function historyBack()
{
	history.back();
}



var floatWinW = 260;
var margin = 1;

var currentOverID = null;
var overStatus = "def";

var mouseX;
var mouseY;

var eLeft;
var eRight;
var eTop;
var eBottom;

Event.observe(window.document, "mousemove", displayXY, false);

function displayXY(event)
{
	mouseX = Event.pointerX(event);
	mouseY = Event.pointerY(event);
	
	var windowW = document.body.clientWidth;
	
	var posX = (mouseX + margin);
	var posY = (mouseY + margin);
	
	if(document.body.clientWidth/2 < mouseX) posX = (mouseX - margin - floatWinW);
	
	
	if(overStatus == "over")
	{
		overStatus = "check";
		
		eLeft   = posX;
		eRight  = posX + floatWinW;
		eTop    = posY;
		eBottom = posY + Element.getHeight($("float_win"));
		
		Element.setStyle($("float_win"), {
			left  : posX + "px",
			top   : posY + "px",
			width : floatWinW + "px"
		});
		
		return;
	}
	
	if(overStatus == "check")
	{
		Element.setStyle($("float_win"), {
			display : "block"
		});
	}
	
	if(overStatus == "out")
	{
		var mouseMargin = 20;
		var flg = (eLeft - mouseMargin < mouseX && mouseX < eRight + mouseMargin && eTop - mouseMargin < mouseY && mouseY < eBottom + mouseMargin);
		var dis = (flg) ? "block" : "none";
		
		if(!flg)
		{
			eLeft  = 0;
			eRight = 0;
			
		}
		
		Element.setStyle($("float_win"), {
			display : dis
		});
	}
	/**/
	
	//$("result").innerHTML = "("+mouseX+", "+mouseY+")" + window.innerWidth + ":" + document.body.clientWidth + ":" + overStatus + ":" + flg;
}

function overItem(id)
{
	currentOverID = id;
	
	//alert(id);
	
	var array = getFloatWinListArray(id);
	
	var iHTML = '';
	iHTML += '<table>';
	
	for(var i = 0; i < array.length; i ++)
	{
		iHTML += '<tr>' + getFloatWinListHTML(array[i]) + '</tr>';
	}
	
	
	iHTML += '</table>';
	
	$("float_win_inside").innerHTML = iHTML;//$('float_win_' + id).innerHTML;
	
	overStatus = "over";
}

function outItem(id)
{
	currentOverID = null;
	
	overStatus = "out";
}

function getFloatWinListArray(id)
{
	var rtnArray = new Array();
	
	switch(id)
	{
		case "i01" : rtnArray =  ['p01', 'p17']; break;
		case "i02" : rtnArray =  ['p01', 'p05', 'p13', 'p29']; break;
		case "i03" : rtnArray =  ['p02', 'p07', 'p12', 'p14', 'p36']; break;
		case "i04" : rtnArray =  ['p03']; break;
		case "i05" : rtnArray =  ['p04', 'p35']; break;
		case "i06" : rtnArray =  ['p04']; break;
		case "i07" : rtnArray =  ['p04', 'p07']; break;
		case "i08" : rtnArray =  ['p06']; break;
		case "i09" : rtnArray =  ['p07']; break;
		case "i10" : rtnArray =  ['p08', 'p35']; break;
		case "i11" : rtnArray =  ['p08']; break;
		case "i12" : rtnArray =  ['p09']; break;
		case "i13" : rtnArray =  ['p08', 'p09', 'p21', 'p32']; break;
		case "i14" : rtnArray =  ['p10', 'p16', 'p13', 'p22']; break;
		case "i15" : rtnArray =  ['p11']; break;
		case "i16" : rtnArray =  ['p04']; break;
		case "i17" : rtnArray =  ['p15']; break;
		case "i18" : rtnArray =  ['p16']; break;
		case "i19" : rtnArray =  ['p17']; break;
		case "i20" : rtnArray =  ['p18']; break;
		case "i21" : rtnArray =  ['p19', 'p33']; break;
		case "i22" : rtnArray =  ['p20']; break;
		case "i23" : rtnArray =  ['p20']; break;
		case "i24" : rtnArray =  ['p22']; break;
		case "i25" : rtnArray =  ['p23']; break;
		case "i26" : rtnArray =  ['p24']; break;
		case "i27" : rtnArray =  ['p25']; break;
		case "i28" : rtnArray =  ['p26']; break;
		case "i29" : rtnArray =  ['p27']; break;
		case "i30" : rtnArray =  ['p28']; break;
		case "i31" : rtnArray =  ['p30']; break;
		case "i32" : rtnArray =  ['p31']; break;
		case "i33" : rtnArray =  ['p34']; break;
	}
	
	return rtnArray;
}


function getFloatWinListHTML(id)
{
	listHTML = '';
	
	switch(id)
	{
		case "p01" : listHTML =  '<td class="icon"><img src="images/icon/icon01.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp1_index.html">たわしが走り出す</a></td>'; break;
		case "p02" : listHTML =  '<td class="icon"><img src="images/icon/icon03.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp2_index.html">二階建てグラス</a></td>'; break;
		case "p03" : listHTML =  '<td class="icon"><img src="images/icon/icon04.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp3_index.html">あみ目からもれない水</a></td>'; break;
		case "p04" : listHTML =  '<td class="icon"><img src="images/icon/icon05.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp4_index.html">ボルタの電池</a></td>'; break;
		case "p05" : listHTML =  '<td class="icon"><img src="images/icon/icon02.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp5_index.html">ひえひえマシン</a></td>'; break;
		case "p06" : listHTML =  '<td class="icon"><img src="images/icon/icon08.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp6_index.html">アイシャドウで指紋検出</a></td>'; break;
		case "p07" : listHTML =  '<td class="icon"><img src="images/icon/icon09.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp7_index.html">ガリレイ式望遠鏡</a></td>'; break;
		case "p08" : listHTML =  '<td class="icon"><img src="images/icon/icon10.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp8_index.html">アルミホイルぶらんこ</a></td>'; break;
		case "p09" : listHTML =  '<td class="icon"><img src="images/icon/icon12.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp9_index.html">コイン自動選別機</a></td>'; break;
		case "p10" : listHTML =  '<td class="icon"><img src="images/icon/icon14.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp10_index.html">親子ボールの二段ロケット</a></td>'; break;
		case "p11" : listHTML =  '<td class="icon"><img src="images/icon/icon15.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp11_index.html">しょうゆ入れの浮沈子</a></td>'; break;
		case "p12" : listHTML =  '<td class="icon"><img src="images/icon/icon03.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp12_index.html">れんげの水飲み鳥</a></td>'; break;
		case "p13" : listHTML =  '<td class="icon"><img src="images/icon/icon02.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp13_index.html">ピンポン玉浮上</a></td>'; break;
		case "p14" : listHTML =  '<td class="icon"><img src="images/icon/icon16.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp14_index.html">くっつきクレーン</a></td>'; break;
		case "p15" : listHTML =  '<td class="icon"><img src="images/icon/icon17.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp15_index.html">ハンディばねばかり</a></td>'; break;
		case "p16" : listHTML =  '<td class="icon"><img src="images/icon/icon18.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp16_index.html">おたま凹面鏡</a></td>'; break;
		case "p17" : listHTML =  '<td class="icon"><img src="images/icon/icon19.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp17_index.html">たわしの思い出ぶらんこ</a></td>'; break;
		case "p18" : listHTML =  '<td class="icon"><img src="images/icon/icon20.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp18_index.html">どっちに、ころがる？</a></td>'; break;
		case "p19" : listHTML =  '<td class="icon"><img src="images/icon/icon21.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp19_index.html">声の振動模様</a></td>'; break;
		case "p20" : listHTML =  '<td class="icon"><img src="images/icon/icon22.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp20_index.html">ビー玉の追突実験</a></td>'; break;
		case "p21" : listHTML =  '<td class="icon"><img src="images/icon/icon13.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp21_index.html">こなごな磁石</a></td>'; break;
		case "p22" : listHTML =  '<td class="icon"><img src="images/icon/icon24.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp22_index.html">じょうごの中のピンポン玉</a></td>'; break;
		case "p23" : listHTML =  '<td class="icon"><img src="images/icon/icon25.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp23_index.html">目覚ましドップラー効果</a></td>'; break;
		case "p24" : listHTML =  '<td class="icon"><img src="images/icon/icon26.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp24_index.html">超かんたんクロマトグラフィー</a></td>'; break;
		case "p25" : listHTML =  '<td class="icon"><img src="images/icon/icon27.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp25_index.html">クッションシート・グライダー</a></td>'; break;
		case "p26" : listHTML =  '<td class="icon"><img src="images/icon/icon28.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp26_index.html">逆回転！超能力スプーン</a></td>'; break;
		case "p27" : listHTML =  '<td class="icon"><img src="images/icon/icon29.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp27_index.html">ペットボトル・ロケット</a></td>'; break;
		case "p28" : listHTML =  '<td class="icon"><img src="images/icon/icon30.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp28_index.html">ゴミ箱ピンホールカメラ</a></td>'; break;
		case "p29" : listHTML =  '<td class="icon"><img src="images/icon/icon02.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp29_index.html">歯ブラシ虫</a></td>'; break;
		case "p30" : listHTML =  '<td class="icon"><img src="images/icon/icon31.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp30_index.html">風船の力くらべ</a></td>'; break;
		case "p31" : listHTML =  '<td class="icon"><img src="images/icon/icon32.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp31_index.html">ストロー温度計</a></td>'; break;
		case "p32" : listHTML =  '<td class="icon"><img src="images/icon/icon13.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp32_index.html">マジックステッキ</a></td>'; break;
		case "p33" : listHTML =  '<td class="icon"><img src="images/icon/icon21.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp33_index.html">洗面器で凹凸面鏡</a></td>'; break;
		case "p34" : listHTML =  '<td class="icon"><img src="images/icon/icon33.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp34_index.html">塩の結晶人形</a></td>'; break;
		case "p35" : listHTML =  '<td class="icon"><img src="images/icon/icon01.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp35_index.html">サンドイッチ電池</a></td>'; break;
		case "p36" : listHTML =  '<td class="icon"><img src="images/icon/icon03.gif" width="26" height="24" alt="" /></td><td class="text"><a href="exp36_index.html">太陽風車</a></td>'; break;
	}
	
	return listHTML;
}

function insertMovie(id)
{
	switch(id)
	{
		case '1': swfID = 'Y/rFPpC_8fTMDaFf7/bHBKJo_qlxRvf.u/5qY3XlQFkZEOZFcAmFQsADx/O33W6VZh8ROeCefrFGK'; break;
		case '2': swfID = '4erFPpC_8fTMDaFf7/bHBKJo_qlxRvfdu/5qY3XlQFkZEOZFcAmFQsADx/O3326VZmXY3cDccrFGK'; break;
		case '2-2': swfID = 'hHrFPpC_8fTMDaFf7/bHBKJo_qlxRvfGu/5qY3XlQFkZEOZFcAmFQsADx/O33f6VZnVRV2eCCrFGK'; break;
		case '3': swfID = '5frFPpC_8fTMDaFf7/bHBKJo_qlxRvfeu/5qY3XlQFkZEOZFcAmFQsADx/O3336VZgdYR8fAhrFGK'; break;
		case '4': swfID = 'Q3rFPpC_8fTMDaFf7/bHBKJo_qlxRvf2u/5qY3XlQFkZEOZFcAmFQsADx/O33O6VZlV7U9fDDrFGK'; break;
		case '5': swfID = 'CprFPpC_8fTMDaFf7/bHBKJo_qlxRvfou/5qY3XlQFkZEOZFcAmFQsADx/O33A6VZGdT13ehArFGK'; break;
		case '6': swfID = 'jJrFPpC_8fTMDaFf7/bHBKJo_qlxRvfIu/5qY3XlQFkZEOZFcAmFQsADx/O33h6VZmdRQ9gAarFGK'; break;
		case '7': swfID = ''; break;
		case '8': swfID = 'BorFPpC_8fTMDaFf7/bHBKJo_qlxRvfnu/5qY3XlQFkZEOZFcAmFQsADx/O33_6VZhVY53dCdrFGK'; break;
		case '9': swfID = 'O1rFPpC_8fTMDaFf7/bHBKJo_qlxRvf0u/5qY3XlQFkZEOZFcAmFQsADx/O33M6VZgXR0dEc_rFGK'; break;
		case '10': swfID = 'X.rFPpC_8fTMDaFf7/bHBKJo_qlxRvf9u/5qY3XlQFkZEOZFcAmFQsADx/O33V6VZn8YTfBeErFGK'; break;
		case '11': swfID = 'O1rFPpC_8fTMDaFf7/bHBKJo_qlxRvf0u/5qY3XlQFkZEOZFcAmFQsADx/O33M6VZecTOgdDfrFGK'; break;
		case '12': swfID = '4erFPpC_8fTMDaFf7/bHBKJo_qlxRvfdu/5qY3XlQFkZEOZFcAmFQsADx/O3326VZFA73.ghcrFGK'; break;
		case '13': swfID = 'sSrFPpC_8fTMDaFf7/bHBKJo_qlxRvfRu/5qY3XlQFkZEOZFcAmFQsADx/O33q6VZE/TV4BfCrFGK'; break;
		case '14': swfID = 'BorFPpC_8fTMDaFf7/bHBKJo_qlxRvfnu/5qY3XlQFkZEOZFcAmFQsADx/O33_6VZfa7R6EZhrFGK'; break;
		case '15': swfID = 'AnrFPpC_8fTMDaFf7/bHBKJo_qlxRvfmu/5qY3XlQFkZEOZFcAmFQsADx/O33/6VZi/YU7EeDrFGK'; break;
		case '16': swfID = 'DqrFPpC_8fTMDaFf7/bHBKJo_qlxRvfpu/5qY3XlQFkZEOZFcAmFQsADx/O33B6VZJaR15BcArFGK'; break;
		case '17': swfID = 'S5rFPpC_8fTMDaFf7/bHBKJo_qlxRvf4u/5qY3XlQFkZEOZFcAmFQsADx/O33Q6VZi/3WehEDrFGK'; break;
		case '18': swfID = 'LyrFPpC_8fTMDaFf7/bHBKJo_qlxRvfxu/5qY3XlQFkZEOZFcAmFQsADx/O33J6VZJaPScciArFGK'; break;
		case '19': swfID = 'tTrFPpC_8fTMDaFf7/bHBKJo_qlxRvfSu/5qY3XlQFkZEOZFcAmFQsADx/O33r6VZIc3N2FgerFGK'; break;
		case '20': swfID = 'IvrFPpC_8fTMDaFf7/bHBKJo_qlxRvfuu/5qY3XlQFkZEOZFcAmFQsADx/O33G6VZjAP28kaZrFGK'; break;
		case '21': swfID = 'uUrFPpC_8fTMDaFf7/bHBKJo_qlxRvfTu/5qY3XlQFkZEOZFcAmFQsADx/O33s6VZGX517c_irFGK'; break;
		case '22': swfID = 'mMrFPpC_8fTMDaFf7/bHBKJo_qlxRvfLu/5qY3XlQFkZEOZFcAmFQsADx/O33k6VZl8VU5hBBrFGK'; break;
		case '23': swfID = 'zZrFPpC_8fTMDaFf7/bHBKJo_qlxRvfYu/5qY3XlQFkZEOZFcAmFQsADx/O33x6VZkd5P/kbbrFGK'; break;
		case '24': swfID = 'N0rFPpC_8fTMDaFf7/bHBKJo_qlxRvfzu/5qY3XlQFkZEOZFcAmFQsADx/O33L6VZHVV4hFdgrFGK'; break;
		case '25': swfID = 'bBrFPpC_8fTMDaFf7/bHBKJo_qlxRvfAu/5qY3XlQFkZEOZFcAmFQsADx/O33Z6VZmdP3gFaarFGK'; break;
		case '26': swfID = 'uUrFPpC_8fTMDaFf7/bHBKJo_qlxRvfTu/5qY3XlQFkZEOZFcAmFQsADx/O33s6VZhV3O.kgdrFGK'; break;
		case '27': swfID = 'IvrFPpC_8fTMDaFf7/bHBKJo_qlxRvfuu/5qY3XlQFkZEOZFcAmFQsADx/O33G6VZlV5WgGdDrFGK'; break;
		case '28': swfID = 'GtrFPpC_8fTMDaFf7/bHBKJo_qlxRvfsu/5qY3XlQFkZEOZFcAmFQsADx/O33E6VZGdVS.jbArFGK'; break;
		case '29': swfID = 'Y/rFPpC_8fTMDaFf7/bHBKJo_qlxRvf.u/5qY3XlQFkZEOZFcAmFQsADx/O33W6VZH85N4iBerFGK'; break;
		case '30': swfID = 'zZrFPpC_8fTMDaFf7/bHBKJo_qlxRvfYu/5qY3XlQFkZEOZFcAmFQsADx/O33x6VZkXV26b_ZrFGK'; break;
		case '31': swfID = 'qQrFPpC_8fTMDaFf7/bHBKJo_qlxRvfPu/5qY3XlQFkZEOZFcAmFQsADx/O33o6VZJA319jairFGK'; break;
		case '32': swfID = '7hrFPpC_8fTMDaFf7/bHBKJo_qlxRvfgu/5qY3XlQFkZEOZFcAmFQsADx/O3356VZicPU3GgBrFGK'; break;
		case '33': swfID = '_mrFPpC_8fTMDaFf7/bHBKJo_qlxRvflu/5qY3XlQFkZEOZFcAmFQsADx/O33.6VZja3PdbibrFGK'; break;
		case '34': swfID = 'oOrFPpC_8fTMDaFf7/bHBKJo_qlxRvfNu/5qY3XlQFkZEOZFcAmFQsADx/O33m6VZI/P4fiEgrFGK'; break;
		case '35': swfID = ''; break;
		case '36': swfID = ''; break;
		
	}
	
	
	var iHTML = '';
	
	iHTML += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="340" height="316" id="mcc0" align="middle">';
  iHTML += '<param name="allowScriptAccess" value="sameDomain" />';
  iHTML += '<param name="movie" value="http://kidsnetf.flvmaker.com/mc1.swf?id=' + swfID + '" />';
  iHTML += '<param name="quality" value="high" />';
  iHTML += '<param name="bgcolor" value="#ffffff" />';
  iHTML += '<embed src="http://kidsnetf.flvmaker.com/mc1.swf?id=' + swfID + '" quality="high" bgcolor="#ffffff" name="FlashMovie" align="middle" width="340" height="316" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
	iHTML += '</object>';
	
	document.write(iHTML);
}


function setRecommend()
{
	var expArray = [
		{id:  7, text: 'ガリレオ＝ガリレイもびっくりの、実験名人のウラワザ！'},
		{id:  8, text: '磁石の上で、アルミホイルに電気を流すと、ブランコのようにゆれ始めるよ。'},
		{id: 26, text: 'くるくる回っていたかと思うと、とつぜん逆向きに回転を始める不思議なスプーン！'},
		{id: 28, text: '黒いゴミ箱でピンホール（はりあな）カメラの実験がかんたんにできる！'},
		{id: 31, text: '温度で水が上下する、不思議な温度計がかんたんに作れちゃう！'},
		{id: 34, text: 'まるで雪がふり積もったように塩の結晶が人形をつつむよ！'},
		{id: 36, text: 'グラスの中の風車が、外の風が当たるはずもないのに、くるくる回る！'}
	];
	
	
	var randomArray = new Array();
	
	for(var i = 0; i < 100; i ++)
	{
		var randNum = Math.floor( Math.random() * expArray.length);
		
		if(randNum != randomArray[0] && randNum != randomArray[1] && randNum != randomArray[2])
		{
			randomArray.push(randNum);
		}
		
		if(randomArray.length == 3)
		{
		break;
		}
	}
	
	var id0 = expArray[randomArray[0]].id;
	var id1 = expArray[randomArray[1]].id;
	var id2 = expArray[randomArray[2]].id;
	
	var text0 = expArray[randomArray[0]].text;
	var text1 = expArray[randomArray[1]].text;
	var text2 = expArray[randomArray[2]].text;
	
	//alert(text1);
	
	var iHTML = '';
	
	iHTML += '<table><tr>';
	iHTML += '<td class="img"><a href="exp' + id0 + '_index.html"><img src="images/recommend' + id0 + '.jpg" width="153" height="209" alt="" /></a></td>';
	iHTML += '<td>&nbsp;</td>';
	iHTML += '<td class="img"><a href="exp' + id1 + '_index.html"><img src="images/recommend' + id1 + '.jpg" width="153" height="209" alt="" /></a></td>';
	iHTML += '<td>&nbsp;</td>';
	iHTML += '<td class="img"><a href="exp' + id2 + '_index.html"><img src="images/recommend' + id2 + '.jpg" width="153" height="209" alt="" /></a></td>';
	iHTML += '<td>&nbsp;</td>';
	iHTML += '</tr>';
	iHTML += '<tr>';
	iHTML += '<td class="text"><a href="exp' + id0 + '_index.html">' + text0 + '</a></td>';
	iHTML += '<td>&nbsp;</td>';
	iHTML += '<td class="text"><a href="exp' + id1 + '_index.html">' + text1 + '</a></td>';
	iHTML += '<td>&nbsp;</td>';
	iHTML += '<td class="text"><a href="exp' + id2 + '_index.html">' + text2 + '</a></td>';
	iHTML += '</tr></table>';
	
	$('recommend_tbl').innerHTML = iHTML;
}
