/* ---------------------------------------------------------
	date:2009-06-03 猫田にゃあ
	edit:2009-11-10
	文字コード：UTF-8
	動画とＤＯＣＫ画像をランダムに表示
------------------------------------------------------------ */

var rndmM = 3;
var sec =(new Date()).getSeconds();
var i = Math.floor(Math.random(sec)*rndmM)+1;


document.write('<div id="dmy3" style="display:none;width:600px;">');

switch(i){
case 4: //動画セレクト [2009-10-25停止]
	//document.write('動画セレクトオブジェクト');
	var currentlyID = 0;
	animaWrite();
 break;
default: //画像ＤＯＣＫ
	var rndmM = 15;		//選択できるＤＯＣＫ数
	var i = Math.floor(Math.random(sec)*rndmM)+1;
	var timeWaitID = null;	//functionで使用
	select_dock(i);
 break;
}

document.write('</div>');
document.getElementById("topimg3").innerHTML = document.getElementById("dmy3").innerHTML;


function select_dock(i){

switch(i){
case 1:
var gTitle = 'Rappelz ラペルズ';
var gkey = 'rappelz';
var titleSTR = gTitle+" Copyright (c) 2006-2008 GALA Inc. All rights reserved.　Copyright (c) 2008 GALA JAPAN Inc. All rights reserved.<br />　Copyright (c) NFLAVOR. Corp. All rights reserved.";
var imgList = 15;		//結合した画像数
var iWb = 320;			//画像のオリジナルの幅
var iHb = 240;			//画像のオリジナルの高さ
var kdFlag = 0;		//画像の拡大方法 1:オリジナルのサイズで拡大 0:bairiで設定した値での拡大
var bairi = 7;			//拡大表示する辺の拡大率(kdFlagを0にした場合に有効)
 break;

case 2:
var gTitle = 'ペーパーマン';
var gkey = 'paperman';
var titleSTR = gTitle+" &copy;Gamepot Inc, All Rights Reserved.";
var imgList = 10;
var iWb = 320;
var iHb = 240;
var kdFlag = 0;
var bairi = 5;
 break;

case 3:
var gTitle = 'ラグナロクオンライン';
var gkey = 'ragnarokonline';
var titleSTR = gTitle+" (c) Gravity Co., Ltd. & Lee MyoungJin(studio DTDS). All rights reserved.<br />(c) 2008 GungHo Online Entertainment, Inc. All Rights Reserved";
var imgList = 9;
var iWb = 250;
var iHb = 188;
var kdFlag = 0;
var bairi = 4;
 break;

case 4:
var gTitle = 'WARROCK ウォーロック';
var gkey = 'warrock';
var titleSTR = gTitle+" COPYRIGHT &copy;2008 TECMO,LTD./SeedC Inc./Dream Execution Technology Co., LTD. All Rights Reserved.";
var imgList = 13;
var iWb = 528;
var iHb = 396;
var kdFlag = 0;
var bairi = 6;
 break;

case 5:
var gTitle = 'Heroes in the Sky  ヒーロー・イン・ザ・スカイ';
var gkey = 'heroesinthesky';
titleSTR = gTitle+" &copy; 2008 GameUS All rights reserved.<br />&copy; 2008 JC Entertainment All rights reserved.<br />&copy; 2008 JC Global  All rights reserved.";
var imgList = 9;
var iWb = 250;
var iHb = 188;
var kdFlag = 0;
var bairi = 4;
 break;

case 6:
var gTitle = 'SUNonline Soul of the Ultimate Nation';
var gkey = 'sunonline';
var titleSTR = gTitle+" &copy; WEBZEN, Inc. All Rights Reserved. Licensed to &copy; GameOn Co., Ltd.";
var imgList = 9;
var iWb = 250;
var iHb = 188;
var kdFlag = 0;
var bairi = 4;
 break;

case 7:
var gTitle = 'BLACKSHOT';
var gkey = 'blackshot';
var titleSTR = gTitle+" Copyright(c) 2009 C&C Media Co.,Ltd.All Rights Reserved.<br />(c)Copyright since 2007 Ntreev Soft Co.,Ltd.All Rights Reserved. Ntreev and Blackshot are registered Trademarks.";
var imgList = 12;
var iWb = 300;
var iHb = 188;
var kdFlag = 0;
var bairi = 6;
 break;

case 8:
var gTitle = 'NAVYFIELD NEO';
var gkey = 'navyfield-neo';
var titleSTR = gTitle+" copyright(c) SDEnterNet・VerX Inc.";
var imgList = 10;
var iWb = 320;
var iHb = 240;
var kdFlag = 0;
var bairi = 4;
 break;

case 9:
var gTitle = 'DEKARON デカロン';
var gkey = 'dekaron';
var titleSTR = gTitle+" COPYRIGHT (C) GAME YAROU Inc. ALL RIGHT RESERVED";
var imgList = 10;
var iWb = 250;
var iHb = 188;
var kdFlag = 0;
var bairi = 4;
 break;

case 10:
var gTitle = 'RED STONE レッドストーン';
var gkey = 'redsonline';
var titleSTR = gTitle+" &copy;2009 L&K Logic Korea Co., Ltd. All Rights Reserved. &copy;2009 GameOn Co., Ltd. All Rights Reserved.";
var imgList = 13;
var iWb = 320;
var iHb = 240;
var kdFlag = 0;
var bairi = 5;
 break;

case 11:
var gTitle = 'パンドラサーガ';
var gkey = 'pandorasaga';
var titleSTR = gTitle+" &copy;GR・GDH / イズミプロジェクト　Developed by HEADLOCK Inc.";
var imgList = 12;
var iWb = 320;
var iHb = 240;
var kdFlag = 0;
var bairi = 5;
 break;

case 12:
var gTitle = 'Shaiya シャイヤ';
var gkey = 'shaiya';
var titleSTR = gTitle+" (C) SONOV Corporation / GONZO ROSSO K.K.";
var imgList = 9;
var iWb = 250;
var iHb = 188;
var kdFlag = 0;
var bairi = 4;
 break;

case 13:
var gTitle = '戦場のカルマ';
var gkey = 'karma';
var titleSTR = gTitle+" Published by NHN Japan Corporation. Copyright &copy; Dragonfly GF.LTD. All rights reserved.";
var imgList = 12;
var iWb = 320;
var iHb = 240;
var kdFlag = 0;
var bairi = 6;
 break;

case 14:
var gTitle = 'クロスファイヤー';
var gkey = 'cfonline';
var titleSTR = gTitle+" Copyright &copy; 2008 Arario Corporation. All Rights Reserved.";
var imgList = 11;
var iWb = 250;
var iHb = 188;
var kdFlag = 0;
var bairi = 5;
 break;

case 15:
var gTitle = 'エミル・クロニクル・オンライン';
var gkey = 'econline';
var titleSTR = gTitle+" &#169; 2008 BROCCOLI/GungHo Online Entertainment,Inc./HEADLOCK Inc.";
var imgList = 7;
var iWb = 125;
var iHb = 125;
var kdFlag = 0;
var bairi = 2;
 break;

default:
 break;
}

var barImage = "http://amaforest.sakura.ne.jp/ogetc/images/"+gkey+"_all.jpg";	//結合画像
var barWidth = 550;	//表示するイメージバーの幅
/* ----- IDNameをユニークに設定 ----- */
try{	if( common_ImageBarWight ){ var barWidth = common_ImageBarWight; }
}catch(e){ }

var IDName = "obj"+(new Date()).getTime();	/* ----- IDNameをユニークに設定 ----- */
var iWs = barWidth / imgList; 	//縮小画像の幅
var iHs = iHb / (iWb / iWs);		//縮小画像の高さ

document.write('<div style="width:',barWidth,'px;text-align:right;background-color:#660;font-size:14px;"><div style="padding:2px 15px 0px 0px;color:#eee;"><b>',gTitle,'</b></div></div>');

htmlwrite(titleSTR, barImage, imgList, barWidth, iWb, iHb, kdFlag, bairi, IDName, iWs, iHs);

document.write('<div style="width:',barWidth,'px;background-color:#330;"><div style="padding:2px 0px 0px 25px;"><a href="http://freemmorpg.web.fc2.com/onlinegame/',gkey,'.html" style="color:#eee;"><b>',gTitle,'</b></a><span style="position:absolute;position:absolute;"><img src="http://freemmorpg.web.fc2.com/common/icon/pointer.gif" width="25" /></span</div></div>');

} //select_dock() END

