window.addEvent('domready', function() {
	var zoomImgs = $$('div.zoom-zoom');
	if($defined(zoomImgs)) {
		zoomImgs.each(function(zoomImg) {
			var imgs = zoomImg.getElements('img');
			if($defined(imgs)) {
				imgs.each(function(img) {
					var parent = img.getParent();
					if(parent.get('tag') == 'a') {
						createImage(img, parent.get('href'));
						parent.addEvent('click', function(ev) {
							ev.stop();
						});
						parent.addEvent('mouseover', function() {
							var pParent = parent.getParent('dl');
							if($defined(pParent)) {
								pParent.setStyle('position', 'relative');
							}
							var nImg = img.getNext('img');
							if($defined(nImg)) {
								if(nImg.get('class') == 'zoomed') {
									posImg(nImg);
									nImg.setStyle('display', 'block');
									nImg.setStyle('z-index', '1000');
									nImg.setStyle('clear', 'both');
									nImg.fade(1);
									img.setStyle('z-index', '0');
								}
							}
						});
						parent.addEvent('mouseout', function() {
							var nImg = img.getNext('img');
							if($defined(nImg)) {
								if(nImg.get('class') == 'zoomed') {
									nImg.fade(0);
									nImg.setStyle('z-index', '0');
								}
							}
						});
					}
				});
			}
		});
	}
});

function createImage(to, href) {
	var img = new Element('img', {
						  	'src': href,
							'class': 'zoomed'
						  });
	// width 480px
	img.setStyles({'position': 'absolute', 'top': '0px', 'right': '0px', 'display': 'none', 'width': '715px', 'height': 'auto', 'z-index': '1000'});
	img.setOpacity(0);
	img.inject(to, 'after');
}

function posImg(img) {
	var rs = img.getParent('div#right_side');
	if($defined(rs)) {
		var width = img.get('width');
		// 'right': '247px'
		img.setStyles({'right': '247px'});
	}
}