YAHOO.namespace('xfm');

var g_img_id_list = new Array();

function getScreenInfo()
{
	var screen = new Object();
	
	screen.width     = document.body.clientWidth  || document.documentElement.clientWidth;
	screen.nowHeight = document.documentElement.clientHeight;
	screen.height    = document.body.clientHeight || document.body.scrollHeight;
	screen.x = document.body.scrollLeft || document.documentElement.scrollLeft;
	screen.y = document.body.scrollTop || document.documentElement.scrollTop;
	return screen;
}

function moveZoomboxToCenter()
{
	var screen = getScreenInfo();

	//YAHOO.log('screen.y: ' + screen.y);
	//YAHOO.log('screen.height: ' + screen.height);
	//YAHOO.log('screen.nowHeight: ' + screen.nowHeight);

	var left = (screen.width/2) - 1024/2;
	if (left < 0) {
		left = 10;
	}
	var top = (screen.nowHeight/2 + screen.y) - 720/2;
	//YAHOO.log('top: ' + top);
	if (top < screen.y) {
		top = screen.y + 10;
	}
	//YAHOO.log('set top: ' + top);

	YAHOO.xfm.zoombox.moveTo(left,top);
}


//YAHOO.xfm.initImgElem = function()
function initImgElem() {
	YAHOO.xfm.zoombox = new YAHOO.widget.Panel("zoombox",
																						 { width:"auto",visible:false, draggable:true,
																							 close:true,x:10
																						 }
																						 );
	// effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25}
	YAHOO.xfm.zoombox.setHeader("Title");
	YAHOO.xfm.zoombox.setBody('<div id="zoombox_body"><img src="/modules/bphoto/js/empty.jpg" id="imgsrc_org" class="cursor_hand" /></div>');
	YAHOO.xfm.zoombox.setFooter("写真をクリックすると閉じます。");
	YAHOO.xfm.zoombox.render();

	//YAHOO.util.Event.addListener("show1", "click", YAHOO.xfm.zoombox.show, YAHOO.xfm.zoombox, true);
	//YAHOO.util.Event.addListener("hide1", "click", YAHOO.xfm.zoombox.hide, YAHOO.xfm.zoombox, true);


	var fPopImg = function(e) {
		var elem = YAHOO.util.Dom.get('imgsrc_org');
		if (!elem) {
			return;
		}

		var h = 'hidden_' + this.id;

		var hidden_elem = YAHOO.util.Dom.get(h);
		if (!hidden_elem) {
			return;
		}
		elem.src = hidden_elem.value;

		//var title_elem = YAHOO.util.Dom.get('title_' + this.id);
		//if (title_elem) {
			//YAHOO.xfm.zoombox.setHeader(title_elem.innerHTML);
		//}
		if (this.alt) {
			YAHOO.xfm.zoombox.setHeader(this.alt);
		}

		/*
		if (g_img_id_list.length) {
			//var cur_img_elem = YAHOO.util.Dom.get(this.id);
			//if (this.scrollTop) {
				//YAHOO.xfm.zoombox.moveTo(10,this.scrollTop - 20);
			//}
			if (this.offsetTop) {
				YAHOO.xfm.zoombox.moveTo(10,this.offsetTop - 40);
			}
			else if (this.y) {
				YAHOO.xfm.zoombox.moveTo(10,this.y - 40);
			}
			else {
				YAHOO.xfm.zoombox.moveTo(10,60);
			}
			//YAHOO.xfm.zoombox.moveTo(10,e.screenTop - 60);
		}
		*/

		moveZoomboxToCenter();

		YAHOO.xfm.zoombox.show();
	};

	var fHideImg = function(e) {
		var elem = YAHOO.util.Dom.get('imgsrc_org');

		if (!elem) {
			return;
		}

		elem.src = '/modules/bphoto/js/empty.jpg';

		YAHOO.xfm.zoombox.hide();
	};

	YAHOO.util.Event.addListener("thumb_img", "click", fPopImg);
	YAHOO.util.Event.addListener("zoombox_body", "click", fHideImg);

	for (var i=0;i<g_img_id_list.length;i++) {
		var id = g_img_id_list[i];

		YAHOO.util.Event.addListener("thumb_img"  + id, "click", fPopImg);
	}
}

//YAHOO.util.Event.addListener(window, "load", YAHOO.xfm.initImgElem);
YAHOO.util.Event.onDOMReady(initImgElem);