/* ---------------------------------------------------------
	date:2009-09-01 by 猫田にゃあ
	code:UTF-8
	イメージ表示

------------------------------------------------------------ */
/* ----- ユーザー設定 ----- */
var titleSTR = '真・三国無双 © CJ Internet Japan Corp. / © KOEI Co., Ltd.';

/* -- フォーマット：iList[n] = '元画像幅,元画像高さ,画像リンク' -- */
iList = new Array();
iList[0] = '400,300,<a href="http://www.accesstrade.net/at/c.html?rk=01002vjc0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002vjc0022nd" alt="" border="0" /></a>';
iList[1] = '400,300,<a href="http://www.accesstrade.net/at/c.html?rk=01002vjd0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002vjd0022nd" alt="" border="0" /></a>';
iList[2] = '400,300,<a href="http://www.accesstrade.net/at/c.html?rk=01002vje0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002vje0022nd" alt="" border="0" /></a>';
iList[3] = '400,300,<a href="http://www.accesstrade.net/at/c.html?rk=01002vjf0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002vjf0022nd" alt="" border="0" /></a>';




/* *********************************************
 *    ここから下はユーザー設定の必要なし
 *********************************************** */
/* ----- IDNameをユニークに設定 ----- */
var IDName = "obj"+(new Date()).getTime();


document.write('<div style="width:540px;text-align:center;background-color:#eed;padding:5px;">');
document.write('<table style="margin:0px auto 0px auto;"><tr>');
document.write('<td><img src="http://freemmorpg.web.fc2.com/common/icon/left.gif" border="0" onclick="picChange(-1,\'',IDName,'\')" style="cursor:pointer" /></td>');
var dummy = iList[0].split(",");
document.write('<td><span id="',IDName,'show">',dummy[2],'</a></span></td>');
document.write('<td><img src="http://freemmorpg.web.fc2.com/common/icon/right.gif" border="0" onclick="picChange(1,\'',IDName,'\')" style="cursor:pointer" /></td></tr></table>');


document.write('<div style="margin:5px 0px 5px 0px;padding:0px 7px 0px 7px;border:1px solid #aaa;text-align:left;">');
document.write('<div style="margin:0px;padding:0px;" id="',IDName,'objp">');

for(var i=0; i<iList.length; i++){
if(i==0){ var wakuColor = "#f00"; }else{ var wakuColor = "#eed"; }
dummy = iList[i].split(",");
var picLeft = (dummy[0]/2-25);
var picTop = (dummy[1]/2-25);

document.write('<div onmouseover="test(',i,', this, \'',IDName,'\')" style="margin:2px;width:50px;height:50px;border:2px solid ',wakuColor,';float:left;"><div style="width:50px;height:50px;overflow:hidden;position:absolute;position:absolute;"><div style="position:absolute;left:-',picLeft,'px;top:-',picTop,'px;">',dummy[2],'</div></div></div>');
}

document.write('<div style="clear:both;"></div></div></div>');
document.write('<span style="font-size:12px;color:#555;">',titleSTR,'</span></div>');
document.write('<div id="',IDName,'number" style="display:none;">0</div><div id="',IDName,'numbermax" style="display:none;">',iList.length,'</div><div id="',IDName,'pname" style="display:none;">',IDName,'objp</div>');



function test(dat, obj, id){
	document.getElementById(id+"show").innerHTML = obj.firstChild.firstChild.innerHTML;
	var objP = obj.parentNode;

	for(var i=0; i<objP.childNodes.length-1; i++){
		objP.childNodes[i].style.borderColor = "#eed";
	}
	obj.style.borderColor = "#f00";

	document.getElementById(id+"number").innerHTML = dat;
}

function picChange(dat, id){
	var cData = eval(document.getElementById(id+"number").innerHTML);
	var mData = eval(document.getElementById(id+"numbermax").innerHTML);
	var idPname = document.getElementById(id+"pname").innerHTML;
	cData = cData + dat;
	if(cData < 0){ cData = mData-1; }
	if(cData > mData-1){ cData = 0; }

	var objP = document.getElementById(idPname);
	for(var i=0; i<objP.childNodes.length-1; i++){
		objP.childNodes[i].style.borderColor = "#eed";
	}
	objP.childNodes[cData].style.borderColor = "#f00";
	document.getElementById(id+"show").innerHTML = objP.childNodes[cData].firstChild.firstChild.innerHTML;

	document.getElementById(id+"number").innerHTML = cData;
}