//////////////////////////////////////////////////////////////////////////////////////////////////
sfZoomEffect = function()
{
	var me = this;
	this.applyEffect = function(obj)
	{
		(window.addEventListener)?obj.addEventListener('click',me.zoom,false):obj.attachEvent('onclick',me.zoom);
	}
	
	this.zoom = function(e)
	{
		var target = (window.event) ? e.srcElement : e.target;
		var pos = sfEffectEngine.getPos(target);
		var zoomDiv = document.createElement('div');
		zoomDiv.className = "kye_zoomdiv";
		zoomDiv.style.position = "absolute";
		zoomDiv.style.left = pos.x + 'px';
		zoomDiv.style.top = pos.y + 'px';
		zoomDiv.style.height = target.height + 32 + 'px';
		width = target.width + 32 + 'px';
		zoomDiv.innerHTML = '<a class="kye_zoomclosebutton"></a>';
		zoomDiv.innerHTML += '<img id="kye_zoomimg" class="kye_zoomdivimg" src = "'+target.getAttribute('kye_zoomoriginal')+'"></img>';
		document.body.appendChild(zoomDiv);
		
		with (zoomDiv.style)
		{
			height = document.getElementById('kye_zoomimg').height + 32 + 'px';
			width = document.getElementById('kye_zoomimg').width + 32 + 'px';	
		}
		
		var closeButton = zoomDiv.getElementsByTagName('a')[0];
		closeButton.href = "javascript://";
		(window.addEventListener)?closeButton.addEventListener('click',me.closeZoomDiv,false):closeButton.attachEvent('onclick',me.closeZoomDiv);
	}
	
	this.closeZoomDiv = function(e)
	{
		var target = (window.event) ? e.srcElement : e.target;
		var parent = target.parentNode.parentNode;
		parent.removeChild(target.parentNode);
	}
}
//////////////////////////////////////////////////////////////////////////////////////////////////