/* ---------------------------------------------------------
	date:2008-12-14
	code:UTF-8
	MAC-DOCK風メニューバー
	AD document.write版
------------------------------------------------------------ */
/* ----- ユーザー設定 ----- */
iList = [];
iList[0] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002t7g0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002t7g0022nd" alt="" border="0" /></a>';
iList[1] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002t7f0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002t7f0022nd" alt="" border="0" /></a>';
iList[2] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002t7e0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002t7e0022nd" alt="" border="0" /></a>';
iList[3] = '<a href="http://www.accesstrade.net/at/c.html?rk=01002t7d0022nd" target="_blank"><img src="http://www.accesstrade.net/at/r.html?rk=01002t7d0022nd" alt="" border="0" /></a>';


/* ----- comment data ----- */
titleSTR = "ストリートファイターオンライン (C)2008 DALETTO Co., Ltd. All rights reserved. / (C) CAPCOM Co., Ltd. All rights reserved.";

var barWidth = 540;	//表示するイメージバーの幅
var iWb = 360;			//画像のオリジナルの幅
var iHb = 270;			//画像のオリジナルの高さ
var bairi = 4;			//拡大表示する辺の拡大率(未使用)



/* *********************************************
 *    ここから下はユーザー設定の必要なし
 *********************************************** */

var imgList = iList.length;		//画像数
var adDisplyMsk = "off";			//on/offクリックチェック

/* -- イメージバーの幅は共通設定ファイルがある場合は共通設定値が有効に -- */
try{
	if( common_ImageBarWight ){ var areaH = common_ImageBarWight; }
}
catch(e){ }

/* ----- IDNameをユニークに設定 ----- */
var IDName = "obj"+(new Date()).getTime();

var iWs = Math.floor(barWidth / imgList); 	//縮小画像の幅
var iHs = iHb / (iWb / iWs);			//縮小画像の高さ

var timeWaitID = null;


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++){

	document.write('<div id="',IDName,'a',i,'" style="position:absolute;top:0px;left:',(i*iWs),'px;width:',iWs,'px;height:',iHs,'px;overflow:hidden;" onMouseMove="adbig(\'',IDName,'\',',barWidth,',',bairi,',',iWb,',',iWs,',',iHs,',',i,',',imgList,',',iHb,',event)" onMouseOut="adsma(\'',IDName,'\',',barWidth,',',iWs,',',iHs,',',imgList,',',iWb,',',iHb,')"><div style="position:absolute;top:-',((iHb-iHs)/2),'px;left:-',((iWb-iWs)/2),'px;" id="',IDName,'b',i,'">',iList[i],'</div>');

	if(adDisplyMsk == "on"){
		document.write('<img src="dummy.gif" width="',iWb,'" height="',iHb,'" style="position:absolute;Filter:Alpha(Opacity=0);opacity:0.0;" />');
	}
	document.write('</div>');
}

document.write('</div></div><div style="padding:2px;font-size:10px;color:#700;">',titleSTR,'</div><div id="',IDName,'xxx" style="display:none;"></div>');


