/* ---------------------------------------------------------
	date:2008-12-09  edit:2008-12-12
	code:UTF-8
	MAC:DOCK風メニューバー
------------------------------------------------------------ */

/* ----- ユーザー設定 ----- */
iList = [];
iList[0] = "http://amaforest.sakura.ne.jp/ogetc/images/sunonline01.jpg";
iList[1] = "http://amaforest.sakura.ne.jp/ogetc/images/sunonline02.jpg";
iList[2] = "http://amaforest.sakura.ne.jp/ogetc/images/sunonline03.jpg";
iList[3] = "http://amaforest.sakura.ne.jp/ogetc/images/sunonline04.jpg";
iList[4] = "http://amaforest.sakura.ne.jp/ogetc/images/sunonline05.jpg";
iList[5] = "http://amaforest.sakura.ne.jp/ogetc/images/sunonline06.jpg";
iList[6] = "http://amaforest.sakura.ne.jp/ogetc/images/sunonline07.jpg";
iList[7] = "http://amaforest.sakura.ne.jp/ogetc/images/sunonline08.jpg";
iList[8] = "http://amaforest.sakura.ne.jp/ogetc/images/sunonline09.jpg";


/* ----- comment data ----- */
titleSTR = "SUNonline";

var areaH = 500;		//表示するイメージバーの幅
var imgWo = 250;		//画像のオリジナルの幅
var imgHo = 188;		//画像のオリジナルの高さ
var bairi = 4;			//拡大表示する辺の拡大率


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

var imgList = iList.length;		//画像数

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

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

var imgWs = areaH / imgList; 				//縮小画像の幅
var imgHs = imgHo / imgWo * imgWs;	//縮小画像の高さ

var timeWaitID = null;

document.write('<div style="width:',areaH,'px;height:',imgHs,'px;border:1px solid #aaa;">');
document.write('<div style="width:',areaH,'px;height:',imgHs,'px;position:absolute;position:absolute;">');
document.write('<div style="position:absolute;"><div id="',IDName,'div" style="width:',areaH,'px;position:absolute;text-align:center;">');
for(i=0; i<imgList; i++){
	document.write('<img src="',iList[i],'" width="',imgWs,'" height="',imgHs,'" style="position:relative;z-index:20;" id="',IDName,i,'" onMouseMove="iBig(\'',IDName,'\',',areaH,',',bairi,',',imgWs,',',imgHs,',',i,',',imgList,',event)" onMouseOut="iMin(\'',IDName,'\',',imgWs,',',imgHs,',',imgList,',',areaH,')">');
}
document.write('</div></div></div></div>');
document.write('<div style="font-size:10px;padding:2px;">',titleSTR,'</div><div id="',IDName,'ciid" style="display:none;"></div>');


function iBig( dat1, dat4, dat5, dat7, dat8, i, lh, e ){

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

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

	//画像のサイズを変更する。
	imgRenewal( dat1, dat4, dat5, dat7, dat8, i, lh, across );

	imgRenewal( dat1, dat4, dat5, dat7, dat8, i, lh, across );

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


function imgRenewal( dat1, dat4, dat5, dat7, dat8, index, lh, mz ){

/*	dat1=基本ＩＤ名
 *  dat4=画像バー全幅 dat5=拡大率 dat7=縮小画像幅 dat8=縮小画像高さ
 *  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] + document.getElementById(dat1+j).width/2;
		}else{
			dumy[i] = dumy[i] + document.getElementById(dat1+j).width;
		}
	}

	if(i < index){
		dumy2 = dumy2 + document.getElementById(dat1+i).width;
	}else if(i == index){
		dumy2 = dumy2 + mz;
	}
}

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

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

	/*
    * ここからオブジェクトサイズの変更開始。
    * マウス座標からオブジェクト中心までの距離が150未満の場合に画像を拡大する。
    */
	
	dmyOBJ = document.getElementById(dat1+i);
	hani = dat8*dat5;
	if(dumy3 < hani){
		dummyWidth = dat7 + ((hani-dumy3)/hani)*((dat7*dat5)-dat7);
		dmyOBJ.width = dummyWidth;
		dumyW = dumyW + dummyWidth;

		dummyHeight = dat8 + ((hani-dumy3)/hani)*((dat8*dat5)-dat8);
		dmyOBJ.height = dummyHeight;
		if(dumyH < dummyHeight){
			dumyH = dummyHeight;
		}
	}else{
		//hani以上離れたオブジェクトは元のサイズへ
		dmyOBJ.width = dat7;
		dumyW = dumyW + dat7;
		dmyOBJ.height = dat8;
	}
	//画像を格納している外枠ＢＯＸサイズの変更
	dmyOBJ = document.getElementById(dat1+"div");
	dmyOBJ.style.width = (dumyW+300)+'px';
	dmyOBJ.style.left  = -((dumyW-dat4)/2+150)+'px';
	dmyOBJ.style.top  = -(dumyH-dat8)+'px';
}
} //function end


function iMin(dat1, dat4, dat5, dat6, dat7){

/*	dat1=基本ＩＤ名 dat4=縮小画像幅 dat5=縮小画像高さ
 *  dat6=画像数 dat7=画像バー全幅        */

	if(document.getElementById(dat1+"ciid").innerHTML == 0){
	
	document.getElementById(dat1+"ciid").innerHTML = setInterval(
			function(){
				dumyW = 0;
				dumyH = dat5;
				for(var i=0; i<dat6; i++){
					dmyOBJ = document.getElementById(dat1+i);
					dmyOBJ.width = dmyOBJ.width * 0.90;
					if(dmyOBJ.width < dat4){
						dmyOBJ.width = dat4;
					}
					dmyOBJ.height = dmyOBJ.height * 0.90;
					if(dmyOBJ.height < dat5){
						dmyOBJ.height = dat5;
					}
					dumyW = dumyW + dmyOBJ.width;
					if(dumyH < dmyOBJ.height){
						dumyH = dmyOBJ.height
					}
				}
				dmyOBJ = document.getElementById(dat1+"div");
				dmyOBJ.style.width = dumyW+'px';
				dmyOBJ.style.top = -(dumyH-dat5)+'px';
				dmyOBJ.style.left = -((dumyW-dat7)/2)+'px';
				if(dumyW <= dat7 && dumyH == dat5){
					clearInterval(document.getElementById(dat1+"ciid").innerHTML);
					document.getElementById(dat1+"ciid").innerHTM = 0;
				}
			}
			, 20);
	}
}