// 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';
		
		var height = imgPreload.height;
		var width = imgPreload.width+10;
		var windowSize = getWindowSize();
		var windowOffset = getWindowOffset();
		El.style.top = (windowOffset.y + (windowSize.height - height)/2)+'px';
		El.style.left = (windowOffset.x + (windowSize.width - width)/2)+'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);

function getWindowSize () {
	var width, height;
	if (self.innerHeight) {	
		width = self.innerWidth;	
		height = self.innerHeight;	
	// IE 6 Strict Mode	
	} else if (document.documentElement && document.documentElement.clientHeight) {	
		width = document.documentElement.clientWidth;	
		height = document.documentElement.clientHeight;	
	// Îñòàëüíûå âåðñèè IE	
	} else if (document.body) {	
		width = document.body.clientWidth;	
		height = document.body.clientHeight;	
	}
	return {width:width, height:height}
}
function getWindowOffset () {
	var scrOfX = 0, scrOfY = 0;
	if( document.body && (document.body.scrollLeft || document.body.scrollTop)) {
		// DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
		// IE6 Strict
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	} else if(typeof(window.pageYOffset) == 'number' ) {
		// Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	}
	return {x:scrOfX, y:scrOfY}
}