// copyright jeff@thelimit.com 2008

document.onmousemove=mouseMove;
document.onmouseup=mouseUp;
document.onmousedown=mouseDown;

var dragObject  = null;
var mouseOffset = null;
var target_classname=null;
var target=null;
var target_offset_x;
var target_offset_y;
var re_drag = /drag/i;

function mouseDown(e){
e = e || window.event;
target=e.target || e.srcElement;
target_classname=target.className;

var drag_el = target;

while(drag_el.parentNode){
if(re_drag.test(drag_el.className)){
	target=drag_el;

if(target.nodeName == 'IMG'){}
	target_classname=target.className;
	document.body.focus();
break;
	}
drag_el=drag_el.parentNode;
}

var docPos = getPosition(target);
var mousePos = mouseCoords(e);
target_offset_x=mousePos.x - docPos.x;
target_offset_y=mousePos.y - docPos.y;

if(e.target){
  if(e.target.tagName == "IMG"){
    return false;
}; }

}


function getPosition(target){
	var h = target.offsetHeight;
	var w = target.offsetWidth;
	var left = 0;
	var top  = 0;
	while (target.offsetParent){
		left += target.offsetLeft;
		top  += target.offsetTop;
		target = target.offsetParent;
	}
	left += target.offsetLeft;
	top  += target.offsetTop;
	return {x:left, y:top,width:w,height:h};
}

function mouseMove(e){
e = e || window.event;
if(re_drag.test(target_classname)){
	var mousePos = mouseCoords(e);
	target.style.position = 'absolute';
	target.style.top = mousePos.y - target_offset_y + 'px';
	target.style.left = mousePos.x - target_offset_x + 'px';
	return false;
	}
}
function mouseUp(){
target=null;
target_classname='';
}


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};
}

var current_img_src = '';
function openImage(el){
var popup_image_size = '500w-';
	var re=/(.*\/)(.*?-)(.*)/;
	var res=re.exec(el.src);

var src_ = res[1] + popup_image_size + res[3];

var pos = getPosition(el);

var popup = '<div class="pop">';
popup += '<div class="close"><a href="javascript: close()">close</a></div>';
popup += '<img src="'+src_+'" id="pop_image">';
popup += '</div>';

var popup_container = document.getElementById('popup_image');
popup_container.innerHTML = popup;
popup_container.style.width = '500px';
if(popup_container.style.display != 'block'){
	popup_container.style.left = (pos.x + 280) + 'px';
	popup_container.style.top = (pos.y - 90)+ 'px';
	}

if(current_img_src != src_){
	popup_container.style.display = 'block';
	current_img_src = src_;
	}else{
	popup_container.style.display = 'none';
	current_img_src = '';
	}


}

function close(){
var popup_container = document.getElementById('popup_image');
popup_container.style.display = 'none';
}