/* ---------------------------------------------------------
	使用する画像のリンク先は絶対ＵＲＬ推奨
	文字コード：UTF-8
	画像広告をイメージバー化する。
------------------------------------------------------------ */

/* ユーザー設定 */

iList = new Array();
iList[0] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002uae0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002uae0022nd" alt="" border="0" /></a>';
iList[1] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002uad0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002uad0022nd" alt="" border="0" /></a>';
iList[2] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002uak0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002uak0022nd" alt="" border="0" /></a>';
iList[3] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002uaj0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002uaj0022nd" alt="" border="0" /></a>';
iList[4] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002uai0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002uai0022nd" alt="" border="0" /></a>';
iList[5] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002uaf0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002uaf0022nd" alt="" border="0" /></a>';
iList[6] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002uag0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002uag0022nd" alt="" border="0" /></a>';
iList[7] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002uah0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002uah0022nd" alt="" border="0" /></a>';
iList[8] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002aed0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002aed0022nd" alt="" border="0" /></a>';
iList[9] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002aee0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002aee0022nd" alt="" border="0" /></a>';
iList[10] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002aec0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002aec0022nd" alt="" border="0" /></a>';


//title
titleSTR = "パーフェクトワールド Copyright &copy; 2006-2008 C&C Media Co.,Ltd. All Rights Reserved. &copy; 北京完美時空網絡技術有限公司 ALL RIGHTS RESERVED.";


// IDName1,IDName2,IDName3 はユニークに
var IDName1 = "perfect_w_3";		//半角小文字で英数字、先頭文字は英字。
var IDName2 = "perfect_w_4";		//半角小文字で英数字、先頭文字は英字。
var IDName3 = "perfect_w_5";		//半角小文字で英数字、先頭文字は英字。

var imgWo = 390;			//拡大する画像の幅
var imgHo = 280;			//拡大する画像の高さ

/* イメージバーの幅は共通設定ファイルで設定 */
try{
	if( !common_ImageBarWight ){
		var areaH = 500;
	}else{
		var areaH = common_ImageBarWight;
	}
}
catch(e){
	var areaH = 500;
}


/* ここから下は設定変更必要なし */
var imgList = iList.length;
var imgWs = areaH / imgList; 				//縮小画像の幅
var imgHs = imgHo / imgWo * imgWs;	//縮小画像の高さ

var strX = imgWs / 2;
var strY = imgHs / 2;
var yMax = 0 - imgHo;

var ratio = 0.1;	//表示用比率(変動数)
var x2 = 0;
var sx1 = 0;
var dmyX = 0;
var dmyY = 0;


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

var j = 0;
for(i=0; i<imgList; i++){
	document.write('<div onMouseOver="imgBig2(',i,',',j,',\'',IDName1,'\',\'',IDName2,'\',',areaH,',',imgWo,',',imgHo,',',imgWs,',',imgHs,',',strX,',',strY,',',yMax,',\'',IDName3,'\')" onMouseOut="imgSma2(\'',IDName1,'\')" style="position:absolute;overflow:hidden;left:',j,'px;top:0px;width:',imgWs,'px;height:',imgHs,'px;"><div style="position:relative;top:',((imgHs-imgHo)/2),'px;left:',((imgWs-imgWo)/2),'px;" id="',IDName3,i,'">',iList[i],'</div></div>');
	j = j + imgWs;
}

document.write('<div id="',IDName1,'" style="position:absolute;display:none;"><div style="overflow:hidden;" id="',IDName2,'"></div></div>');
document.write('</div></div>');
document.write('<div style="font-size:10px;padding:2px;">',titleSTR,'</div>');

//   d1,   d2,   d3,   d4,   d5,  d6,  d7,  d8
//areaH,imgWo,imgHo,imgWs,imgHs,strX,strY,yMax

function imgBig2(dat, x1, veiwID, imgID, d1, d2, d3, d4, d5, d6, d7, d8, innerID){
	IDName1 = veiwID;
	IDName2 = imgID;
	IDName3 = innerID;

	imgWo = d2;
	imgHo = d3;
	yMax = d8;

	x2 =   x1 + d6 - (imgWo / 2);
	if(x2 < 0){ x2 = 0; 
	}else if(x2 > (d1 - imgWo)){ x2 = d1 - imgWo; }
	sx1 = x1 + d6;

	dmyX = x1 - x2 + d6;
	dmyY = yMax;
	ratio = 0.1;

	document.getElementById(imgID).innerHTML  = document.getElementById(innerID+dat).innerHTML;
	document.getElementById(imgID).style.width = 1+'px';
	document.getElementById(imgID).style.height = 1+'px';
	document.getElementById(veiwID).style.top  = 0 + "px";
	document.getElementById(veiwID).style.left  = x1 + "px";

	document.getElementById(veiwID).style.display = "block";

	time_start2();

}



function time_start2(){
	if(ratio < 1){
		setTimeout( 'tableMov2()', 100);
	}
}

function tableMov2(){
	ratio = ratio * 2;
	if(ratio > 1){ ratio = 1;}
	dmyXa = x2 + dmyX - (dmyX * ratio);
	dmyYa = dmyY * ratio;
	if(dmyXa <= x2){ dmyXa = x2; }
	if(dmyYa <= yMax){ dmyYa = yMax; }

	document.getElementById(IDName1).style.top  = dmyYa + "px";
	document.getElementById(IDName1).style.left = dmyXa + "px";
	document.getElementById(IDName2).style.width  = imgWo * ratio+'px';
	document.getElementById(IDName2).style.height = imgHo * ratio+'px';

	time_start2();
}


function imgSma2(dat){
	document.getElementById(dat).style.display = "none";
}