/* @@@@@@@@@@ 動画関連Function @@@@@@@@@@ */

function animaWrite(){

/* ユーザー設定 */
AnimaList = new Array();
//ウォーロック
AnimaList[0] = '<iframe frameborder="0" allowtransparency="true" width="240" height="200" marginwidth="0" marginheight="0" scrolling="no" src="http://video.j-a-net.jp/119029/254929/"></iframe>';
//エースオンライン
AnimaList[1] = '<iframe frameborder="0" allowtransparency="true" width="240" height="200" marginwidth="0" marginheight="0" scrolling="no" src="http://video.j-a-net.jp/119029/269953/"></iframe>';
//Heroes in the Sky
AnimaList[2] = '<iframe frameborder="0" allowtransparency="true" width="240" height="200" marginwidth="0" marginheight="0" scrolling="no" src="http://video.j-a-net.jp/119029/261925/"></iframe>';
//ミックスマスター
AnimaList[3] = '<iframe frameborder="0" allowtransparency="true" width="240" height="200" marginwidth="0" marginheight="0" scrolling="no" src="http://video.j-a-net.jp/119029/257150/"></iframe>';
//カーディナル・サーガ
AnimaList[4] = '<iframe frameborder="0" allowtransparency="true" width="240" height="200" marginwidth="0" marginheight="0" scrolling="no" src="http://video.j-a-net.jp/119029/257155/"></iframe>';
//シールオンライン
AnimaList[5] = '<iframe frameborder="0" allowtransparency="true" width="240" height="246" marginwidth="0" marginheight="0" scrolling="no" src="http://video.j-a-net.jp/119029/242967/"></iframe>';
//ブライトシャドウ
AnimaList[6] = '<iframe frameborder="0" allowtransparency="true" width="240" height="200" marginwidth="0" marginheight="0" scrolling="no" src="http://video.j-a-net.jp/119029/248549/"></iframe>';
//Wonderland ONLINE
AnimaList[7] = '<iframe frameborder="0" allowtransparency="true" width="240" height="200" marginwidth="0" marginheight="0" scrolling="no" src="http://video.j-a-net.jp/119029/250843/"></iframe>';


var myImg01 = new Image().src= "http://freemmorpg.web.fc2.com/common/icon/at_daidai.jpg";

document.write('<div id="dmy3" style="display:none;width:600px;">');
document.write('<div style="width:600px;border:1px solid #aaa;"><table><tr>');
document.write('<td style="width:240px;"><div id="showanima" style="width:240px;height:200px;background-color:#aaa;"></div></td>');
document.write('<td style="width:360px;"><div style="width:345px;height:200px;overflow:auto;"><table style="width:325px;text-align:center;color:#fff;font-size:14px;">');
document.write('<tr><td id="at0" style="height:25px;background: url(http://freemmorpg.web.fc2.com/common/icon/at_ao.jpg) 0% 0% no-repeat;"   onClick="atClk(0)" onMouseOver="moTitle(0)" onMouseOut="moutTitle(0)">WarRock ( ウォーロック )</td></tr>');
document.write('<tr><td id="at1" style="height:25px;background: url(http://freemmorpg.web.fc2.com/common/icon/at_kuro.jpg) 0% 0% no-repeat;" onClick="atClk(1)" onMouseOver="moTitle(1)" onMouseOut="moutTitle(1)">エースオンライン</td></tr>');
document.write('<tr><td id="at2" style="height:25px;background: url(http://freemmorpg.web.fc2.com/common/icon/at_kuro.jpg) 0% 0% no-repeat;" onClick="atClk(2)" onMouseOver="moTitle(2)" onMouseOut="moutTitle(2)">Heroes in the Sky(ヒーローズ イン ザ スカイ）</td></tr>');
document.write('<tr><td id="at3" style="height:25px;background: url(http://freemmorpg.web.fc2.com/common/icon/at_kuro.jpg) 0% 0% no-repeat;" onClick="atClk(3)" onMouseOver="moTitle(3)" onMouseOut="moutTitle(3)">ミックスマスター</td></tr>');
document.write('<tr><td id="at4" style="height:25px;background: url(http://freemmorpg.web.fc2.com/common/icon/at_kuro.jpg) 0% 0% no-repeat;" onClick="atClk(4)" onMouseOver="moTitle(4)" onMouseOut="moutTitle(4)">カーディナル・サーガ</td></tr>');
document.write('<tr><td id="at5" style="height:25px;background: url(http://freemmorpg.web.fc2.com/common/icon/at_kuro.jpg) 0% 0% no-repeat;" onClick="atClk(5)" onMouseOver="moTitle(5)" onMouseOut="moutTitle(5)">シールオンライン</td></tr>');
document.write('<tr><td id="at6" style="height:25px;background: url(http://freemmorpg.web.fc2.com/common/icon/at_kuro.jpg) 0% 0% no-repeat;" onClick="atClk(6)" onMouseOver="moTitle(6)" onMouseOut="moutTitle(6)">ブライトシャドウ</td></tr>');
document.write('<tr><td id="at7" style="height:25px;background: url(http://freemmorpg.web.fc2.com/common/icon/at_kuro.jpg) 0% 0% no-repeat;" onClick="atClk(7)" onMouseOver="moTitle(7)" onMouseOut="moutTitle(7)">Wonderland online</td></tr>');
document.write('</table></div></td>');
document.write('</tr></table></div><div style="text-align:left;font-size:12px;color:#f00;">※ 音量には注意してください。</div>');
document.write('</div>');

document.getElementById("showanima").innerHTML = AnimaList[currentlyID];
document.getElementById("topimg3").innerHTML = document.getElementById("dmy3").innerHTML;
}

