// LS
var onDOMLoaded = function() { // 1.1
    if(document.readyState == 'complete' || (typeof document.readyState == 'undefined' && document.body != null)) {
		var win=new okno('jsWin');
		var i=new imager(win, 'jsGal', 'cont_in', true);
	} else {
		setTimeout('onDOMLoaded()', 10);
	}
}
onDOMLoaded();

function blank(link) { // 1.0
	link.target='_blank';
}

function okno(cssClass, margin) { // 1.0
	this.addElem=function(elem) { win.appendChild(elem) }
	this.repaint=function(calc) {
		var display=false, width=0, height=0, max=win.childNodes.length;
		for(var i=0; i<max; i++) {
			if(win.childNodes[i].style.display == 'block') {
				display=true;
				if(!calc) { break }
				if(win.childNodes[i].offsetWidth + 2 * win.childNodes[i].offsetLeft > width) {
					width=win.childNodes[i].offsetWidth + 2 * win.childNodes[i].offsetLeft;
				}
				height += win.childNodes[i].offsetHeight + 2 * win.childNodes[i].offsetTop;
			}
		}
		if(display) {
			if(calc) {
				var winXY=getWindowInnerXY();
				if(width + margin > winXY[0]) { width=winXY[0] - margin }
				if(height + margin > winXY[1]) { height=winXY[1] - margin }
				win.style.width=width +'px';
				win.style.height=height +'px';
				win.style.top=getScrollTop() + parseInt((winXY[1] - height) / 2) +'px';
				win.style.marginLeft=- parseInt(width / 2) +'px';
			}
			if(win.style.display != 'block') { win.style.display='block'; }
		} else { win.style.display='none' }
	}
	if(!margin) { margin=20 }
	var win=document.createElement('DIV');
	win.setAttribute('class', cssClass);
	win.setAttribute('className', cssClass);
	document.body.appendChild(win);
}

function imager(win, cssClass, gal, rotate, alts) { // 2.01
	this.s=function(link) {
		if(div.style.display != 'block') { 
			div.style.display='block';
			win.repaint();
		}
		if(link) {
			if(img.src != link.href) {
				img.src=link.href;
				img.title=link.firstChild.alt ? link.firstChild.alt : '';
				if(gal[1]) {
					for(var i=0; i<=lastImg; i++) {
						if(gal[i] == link.href) {
							pos=i;
							sbox.value=pos;
							break;
						}
					}
				}
			}
		} else {
			if(img.src != gal[pos]) {
				img.src=gal[pos];
				img.title=alts[pos] ? alts[pos] : 'Next';
				sbox.value=pos;
			}
		}
		return false;
	}
	this.repaint=function(calc) {
		if(calc) {
			var width=img.offsetWidth, height=img.offsetHeight;
			if(gal[1]) {
				if(tbox.offsetWidth > width) { width=tbox.offsetWidth }
				height += tbox.offsetHeight;
			}
			div.style.width=width +'px';
			div.style.height=height +'px';
		}
		win.repaint(calc);
	}
	var temp, temp2, div=document.createElement('DIV'), img=document.createElement('IMG');
	div.imager=this;
	div.setAttribute('class', cssClass);
	div.setAttribute('className', cssClass);
	img.onload=function() { this.parentNode.imager.repaint(1) }
	if(typeof gal != 'object') { // no array => crawl
		if(temp=document.getElementById(gal)) {
			temp=temp.getElementsByTagName('a');
		} else {
			temp=document.body.getElementsByTagName('a');
		}
		temp2=temp.length;
		gal=new Array();
		alts=new Array();
		for(var i=0; i<temp2 ;i++) {
			if(!temp[i].onclick && temp[i].firstChild && temp[i].firstChild.nodeName == 'IMG' ) {
				alts.push(temp[i].firstChild.alt);
				gal.push(temp[i].href);
				temp[i].imager=this;
				temp[i].onclick=function(e) { stopEventBubble(e); return this.imager.s(this) }
			}
		}
	}
	if(gal[1]) { // gal init
		this.move=function(id) {
			if(id) {
				if(gal[id]) {
					pos=id;
				} else {
					if(--pos < 0) { pos=rotate ? lastImg : 0 }
				}
			} else {
				if(++pos > lastImg) { pos=rotate ? 0 : lastImg }
			}
			this.s();
		}
		var pos=0, lastImg=gal.length - 1, tbox=document.createElement('DIV');
		img.onclick=function(e) { stopEventBubble(e); this.parentNode.imager.move() }
		tbox.imager=this; // toolbox
		temp2='<input type="button" value="&lt;" onclick="this.parentNode.imager.move(-1)"/><input type="button" value="&gt;" onclick="this.parentNode.imager.move()"/><input type="button" value="Close" onclick="this.parentNode.parentNode.style.display=\'none\'; this.parentNode.imager.repaint()"/><select onchange="this.parentNode.imager.move(this.value)">';
		for(var i=0; i<=lastImg; i++) {
			temp2+='<option value="'+ i +'">'+ (i+1) + (alts[i] ? ' - '+ alts[i] : '') +'</option>';
		}
		tbox.innerHTML=temp2 +'</select>';
		div.appendChild(tbox);
		var sbox=tbox.getElementsByTagName('select')[0];
	} else {
		img.onclick=function(e) { stopEventBubble(e); this.parentNode.style.display='none'; this.parentNode.imager.repaint() }
	}
	temp='', temp2='';
	div.appendChild(img);
	win.addElem(div);
}

function getWindowInnerXY() { // 1.0
	if(typeof(window.innerWidth) == 'number') { return Array(window.innerWidth, window.innerHeight) }
	else if(document.documentElement && document.documentElement.clientWidth) { return Array(document.documentElement.clientWidth, document.documentElement.clientHeight) }
	else if(document.body && document.body.clientWidth) { return Array(document.body.clientWidth, document.body.clientHeight) }
}

function getScrollTop() { // 1.0
	if(window.innerHeight) { return window.pageYOffset }
	else if (document.documentElement && document.documentElement.scrollTop) { return document.documentElement.scrollTop }
	else if (document.body) { return document.body.scrollTop }
}

function stopEventBubble(e) { // 1.1
	(e ? e.stopPropagation() : window.event.cancelBubble=true);
}

// JB
function blink(id, color, time, color2, time2) {
    if (document.getElementById) {
		document.getElementById(id).style.color = color;
		setTimeout('blink("' +  id + '","' + color2 + '",' + time2 + ',"' + color + '",' + time + ')', time);
	}
	else if (document.all) {
		document.all[id].style.color = color;
		setTimeout('blink("' +  id + '","' + color2 + '",' + time2 + ',"' + color + '",' + time + ')', time);
	}
}
