var fadevalue = 0;
var fadingout = false;

function init() {
	fadein();
	tagchanger();
	var obj = document.getElementsByName('a');
	
	var obj = document.getElementsByTagName('div');
	for (var i = 0; i < obj.length; i++) if (obj[i].className.split(' ')[0] == 'area')
//	if (obj[i].offsetHeight != 100) alert(obj[i].offsetHeight);
		
	return true;
}

function $(id) {
	return document.getElementById(id);
}

function fadein() {
	var obj = document.getElementsByTagName('div');
	for (var i = 0; i < obj.length; i++) if (obj[i].className.split(' ')[0] == 'area') obj[i].style['opacity'] = fadevalue/100;
	var obj = document.getElementsByTagName('a');
	for (var i = 0; i < obj.length; i++) if (obj[i].className.split(' ')[0] == 'area') obj[i].style['opacity'] = fadevalue/100;
	document.getElementById('loading').style['opacity'] = 1-fadevalue/100;
	fadevalue += 10;
	if (fadevalue <= 100 && !fadingout) window.setTimeout(fadein,10);
	else document.getElementById('loading').style['display'] = 'none';
	return true;
}

function fadeout() {
	fadingout = true;
	document.getElementById('loading').style['display'] = 'block';
	var obj = document.getElementsByTagName('a');
	for (var i = 0; i < obj.length; i++) if (obj[i].className.split(' ')[0] == 'area') obj[i].style['opacity'] = fadevalue/100;
	var obj = document.getElementsByTagName('a');
	for (var i = 0; i < obj.length; i++) if (obj[i].className.split(' ')[0] == 'area') obj[i].style['opacity'] = fadevalue/100;
	document.getElementById('loading').style['opacity'] = 1-fadevalue/100;
	fadevalue -= 50;
	if (fadevalue >= 0) window.setTimeout(fadeout,10);
	return true;
}

function tagchanger() {
	/* Header */
	var obj = document.getElementsByTagName('ino:head');
	if (obj.length > 0) {
		var tdiv = document.createElement('div');
		var th1 = document.createElement('h1');
		th1.innerHTML = obj[0].getAttribute('text');
		with (tdiv) {
			style['width'] = (obj[0].parentNode.offsetWidth-2) + 'px';
			className = 'h';
			appendChild(th1);
		}
		obj[0].parentNode.replaceChild(tdiv,obj[0]);
		tagchanger();
	}
	var obj = document.getElementsByTagName('ino:pola');
	if (obj.length > 0) {
		var tdiv = document.createElement('a');
		var topen = obj[0].getAttribute('picture');
		var rotate = Math.round(Math.random() * 20 - 10);
		var tbr = document.createElement('br');
		var ttext = document.createTextNode(obj[0].getAttribute('picturename'));
		var tgal = obj[0].getAttribute('gallery');
		var timg = document.createElement('img');
		with (timg) {
			src = obj[0].getAttribute('image');
			alt = obj[0].getAttribute('picturename');
		}

		with (tdiv) {
			className = 'pola';
			//style['boxShadow'] = '3px 3px 20px #000';
			style['transform'] = 'rotate(' + rotate + 'deg)';
			style['MozTransform'] = 'rotate(' + rotate + 'deg)';
			style['webkitTransform'] = 'rotate(' + rotate + 'deg)';
			style['OTransform'] = 'rotate(' + rotate + 'deg)';

			onmouseout = function() {
				var rotate = Math.round(Math.random() * 20 - 10);
				style['transform'] = 'rotate(' + rotate + 'deg)';
				style['MozTransform'] = 'rotate(' + rotate + 'deg)';
				style['webkitTransform'] = 'rotate(' + rotate + 'deg)';
				style['OTransform'] = 'rotate(' + rotate + 'deg)';			
			}
			href = "/Bild/" + tgal + "/" + topen + ".html";

			appendChild(timg);
			appendChild(tbr);
			appendChild(ttext);
		}
		obj[0].parentNode.replaceChild(tdiv,obj[0]);
		tagchanger();
	}
	return true;
}