var myZoomFx;

window.addEvent('load', function()
{
	var arr_img = $$('div.imgWrap img');
	var img_num = arr_img.length;
	
	for (var i=0; i<img_num; i++)
	{
		arr_img[i].addEvent('mouseover', function()
		{
			zoomImg(this.getParent());
		});
	}
	
	var arr_adv = $$('div.adv');
	var adv_num = arr_adv.length;
	
	for (var i=0; i<adv_num; i++)
	{
		arr_adv[i].addEvent('click', function()
		{
			document.location.href = this.getElement('a').href;
		});
	}
	
	$('imgHover').addEvent('mouseout', function()
	{
		$('imgHover').setStyle('visibility', 'hidden');
		myZoomFx.stop();
	});
});

function zoomImg(elem)
{
	var posTop  = $(elem).getFirst().getCoordinates().top-24;
	var posLeft = $(elem).getFirst().getCoordinates().left-23;
	
	$('imgHover').setStyles({
		top: posTop,
		left: posLeft
	});
	
	var targetLink = elem.getParent().getElement('a');
	
	$('imgLink').href = targetLink.href;
	$('imgLink').title = targetLink.title;
	
	$('imgHoverImg').src = elem.getFirst().src;
	$('imgHoverImg').setStyles({
		width: 160,
		height: 160,
		border: 0
	});
	
	myZoomFx = new Fx.Style('imgHover', 'opacity', {duration: 250}).start(0,1);
}