function delBigImage(e) {
	if(document.getElementById('bigimg')) {
		var bigimg = document.getElementById('bigimg');
		bigimg.parentNode.removeChild(bigimg);
	}
}
function explodeImg(elem, startx, starty, startw, starth, endx, endy, endw, endh) {
	var x = startx;
	var y = starty;
	var w = startw;
	var h = starth;
	var period = 100;
	var interval = 10;
	var times = Math.floor(period / interval)
	elem.style.left   = x + 'px';
	elem.style.top    = y + 'px';
	elem.width  = w + 'px';
	elem.height = h + 'px';
	elem.style.visibility = 'visible';
	var  n = 0;
	var timer;
	var funcRef = function() {
		n ++;
		x += Math.floor( (endx - startx) / times );
		y += Math.floor( (endy - starty) / times );
		elem.style.left = x + 'px';
		elem.style.top  = y + 'px';
		w += Math.floor( (endw - startw) / times );
		h += Math.floor( (endh - starth) / times );
		elem.style.width  = w + 'px';
		elem.style.height = h + 'px';
		if(n >= times) {
			elem.style.left   = endx + 'px';
			elem.style.top    = endy + 'px';
			elem.width  = endw + 'px';
			elem.height = endh + 'px';
			clearInterval(timer);
		}
	}
	timer = setInterval(funcRef, interval);
}

function displayBigImage(e, path) {
	delBigImage();
	var target_node = getTargetNode(e);
	var bigimg = document.createElement('img');
	bigimg.id = 'bigimg';
	document.body.appendChild(bigimg);
	addListener(bigimg, 'click', delBigImage, false);
	var pos = getElemPos(target_node);
	var width = target_node.width;
	var height = target_node.height;
	explodeImg(bigimg, pos.x, pos.y, width, height, pos.x-250, pos.y-280, 500, 500);
	bigimg.src = path;
}

function dispBigImage(e) {
	delBigImage();
	var target_node = getTargetNode(e);
	var id_value = target_node.id;
	var bigimg = document.createElement('img');
	bigimg.id = 'bigimg';
	document.body.appendChild(bigimg);
	addListener(bigimg, 'click', delBigImage, false);
	var pos = getElemPos(target_node);
	var width = target_node.width;
	var height = target_node.height;
	explodeImg(bigimg, pos.x, pos.y, width, height, pos.x-250, pos.y-280, 500, 500);
	bigimg.src = '../../../images/shop_images/b_' + id_value + '_map' + '.gif';
}
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 getTargetNode(e) {
	var target_node;
	if(e.target) {
		target_node = e.target;
	} else {
		target_node = e.srcElement;
	}
	if (target_node.nodeType == 3) {
		target_node = target_node.parentNode;
	}
	return target_node;
}