function setOpacity(eID, opacityLevel) {
	var eStyle = document.getElementById(eID).style;
	eStyle.opacity = opacityLevel / 100;
	eStyle.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity="+opacityLevel+")";
}
function fade(eID, startOpacity, stopOpacity, duration) {
	var speed = Math.round(duration / 100);
	var timer = 0;
	if (startOpacity < stopOpacity){
		for (var i=startOpacity; i<=stopOpacity; i++) {
			setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed);
			timer++;
		} return;
	}
	for (var i=startOpacity; i>=stopOpacity; i--) {
		setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed);
		timer++;
	}
}
function fadeOut(eID) {
	fade(eID, 100, 0, 200);
}
function fadeIn(eID) {
	fade(eID, 0, 100, 200);
}
function changePicture(src) {
	var eImage = document.getElementById("picture");
	eImage.src = "/_common_images/none.png";
	//setOpacity(eImage.id, 0);
	eImage.src = src;
	//fade(eImage.id, 0, 100, 45);
	var myregexp = /img([\d]{1,3})/i;
	var match = myregexp.exec(eImage.src);
	if (match != null) {
		imgNumber = new Number(match[1]);
		var eBack = document.getElementById("slide_back");
		var eForward = document.getElementById("slide_forward");
		var aThumbs = document.getElementsByName("thumb");
		if (imgNumber == 1) eBack.style.visibility = "hidden";
		else eBack.style.visibility = "visible";
		if (imgNumber == aThumbs.length) eForward.style.visibility = "hidden";
		else eForward.style.visibility = "visible";
		for (var i=0; i<aThumbs.length; i++) {
			var el = aThumbs[i];
			if (el.id == ("thumb" + imgNumber.toString()))	el.style.visibility = "hidden";
			else el.style.visibility = "visible";
		}
	}
	window.focus();
}
function slidePicture(num) {
	var eImage = document.getElementById("picture");
	var myregexp = /img([\d]{1,3})/i;
	var match = myregexp.exec(eImage.src);
	if (match != null) {
		imgNumber = new Number(match[1]) + num;
		changePicture("img" + imgNumber.toString() + "_preview.jpg");
	}
}
function hideOverlay() {
	document.getElementById("overlay").style.display = "none";
}
function showWindow() {
	fade("window", 0, 100, 45);
	document.getElementById("window_container").style.display = "block";
}
function openWindow() {
	var eLargePicture = document.getElementById("large_picture");
	setOpacity(eLargePicture.id, 0);
	var eImage = document.getElementById("picture");
	var myregexp = /img([\d]{1,3})/i;
	var match = myregexp.exec(eImage.src);
	if (match != null) {
		imgNumber = new Number(match[1]);
		var eLargePicture = document.getElementById("large_picture");
		eLargePicture.src = "img" + imgNumber.toString() + "_big.jpg";
		fade(eLargePicture.id, 0, 100, 45);
		var eThumb = document.getElementById("thumb" + imgNumber.toString());
		var sText = eThumb.alt;
		var eComment = document.getElementById("picture_comment");
		eComment.innerHTML = sText;
	}
	document.getElementById("overlay").style.display = "block";
	fade("overlay", 0, 70, 45);
	setTimeout("showWindow()", 150);
}
function hideWindow() {
	document.getElementById("window_container").style.display = "none";
	fade("overlay", 70, 0, 45);
	setTimeout("hideOverlay()", 150);
}
function closeWindow() {
	fade("window", 100, 0, 45);
	setTimeout("hideWindow()", 150);
}
function popupWindow(width, height, src, sText) {
	height = new Number(height) + 44;
	
	posX = Math.round((screen.width - width) / 2);
	posY = Math.round((screen.height - height) / 2);
	
    var params = "location=0" +
                 ",menubar=0" +
             	 ",height=" + height +
                 ",width=" + width +
                 ",toolbar=0" +
                 ",scrollbars=0" +
                 ",status=0" +
                 ",resizable=0" +
                 ",left=" + posX +
                 ",screenX=" + posX +
                 ",top=" + posY +
                 ",screenY=" + posY;	
	
    var base = document.getElementsByTagName("base");
    var baseHref = (base.length > 0 ? base[0].href : '');
                 
	win=open("", "", params); 
	win.document.write("<html><head><title>"+document.title+"</title><base href='"+baseHref+"'>" +
			           "<link rel='stylesheet' type='text/css' href='/style.css' /></head>" +
	                   "<body style='margin: 0; text-align:center; background:url(/_common_images/loading.gif) no-repeat scroll center "+(((height-44)/2)-24)+"px;'>" +
	                   "<a href='javascript:self.close()'><img src='"+src+"' border='0' alt='Щелкните, чтобы закрыть это окно'></a>" +
	                   "<table id='window_comment' width='100%'><tr><td style='text-align:center'>"+sText+"</td></tr></table>" +
	                   "</body></html>");
	
}
function openPopupWindow() {
	var width = 769;
	var height = 610;
	var sText = "";
	
	var eImage = document.getElementById("picture");
	var myregexp = /img([\d]{1,3})/i;
	var match = myregexp.exec(eImage.src);
	if (match != null) {
		var imgNumber = new Number(match[1]);
		src = "img" + imgNumber.toString() + "_big.jpg";
		var eThumb = document.getElementById("thumb" + imgNumber.toString());
		sText = eThumb.alt;
		width  = eThumb.attributes['big_width'].nodeValue;
		height = eThumb.attributes['big_height'].nodeValue;
	}
	popupWindow(width, height, src, sText);
}
;