function atClk(d){
	document.getElementById("at"+currentlyID).style.backgroundImage = "url(http://freemmorpg.web.fc2.com/common/icon/at_kuro.jpg)";
	currentlyID = d;
	document.getElementById("at"+d).style.backgroundImage = "url(http://freemmorpg.web.fc2.com/common/icon/at_ao.jpg)";
	document.getElementById("showanima").innerHTML = AnimaList[d];
}

function moTitle(d){
	document.getElementById("at"+d).style.backgroundImage = "url(http://freemmorpg.web.fc2.com/common/icon/at_daidai.jpg)";
}

function moutTitle(d){
	if(currentlyID == d){
		document.getElementById("at"+d).style.backgroundImage = "url(http://freemmorpg.web.fc2.com/common/icon/at_ao.jpg)";
	}else{
		document.getElementById("at"+d).style.backgroundImage = "url(http://freemmorpg.web.fc2.com/common/icon/at_kuro.jpg)";
	}
}


/* @@@@@@@@@@ DOCK関連Function @@@@@@@@@@ */

function htmlwrite(titleSTR, barImage, imgList, barWidth, iWb, iHb, kdFlag, bairi, IDName, iWs, iHs){

document.write('<div style="border:1px solid #faa;width:',barWidth,'px;height:',iHs,'px;"><div style="position:absolute;position:absolute;">');

for(var i=0; i<imgList; i++){
	if(document.all){
		document.write('<div id="',IDName,'a',i,'" style=";position:absolute;top:0px;left:',(i*iWs),'px;width:',iWs,'px;height:',iHs,'px;overflow:hidden;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);"><img src="',barImage,'" width="',barWidth,'" height="',iHs,'" id="',IDName,'b',i,'" style="position:absolute;top:0px;left:-',(i*iWs),'px;" /></div>');
	}else{
		document.write('<div id="',IDName,'a',i,'" style=";position:absolute;top:0px;left:',(i*iWs),'px;width:',iWs,'px;height:',iHs,'px;overflow:hidden;"><img src="',barImage,'" width="',barWidth,'" height="',iHs,'" id="',IDName,'b',i,'" style="position:absolute;top:0px;left:-',(i*iWs),'px;" /></div>');
	}
}
if(document.all){
	document.write('<div id="',IDName,'c" style="z-index:',barWidth,';position:absolute;width:',barWidth,'px;height:',iHs,'px;background-color:#f00;Filter:Alpha(Opacity=0);" onMouseMove="catchCursor(\'',IDName,'\',',barWidth,',',bairi,',',iWb,',',iWs,',',iHs,',',i,',',imgList,',',iHb,',',kdFlag,',event)" onMouseOut="outCursor(\'',IDName,'\',',barWidth,',',iWs,',',iHs,',',imgList,',',iWb,',',iHb,')"></div>');
}else{
	document.write('<div id="',IDName,'c" style="z-index:',barWidth,';position:absolute;width:',barWidth,'px;height:',iHs,'px;background-color:#f00;opacity:0;" onMouseMove="catchCursor(\'',IDName,'\',',barWidth,',',bairi,',',iWb,',',iWs,',',iHs,',',i,',',imgList,',',iHb,',',kdFlag,',event)" onMouseOut="outCursor(\'',IDName,'\',',barWidth,',',iWs,',',iHs,',',imgList,',',iWb,',',iHb,')"></div>');
}
document.write('</div></div><div style="padding:2px;font-size:10px;color:#700;">',titleSTR,'</div><div id="',IDName,'xxx" style="display:none;"></div>');

} //htmlwrite() END



