// popupimg.js
// Daisuke Kakura "2007-11-28 Wed 02:12:32 La Paz, Bolivia"

var last_pos = new Object();

function delPopUpImg() {
	if(document.getElementById("popupw")) {
		var elem = document.getElementById("popupw");
		elem.parentNode.removeChild(elem);
	}
}

function popUpImg(url, id) {
	var popupw	 = document.createElement("div");
	var elem		 = document.getElementById(id);
	var cname	 = elem.className;
	var btn_pos	 = getElemPos(elem);
	var drop_pos = new Object();

	delPopUpImg();

	last_pos.x = Math.round(document.body.clientWidth / 2);
	last_pos.y = document.body.scrollTop;
	if(cname == "popup-f") {
		last_pos.x = last_pos.x - 304;
		drop_pos.y = last_pos.y - 568;
		popupw.className = "popup";
	} else if (cname == "popup-v-f") {
		last_pos.x = last_pos.x - 233;
		drop_pos.y = last_pos.y - 426;
		popupw.className = "popup-v";
	} else if (cname == "popup1-f") {
		last_pos.x = last_pos.x - 340;
		drop_pos.y = last_pos.y - 426;
		popupw.className = "popup1";
	} else if (cname == "popup1-v-f") {
		last_pos.x = last_pos.x - 233;
		drop_pos.y = last_pos.y - 639;
		popupw.className = "popup1-v";
	}

	popupw.innerHTML	= "<img src=\"" + url + "\" id=\"popupimg\"><div class=\"text-popup\">CLOSE</div>";
	popupw.id			= "popupw";
	popupw.style.top	= drop_pos.y + "px";
	popupw.style.left = last_pos.x + "px";
	popupw.style.position = "absolute";
	document.body.appendChild(popupw);
	addListener(popupw, 'click', delPopUpImg, false);

	var timer;
	var dropDown = function() {
		drop_pos.y = drop_pos.y + 45;
		if(last_pos.y <= drop_pos.y) {
			drop_pos.y = last_pos.y;
			clearInterval(timer);
		}
		popupw.style.top = drop_pos.y + "px";
	}
	timer = setInterval(dropDown, 10);
}

function setLeftPos() {
	if(document.getElementById("popupw")) {
		var popupw = document.getElementById("popupw");
		var cname  = popupw.className;

		last_pos.x = Math.round(document.body.clientWidth / 2);
		if(cname == "popup") {
			popupw.style.left = last_pos.x - 304 + "px";
		} else if (cname == "popup-v") {
			popupw.style.left = last_pos.x - 233 + "px";
		} else if (cname == "popup1") {
			popupw.style.left = last_pos.x - 340 + "px";
		} else if (cname == "popup1-v") {
			popupw.style.left = last_pos.x - 233 + "px";
		}
	}
}

function getElemPos(elem) {
	var obj = new Object();
	obj.x = elem.offsetLeft;
	obj.y = elem.offsetTop;
	while(elem.offsetParent) {
		elem = elem.offsetParent;
		obj.x += elem.offsetLeft;
		obj.y += elem.offsetTop;
	}
	return obj;
}

function setListeners(e) {
	addListener(window, 'resize', setLeftPos, false);
}

function addListener(elem, eventType, func, cap) {
	if(elem.addEventListener) {
		elem.addEventListener(eventType, func, cap);
	} else if(elem.attachEvent) {
		elem.attachEvent('on' + eventType, func);
	} else {
		alert("Sorry... Please use Internet Explorer or Firefox.");
		return false;
	}
}

addListener(window, 'load', setListeners, false);