/* date 2008-12-20
 * 大き目の画像表示用イメージバー
 */

/* ----- ユーザー設定 ----- */
pList = [];
pList[0] = '<a href="http://click.j-a-net.jp/119029/263916/" target="_blank"><img src="http://image.j-a-net.jp/119029/263916/" width="500" height="425"  border="0"></a>';
pList[1] = '<a href="http://click.j-a-net.jp/119029/263917/" target="_blank"><img src="http://image.j-a-net.jp/119029/263917/" width="500" height="425"  border="0"></a>';
pList[2] = '<a href="http://click.j-a-net.jp/119029/263918/" target="_blank"><img src="http://image.j-a-net.jp/119029/263918/" width="500" height="425"  border="0"></a>';
pList[3] = '<a href="http://click.j-a-net.jp/119029/263919/" target="_blank"><img src="http://image.j-a-net.jp/119029/263919/" width="500" height="425"  border="0"></a>';
pList[4] = '<a href="http://click.j-a-net.jp/119029/263920/" target="_blank"><img src="http://image.j-a-net.jp/119029/263920/" width="500" height="425"  border="0"></a>';
pList[5] = '<a href="http://click.j-a-net.jp/119029/263921/" target="_blank"><img src="http://image.j-a-net.jp/119029/263921/" width="500" height="425"  border="0"></a>';

var imgBarWidth = 350;	//表示するイメージバーの幅
var oW = 500;		//オリジナルの画像幅
var oH = 425;		//オリジナルの画像高さ


/* ------------------------------------------------
	ここから下は設定不要
--------------------------------------------------- */
var infostr = '★ 画像をクリックすると拡大画像が表示されます。';
var toumeido = 80;				//透明:0 - 100:不透明
var backColor = "#fff";		//画面全体の背景色
var backColor2 = "#fc6";	//拡大画像の背景色

var sW = imgBarWidth / pList.length;
var sH = oH * (sW / oW);

document.write('<div style="padding:5px 0px 5px 0px;width:',imgBarWidth,'px;border:1px solid #aaa;"><div id="bigImagesBar" style="width:',imgBarWidth,'px;height:',(sH*0.9),'px;">');
document.write('<div id="bigImagesBar2" style="position:absolute;position:absolute;">');

for(var i=0; i<pList.length; i++){

document.write('<div style="position:absolute;width:',(sW*0.9),'px;height:',(sH*0.9),'px;left:',(((sW*0.1)/2)+i*sW),'px;overflow:hidden;">');
document.write('<div style="position:absolute;top:-',((oH-(sH*0.9))/2),'px;left:-',((oW-(sW*0.9))/2),'px;">',pList[i]);
document.write('<img src="01.gif" style="position:absolute;Filter:alpha(opacity=0);opacity:0;width:',oW,'px;height:',oH,'px;left:0px;cursor:pointer;" onClick="bigImageShow(',i,')" />');
document.write('</div></div>');
}

document.write('</div></div></div><div style="padding-top:2px;font-size:11px;color:#77f;">',infostr,'</div>');



function bigImageShow(dat){

	if(!document.getElementById("imgbase")){
		dObj = document.createElement('div');
		dObj.setAttribute("id", "imgbase");
		dObj.style.cssText = "position:absolute;top:0px;left:0px;width:100%;";
		document.getElementsByTagName("body")[0].appendChild(dObj);
	}

	dObj = document.createElement('div');
	dObj.id = "imgtest";

	//BODY全体のサイズを取得する
	if(document.documentElement.scrollWidth){
		divWidth = document.documentElement.scrollWidth;
	}else{
		divWidth = document.body.scrollWidth;
	}

	if(document.documentElement.scrollHeight){
		divHeight = document.documentElement.scrollHeight;
	}else{
		divHeight = document.body.scrollHeight;
	}
	dObj.style.cssText = "position:absolute;top:0px;left:0px;width:"+divWidth+"px;height:"+divHeight+"px;background-color:"+backColor+";";

	// 背景半透明度設定 透明:0 - 100:不透明
    dObj.style.filter = "alpha(opacity=" + toumeido + ")";
    dObj.style.MozOpacity = toumeido / 100;
    dObj.style.opacity = toumeido / 100;

	document.getElementById("imgbase").appendChild(dObj);

	//表示画像抽入
	dObj = document.createElement('div');
	dObj.setAttribute("id", "imgtest2");
	dObj.style.cssText = "position:absolute;top:"+(getWinYOffset()+10)+"px;left:0px;width:100%;text-align:center;";
	dObj.innerHTML = '<table style="margin:0px auto 0px auto;background-color:'+backColor2+';"><tr><td style="padding:10px;"><div style="margin-bottom:3px;text-align:right;"><span onClick="imageClose()" style="cursor:pointer;">image close <span style="padding:0px 3px 0px 3px;border:1px solid #000;">Ｘ</span></span></div>' + pList[dat] + '</td></tr></table>';
	
	document.getElementById("imgbase").appendChild(dObj);

}

/* 表示画像閉じる */
function imageClose(){
	obj = document.getElementById("imgbase");
	obj.removeChild(obj.firstChild);
	obj.removeChild(obj.lastChild);
}


function getWinYOffset(){
  if(window.scrollY) return window.scrollY; // Mozilla
  if(window.pageYOffset) return window.pageYOffset; // Opera, NN4
  if(document.documentElement && document.documentElement.scrollTop){ // 以下 IE
   return document.documentElement.scrollTop;
  }
  else if(document.body && document.body.scrollTop){
   return document.body.scrollTop;
  }
  return 0;
}