//(IDName,barWidth,bairi,iWb,iWs,iHs,i,imgList,iHb,kdFlag,event)
function catchCursor( id, Aw, b, Bw, Sw, Sh, i, Ary, Bh, f, e ){

	if(document.getElementById(id+"xxx").innerHTML != 0){
		clearInterval(document.getElementById(id+"xxx").innerHTML);
		document.getElementById(id+"xxx").innerHTML = 0;
	}
	if(timeWaitID){ return; }

	if (!e){ e = window.event; }
	var across = (e.layerX || e.offsetX);
	if(!across){ return; }		//マウス座標取得できてない場合離脱
	var activePic = Math.floor(across/Sw);

	var dmyW = [];
	var dmyH = [];
	var allWidth = 0;
	var maxH = 0;
	var zindexFlag = 0;
	for(var i=0; i<Ary; i++){
		//マウス座標と該当画像中心座標との距離
		activeZ = Math.abs(((i*Sw)+(Sw/2))-across);
		//document.getElementById("testviewm"+i).innerHTML = activeZ;

		if(f == 0){ var hani = (Sw*b)*0.6;
		}else{ var hani = Bw*0.6; }

		if(activeZ < hani){
			if(f == 0){ dmyW[i] = Sw + ((hani-activeZ)/hani)*(Sw*b-Sw);
			}else{      dmyW[i] = Sw + ((hani-activeZ)/hani)*(Bw-Sw);   }

			if(f == 0){ dmyH[i] = Sh + ((hani-activeZ)/hani)*(Sh*b-Sh);
			}else{      dmyH[i] = Sh + ((hani-activeZ)/hani)*(Bh-Sh);  }
		}else{
			//hani以上離れたオブジェクトは元のサイズへ
			dmyW[i]  = Sw;
			dmyH[i] = Sh;
		}

		dmyOBJ = document.getElementById(id+"a"+i);
		if(i == activePic){
			zindexFlag = Ary;
			if(document.all){
				try{
					dmyOBJ.filters[0].opacity = 100;
				}catch(e){ }
			}else{
				dmyOBJ.style.opacity = 100;
			}

		}else{
			if(i < activePic){
				zindexFlag++;
			}else if(i > activePic){
				zindexFlag--;
			}
			if(document.all){
				try{
					dmyOBJ.filters[0].opacity = 70;
				}catch(e){ }
			}else{
				dmyOBJ.style.opacity = 0.7;
			}

		}
		dmyOBJ.style.zIndex = zindexFlag;
		allWidth += dmyW[i];
		if(maxH < dmyH[i]){ maxH = dmyH[i]; }
	}

	var hRitsu = Aw / allWidth;
	var dmyW2 = 0;
	for(var i=0; i<Ary; i++){

		dmyOBJ = document.getElementById(id+"a"+i);
		dmyOBJ.style.width =  dmyW[i]+"px";
		dmyOBJ.style.height = dmyH[i]+"px";
		dmyOBJ.style.left = dmyW2-((dmyW[i]-dmyW[i]*hRitsu)/2)+"px";
		if(dmyH[i] > Sh){
			dmyOBJ.style.top = -((dmyH[i]-Sh)-((dmyH[i]-Sh)/6))+"px";
		}else{
			dmyOBJ.style.top = -(dmyH[i]-Sh)+"px";
		}
		dmyW2 += dmyW[i]*hRitsu;

		dmyOBJ = document.getElementById(id+"b"+i);
		dmyOBJ.width =  dmyW[i]*Ary;
		dmyOBJ.height = dmyH[i];
		dmyOBJ.style.left = -(i*dmyW[i])+"px";
	}

	dmyOBJ = document.getElementById(id+"c");
	dmyOBJ.style.height = maxH+"px";
	if(maxH > Sh){
		dmyOBJ.style.top = -((maxH-Sh)-((maxH-Sh)/6))+"px";
	}else{
		dmyOBJ.style.top = -(maxH-Sh)+"px";
	}

	//ウエイト
	timeWaitID = setTimeout(
			function(){
				timeWaitID = null;
			}
	, 100);

}

