Images = function() {}

Images.timer = null;
Images.img = null;
Images.navLeft = null;
Images.navRight = null;
Images.scroll = 0;
Images.animate = 0;
Images.cursor = 'hand'

Images.elements = [];
Images.signature = [];

Images.toScroll = 330;
Images.deltaScroll = 20;
Images.animeTime = 5;

Images.load = new Images();

Images.init = function(cursor) {
	
	Images.img = document.getElementById('imagesContainer');
	Images.navTop = document.getElementById('imagesTopbut');
	Images.navBot = document.getElementById('imagesBotbut');
	Images.cursor = cursor;
	Images.navbutControl();
}

Images.getScroll = function() {
	Images.scroll = Images.img.scrollHeight - Images.img.offsetHeight;
}

Images.navbutControl = function() {
	Images.getScroll();
	
	if (Images.img.scrollTop == 0) {
		Images.navTop.src = '/site/files/images/site/but.top.na.gif';
		Images.navTop.onclick = function() { }
		Images.navTop.style.cursor = 'default';
	} else {
		Images.navTop.src = '/site/files/images/site/but.top.ac.gif';
		Images.navTop.onclick = function() { Images.makeScroll(-1); }
		Images.navTop.style.cursor = Images.cursor;
	}
	
	if (Images.scroll <= Images.img.scrollTop) {
		Images.navBot.src = '/site/files/images/site/but.bot.na.gif';
		Images.navBot.onclick = function() { }
		Images.navBot.style.cursor = 'default';
	} else {
		Images.navBot.src = '/site/files/images/site/but.bot.ac.gif';
		Images.navBot.onclick = function() { Images.makeScroll(1); }
		Images.navBot.style.cursor = Images.cursor;
	}
}

Images.makeScroll = function(factor) {
	if (Images.timer) {
		window.clearTimeout(Images.timer);
		Images.navbutControl();
	}
	Images.animate = 0;
	Images.timer = window.setTimeout('Images.animeScroll(' + factor + ')', Images.animeTime);
}

Images.animeScroll = function(factor) {
	if (Images.animate >= Images.toScroll) return false;
	Images.animate += Images.deltaScroll;
	Images.img.scrollTop = Images.img.scrollTop + (factor * Images.deltaScroll);
	Images.timer = window.setTimeout('Images.animeScroll(' + factor + ')', Images.animeTime);
	Images.navbutControl();
}

Images.show = function(key) {
	if (Images.elements[key]) {
		var div = document.createElement('DIV');
		div.style.position = 'absolute';
		div.style.zIndex = 5000;
		div.style.top = '0';
		div.style.left = '0';
		div.style.padding = '50px 20px 20px 20px';
		div.style.width = document.body.scrollWidth - (navigator.appName.match(/microsoft/i) ? 0 : 40);
		div.style.height = document.body.scrollHeight - (navigator.appName.match(/microsoft/i) ? 0 : 70);
		div.style.backgroundColor = '#282a3c';
		div.align = 'center';
		div.innerHTML = '<table><tr><td style="padding: 150px 20px 0pt 0pt;" valign="top">' +
						'<img id="imagesButtonPrev" src="/site/files/images/site/but.prev.' + (Images.elements[key-1] ? 'ac.gif" style="cursor: ' + Images.cursor + ';" onclick="Images.change(' + (key - 1) + ')"' : 'na.gif"') +  '" alt="Предыдущая" /></td>' +
						'<td width="500" align="center"><img id="imagesViewer" src="' + Images.elements[key] + '" /></td>' +
						'<td style="padding: 150px 0pt 0pt 20px;" valign="top"><img id="imagesButtonNext" src="/site/files/images/site/but.next.' + (Images.elements[key + 1] ? 'ac.gif" style="cursor: ' + Images.cursor + ';" onclick="Images.change(' + (key + 1) + ')"' : 'na.gif"') +  '" alt="Следующая" /></td></tr></table>' +
						'<div style="padding: 20px 0pt 0pt 0pt;" id="imagesSign">' + (Images.signature[key] ? Images.signature[key] : '') + '</div>' +
						'<div style="padding: 20px 0pt 0pt 0pt;"><img src="/site/files/images/site/but.close.gif" width="142" height="37" alt="Закрыть" style="cursor: ' + Images.cursor + ';" onclick="Images.hide();" /></div>';
		div.id = 'imagesShowContainer';
		document.body.appendChild(div);
		window.onresize = function() {
			document.title = 'sadfsf';
			var o = document.getElementById('imagesShowContainer');
			if (o) {
				o.style.display = 'none';
				o.style.width = document.body.scrollWidth - (navigator.appName.match(/microsoft/i) ? 0 : 40);
				o.style.height = document.body.scrollHeight - (navigator.appName.match(/microsoft/i) ? 0 : 70);
				o.style.display = '';
			}
		}
		document.body.scrollTop = 0;
	}
}

Images.change = function(key) {
	if (Images.elements[key]) {
		var iv = document.getElementById('imagesViewer');
		if (iv) iv.src = Images.elements[key];
		var is = document.getElementById('imagesSign');
		if (is) {
			if (Images.signature[key]) is.innerHTML = Images.signature[key];
			else is.innerHTML = '';
		}
		var bp = document.getElementById('imagesButtonPrev');
		if (bp) {
			if (Images.elements[key - 1]) {
				bp.src = '/site/files/images/site/but.prev.ac.gif';
				bp.style.cursor = Images.cursor;
				bp.onclick = new Function('Images.change(' + (key - 1) + ')');
			} else {
				bp.src = '/site/files/images/site/but.prev.na.gif';
				bp.style.cursor = 'default';
				bp.onclick = null;
			}
		}
		var bn = document.getElementById('imagesButtonNext');
		if (bn) {
			if (Images.elements[key + 1]) {
				bn.src = '/site/files/images/site/but.next.ac.gif';
				bn.style.cursor = Images.cursor;
				bn.onclick = new Function('Images.change(' + (key + 1) + ')');
			} else {
				bn.src = '/site/files/images/site/but.next.na.gif';
				bn.style.cursor = 'default';
				bn.onclick = null;
			}
		}
	}
}

Images.hide = function() {
	var o = document.getElementById('imagesShowContainer');
	if (o) {
		document.body.removeChild(o);
		window.onresize = function() { }
	}
}