
function zoom( path ) {
	var path;
	var scrollY;
	var el;
	var iel;
	
	if( window.pageYOffset ) {
		scrollY = window.pageYOffset;
	} else if ( document.documentElement ) {
		scrollY = document.documentElement.scrollTop;
	} else if( document.all && document.body.scrollTop ) {
		scrollY = document.body.scrollTop;
	}
	
	// create background element
	el = document.createElement('DIV');
	el.id = 'zoom_el';
	el.style.position = 'absolute';
	el.style.top = scrollY+'px';
	el.style.left = '0px';
	el.style.backgroundColor = '#000000';
	el.style.width = '100%';
	el.style.height = '100%';
	el.style.filter = 'alpha(opacity=70)';
	el.style.opacity = 70/100;
	el.style.MozOpacity = 70/100;
	el.style.KhtmlOpacity = 70/100;
	el.onclick = zoom_close;
	
	// create image element
	eli = document.createElement('DIV');
	eli.id = 'zoom_eli';
	eli.style.position = 'absolute';
	eli.style.top = scrollY+'px';
	eli.style.left = '0px';
	eli.style.width = '100%';
	eli.style.height = '100%';
	eli.onclick = zoom_close;
	eli.innerHTML = '<table width="100%" height="100%"><tr><td width="100%" height="100%" valign="middle" align="center"><img src="'+path+'" style="border: 1px solid #000000;"></td></tr></table>';
	
	// show elements
	document.body.appendChild( el );
	document.body.appendChild( eli );

	window.onscroll = zoom_close;
	
}

function zoom_close() {
	var el = document.getElementById('zoom_el');
	var eli = document.getElementById('zoom_eli');
	
	document.body.removeChild( el );
	document.body.removeChild( eli );
	window.onscroll = null;
	
}