//(IDName,barWidth,iWs,iHs,imgList,iWb,iHb)
function outCursor(id, Aw, Sw, Sh, Ary, Bw, Bh){

	if( document.getElementById(id+"xxx").innerHTML == 0 ){
		document.getElementById(id+"xxx").innerHTML = setInterval(
			function(){
				var allWidth = 0;
				var maxH = Sh;
				var dmyW = [];
				var dmyH = [];
				for(var i=0; i<Ary; i++){
					dmyOBJ = document.getElementById(id+"a"+i);

					dmyW[i] = eval(dmyOBJ.style.width.replace(/px/,""))*0.90;
					if(dmyW[i] < Sw){ dmyW[i] = Sw; }
					allWidth += dmyW[i];

					dmyH[i] = eval(dmyOBJ.style.height.replace(/px/,""))*0.90;
					if(dmyH[i] < Sh){ dmyH[i] = Sh; }

					if(dmyH[i] > maxH){ maxH = dmyH[i]; }
					dmyOBJ.style.zIndex = 0;
				}

				var hRitsu = Aw / allWidth;
				var dmyW2 = 0;
				for(var i=0; i<Ary; i++){
					dmyOBJ = document.getElementById(id+"a"+i);
					dmyOBJ.style.width =  dmyW[i]+"px";
					dmyOBJ.style.height = dmyH[i]+"px";
					dmyOBJ.style.left = dmyW2-((dmyW[i]-dmyW[i]*hRitsu)/2)+"px";
					if(dmyH[i] > Sh){
						dmyOBJ.style.top = -((dmyH[i]-Sh)-((dmyH[i]-Sh)/6))+"px";
					}else{
						dmyOBJ.style.top = -(dmyH[i]-Sh)+"px";
					}
					if(document.all){
						try{
							dmyOBJ.filters[0].opacity = 100;
						}catch(e){ }
					}else{
						dmyOBJ.style.opacity = 100;
					}
					dmyW2 += dmyW[i]*hRitsu;

					dmyOBJ = document.getElementById(id+"b"+i);
					dmyOBJ.width =  dmyW[i]*Ary;
					dmyOBJ.height = dmyH[i];
					dmyOBJ.style.left = -(i*dmyW[i])+"px";
				}

				dmyOBJ = document.getElementById(id+"c");
				dmyOBJ.style.height = maxH+"px";
				if(maxH > Sh){ dmyOBJ.style.top = -((maxH-Sh)-((maxH-Sh)/6))+"px";
				}else{ dmyOBJ.style.top = -(maxH-Sh)+"px"; }

				if(allWidth <= Aw && maxH <= Sh){
					clearInterval(document.getElementById(id+"xxx").innerHTML);
					document.getElementById(id+"xxx").innerHTML = 0;
				}
			}, 25);

	}//if end
}