// ISO - image_soft_open
ISO_quick = false;

function showImage (A) {
	src = A.href;
	alt = A.childNodes[0].alt ? A.childNodes[0].alt : null;
	showShadow ('ISO_back');
	showLoading ('ISO_loading', closeLoading);
	var imgPreload = new Image();
	imgPreload.onload = function() {
		hideLoading ('ISO_loading');
		El = document.createElement('div');
		El.id = 'image_window';
		El.style.zIndex = 9999;
		El.style.position = 'absolute';
		El.style.background = '#EEE';
		El.style.border = '1px solid #CCC';
		El.style.width = imgPreload.width+10+'px';
		El.style.top = document.body.scrollTop+((document.body.clientHeight - imgPreload.height) / 2)+'px';	
		El.style.left = ((document.body.offsetWidth - imgPreload.width-10) / 2)+'px';
		El.innerHTML = ''+
			"<table width=100%>"+
			"	<tr><td style='text-align:center'><a href='javascript:void(0)'><img id='popupImage' src='"+src+"' alt='' style='border: 1px solid #CCC; display:none'></a>"+
			(alt ? "	<tr><td style='text-align:center'><font color=black>"+alt+"</font>" : '')+	
			"	<tr><td style='text-align:center'><a href='javascript:void(0)'><font color=black><b>ÇÀÊÐÛÒÜ</b></font></a>";		
			"</table>";
		document.body.appendChild (El);
		errorOK = El.getElementsByTagName('A')[0];
		errorOK.onclick = closeWindow;
		errorOK = El.getElementsByTagName('A')[1];
		errorOK.onclick = closeWindow;
		img = El.getElementsByTagName('IMG')[0];

		if (!ISO_quick) {		
			setElementOpacity(El, 0);
			if (!fadeOpacity.aRules['imgRule']) fadeOpacity.addRule('imgRule', 0, 1, 30); 	
			fadeOpacity('image_window', 'imgRule');
		} else setElementOpacity(El, 1);
		img.style.display = 'inline';
	}
	imgPreload.src = A.href;
	if (!ISO_quick) {
		setElementOpacity(bigEl, 0);	
		if (!fadeOpacity.aRules['backRule']) fadeOpacity.addRule('backRule', 0, 0.5, 30);
		fadeOpacity('shadowISO_back', 'backRule');		
	} else setElementOpacity(bigEl, 0.5);
	bigEl.style.display = 'inline';
}

function closeLoading() {
	if (!ISO_quick) fadeOpacity.backQ('shadowISO_back');
	hideShadow ('ISO_back');
	hideLoading ('ISO_loading');
}

function closeWindow() {
	if (!ISO_quick) {
		fadeOpacity.backQ('shadowISO_back');
		fadeOpacity.backQ('image_window'); 
	}
	hideShadow ('ISO_back');
	El.parentNode.removeChild(El); 
}

function initISO() {
	if (!document.getElementsByTagName) { return; }
	var anchors = document.getElementsByTagName('a');

	for (i=0,len=anchors.length; i<len; i++){
		var anchor = anchors[i];
		if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == 'ISO')) {
			anchor.onclick = function() { showImage(this); return false; }
		}
	}
	anchor = null;
}

addLoadEvent(initISO);