function adbig(d1,d2,d3,d4,d5,d6,index,lh,d7,e){
/*	d1=基本ＩＤ名、d2=画像バー元幅、d3=拡大倍率
 *  d4=元画像幅 d5=縮小画像幅、d6=縮小画像高さ
 *  index=カレントオブジェクト番号、lh=画像数、e=イベント d7=元画像高さ*/

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

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

	data = eval(document.getElementById(d1+"a"+index).style.width.replace(/px/,""));
	var mz = across-((iWb-data)/2);

	adImgRenewal(d1,d2,d3,d4,d5,d6,index,lh,d7,mz);
	adImgRenewal(d1,d2,d3,d4,d5,d6,index,lh,d7,mz);

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



function adImgRenewal(d1,d2,d3,d4,d5,d6,index,lh,d7,mz){
/*	d1=基本ＩＤ名、d2=画像バー元幅、d3=拡大倍率
 *  d4=元画像幅 d5=縮小画像幅、d6=縮小画像高さ d7=元画像高さ
 *  index=カレントオブジェクト番号、lh=画像数、mz=マウスＸ座標 */

dumy = [];			//現在の各オブジェクトの中心座標を格納
dumy2 = 0;			//現在のマウスの座標

for(var i=0; i<lh; i++){
	dumy[i] = 0;
	for(var j=0; j<i+1; j++){
		if(j==i){
			dumy[i] = dumy[i] + eval(document.getElementById(d1+"a"+j).style.width.replace(/px/,""))/2;
		}else{
			dumy[i] = dumy[i] + eval(document.getElementById(d1+"a"+j).style.width.replace(/px/,""));
		}
	}

	if(i < index){
		dumy2 = dumy2 + eval(document.getElementById(d1+"a"+i).style.width.replace(/px/,""));
	}else if(i == index){
		dumy2 = dumy2 + mz;
	}
}

dumyH = d5;		//画像サイズ変更後、最も高い画像値を格納
dumyW = 0;			//現在の全オブジェクトの幅を格納
aryW = [];
aryH = [];

for(var i=0; i<lh; i++){
	dumy3 = Math.abs(dumy[i]-dumy2);		//dumy3=マウス座標からオブジェクトの距離

  /* ここからオブジェクトサイズの変更開始。
   * マウス座標からオブジェクト中心までの距離が範囲未満の場合に画像を拡大する。
   */

	//確認用
	//document.getElementById("view"+i).innerHTML = dumy3;

	hani = d4*0.8;

	if(dumy3 < hani){

		//dummyWidth = d5 + ((hani-dumy3)/hani)*(d5*d3-d5);
		dummyWidth = d5 + ((hani-dumy3)/hani)*(d4-d5);
		aryW[i] = dummyWidth;
		dumyW = dumyW + dummyWidth;

		//dummyHeight = d6 + ((hani-dumy3)/hani)*(d6*d3-d6);
		dummyHeight = d6 + ((hani-dumy3)/hani)*(d7-d6);
		aryH[i] = dummyHeight;
		if(dumyH < dummyHeight){
			dumyH = dummyHeight;
		}
	}else{
		//hani以上離れたオブジェクトは元のサイズへ
		aryW[i] = d5;
		dumyW = dumyW + d5;
		aryH[i] = d6;
	}
}

zW = -((dumyW-barWidth)/2); //Ｘ軸移動分
//alert(zW);
for(var i=0; i<lh; i++){
	dmyOBJ = document.getElementById(d1+"a"+i);
	dmyOBJ.style.left = zW+"px";
	zW += aryW[i];
	dmyOBJ.style.top = d6-aryH[i]+"px";
	dmyOBJ.style.width = aryW[i]+"px";
	dmyOBJ.style.height = aryH[i]+"px";

	dmyOBJ = document.getElementById(d1+"b"+i);
	dmyOBJ.style.left = -(d4-aryW[i])/2+"px";
	dmyOBJ.style.top = -(d7-aryH[i])/2+"px";
}
}//function end


function adsma(d1,d2,d3,d4,d5,d6,d7){
/*	d1=基本ＩＤ名
 *  d2=画像バー元幅 d3=縮小画像幅、d4=縮小画像高さ d5=画像数
 *  d6=元画像幅　d7=元画像高さ  */

	if( document.getElementById(d1+"xxx").innerHTML == 0 ){
		document.getElementById(d1+"xxx").innerHTML = setInterval(
			function(){
				dumyW = 0;
				dumyH = d4;
				aryW = [];
				aryH = [];
				for(var i=0; i<d5; i++){
					dmyOBJ = document.getElementById(d1+"a"+i);

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

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

					if(aryH[i] > dumyH){ dumyH = aryH[i]; }
				}

				zW = -((dumyW-d2)/2); //Ｘ軸移動分
				for(var i=0; i<d5; i++){
					dmyOBJ = document.getElementById(d1+"a"+i);
					dmyOBJ.style.left = zW+"px";
					zW += aryW[i];
					dmyOBJ.style.top = d4-aryH[i]+"px";
					dmyOBJ.style.width = aryW[i]+"px";
					dmyOBJ.style.height = aryH[i]+"px";

					dmyOBJ = document.getElementById(d1+"b"+i);
					dmyOBJ.style.left = -(d6-aryW[i])/2+"px";
					dmyOBJ.style.top = -(d7-aryH[i])/2+"px";
				}

				if(dumyW <= barWidth && dumyH <= iHs){
						clearInterval(document.getElementById(d1+"xxx").innerHTML);
						document.getElementById(d1+"xxx").innerHTML = 0;
				}
			}, 25);

	}//if end
}