function showphoto (o) {
	var a = o.src.split('/');
	mini = (a[a.length-1]);
	p = o.nextSibling;
	ia = p.getElementsByTagName("IMG");
	ia.iscreen.src = "images/photo_album/grillgarden/600x450/"+mini;
	p.style.visibility="visible";
	tofront (p);
	makeDraggable(p);
}

function hideself (o) {
	while(o.tagName != "DIV") {o = o.parentNode;}; 
	o.style.visibility="hidden";
	o.parentNode.style.zIndex="0";
}

function tofront (o) {
	q = o.parentNode;
	q.style.zIndex=fgx; // parent DIV
	q = q.parentNode;
	q.style.zIndex=fgx; // parent TD
	while(q.tagName != "TABLE") {q = q.parentNode;}; 
	q.style.zIndex=fgx; // parent TABLE
	o.style.zIndex=fgx++; // this abs DIV
}

function mouseCoords(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop  - document.body.clientTop
	};
}

function getMouseOffset(target, ev){
	ev = ev || window.event;

	var docPos    = getPosition(target);
	var mousePos  = mouseCoords(ev);
	return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
}

function getPosition(e){
	return {x:e.offsetLeft, y:e.offsetTop}; // by Wolf
	
	if (MSIE) { return {x:e.offsetLeft-e.parentNode.offsetLeft, y:e.offsetTop}; }// by Wolf
	else { return {x:e.offsetLeft, y:e.offsetTop}; }

	var left = 0;
	var top  = 0;
	while (e.offsetParent){
		left += e.offsetLeft;
		top  += e.offsetTop;
		e     = e.offsetParent;
	}
	left += e.offsetLeft;
	top  += e.offsetTop;
	return {x:left, y:top};

}

function mouseMove(ev){
	ev           = ev || window.event;
	var mousePos = mouseCoords(ev);

	if(dragObject){
		//dragObject.style.position = 'absolute';
		dragObject.style.top      = mousePos.y - mouseOffset.y;
		dragObject.style.left     = mousePos.x - mouseOffset.x;

		return false;
	}
}

function makeDraggable(item){
	if(!item) return;
	item.onmousedown = function(ev){
		dragObject  = this;
		mouseOffset = getMouseOffset(this, ev);
		tofront(this);
		return false;
	}
/*
	item.onmouseout = function(ev){
		dragObject   = null;
		return false;
	}
*/
}

function mouseUp(ev){
	dragObject   = null;
}

MSIE = (navigator.userAgent.indexOf("MSIE")>0);
document.onmousemove = mouseMove;
document.onmouseup   = mouseUp;

var dragObject  = null;
var mouseOffset = null;

var fgx = 1;