var DHTML = false, DOM = false, MSIE4 = false, NS4 = false, OP = false;
if (document.getElementById) {
  DHTML = true;
  DOM = true;
} else {
  if (document.all) {
    DHTML = true;
    MSIE4 = true;
  } else {
    if (document.layers) {
      DHTML = true;
      NS4 = true;
    }
  }
}
if (window.opera) {
  OP = true;
}
	
function highlight(id){
	el = document.getElementById(id+'image');
	if (el != null){
		el.style.visibility = "visible";
	}
}



function nohighlight(id){
	el = document.getElementById(id+'image');
	if (el != null){
		el.style.visibility = "hidden";
	}
}


function isInside(mousex, mousey, el){

	if(mousex < aright(el) && mousex > aleft(el)
  		&& mousey > atop(el) && mousey < abottom(el)){
  		return true;
  	}
  	return false;
}


function handleMove (ev) {
	if (!ev)
		ev = window.event;
	
	var mousex = ev.pageX ? ev.pageX : ev.clientX;
	var mousey = ev.pageY ? ev.pageY : ev.clientY;
	var el = document.getElementById("bluebox");
	if (isInside(mousex, mousey, el)) {
		highlight('bluebox');
		nohighlight('greenbox');
		nohighlight('redbox');
		return;
	}
	var el = document.getElementById("greenbox");
	if (isInside(mousex, mousey, el)) {
		nohighlight('bluebox');
		highlight('greenbox');
		nohighlight('redbox');
		return;
	}
	var el = document.getElementById("redbox");
	if (isInside(mousex, mousey, el)) {
		nohighlight('bluebox');
		nohighlight('greenbox');
		highlight('redbox');
		return;
	}
	
	nohighlight('bluebox');
	nohighlight('greenbox');
	nohighlight('redbox');
	
}

function initBoxes(){
	document.getElementById("blueboximage").style.top = absTop(document.getElementById("bluebox"))+"px";
	document.getElementById("blueboximage").style.left = absLeft(document.getElementById("bluebox"))+"px";
	document.getElementById("greenboximage").style.top = absTop(document.getElementById("greenbox"))+"px";
	document.getElementById("greenboximage").style.left = absLeft(document.getElementById("greenbox"))+"px";
	document.getElementById("redboximage").style.top = absTop(document.getElementById("redbox"))+"px";
	document.getElementById("redboximage").style.left = absLeft(document.getElementById("redbox"))+"px";
}

function initSlideShow(){
	document.getElementById("slide2").style.top = absTop(document.getElementById("id_21"))+"px";
	document.getElementById("slide2").style.left = absLeft(document.getElementById("id_21"))+"px";
	document.getElementById("slide3").style.top = absTop(document.getElementById("id_31"))+"px";
	document.getElementById("slide3").style.left = absLeft(document.getElementById("id_31"))+"px";
	document.getElementById("slide200").style.top = absTop(document.getElementById("id_21"))+"px";
	document.getElementById("slide200").style.left = absLeft(document.getElementById("id_21"))+"px";
	document.getElementById("eckelo").style.top = absTop(document.getElementById("id_1"))+"px";
	document.getElementById("eckelo").style.left = absLeft(document.getElementById("id_1"))+"px";
	document.getElementById("eckero").style.top = absTop(document.getElementById("id_31"))+"px";
	document.getElementById("eckero").style.left = (absRight(document.getElementById("id_41"))-4)+"px";
	document.getElementById("eckelo").style.visibility = "visible";
	document.getElementById("eckero").style.visibility = "visible";
	document.getElementById("slidewolken").style.top = (absBottom(document.getElementById("id_51"))-85)+"px";
	document.getElementById("slidewolken").style.left = absLeft(document.getElementById("id_51"))+"px";
	if (navigator.appName != "Microsoft Internet Explorer"){
		document.getElementById("slidewolkenimg").src = "/images/home/wolken.png";
	}
	document.getElementById("slidewolken").style.visibility = "visible";
}

function resized(){
	initBoxes();
	initSlideShow();
}


function Event_init () {
	
	if (document.addEventListener) {
		document.addEventListener("mousemove", handleMove, true);
	}
	else {
    	if (NS4) {
			document.captureEvents(Event.MOUSEMOVE);
			document.onmousemove = handleMove;
		}
		else {
			document.body.onmousemove = handleMove;
		}
	}


	if (window.addEventListener){
		window.addEventListener('resize', resized, false);
	}
    else{
		window.onresize = resized;
	}
	
	initBoxes();
	initSlideShow();
	window.setTimeout("startSlideShow()", 5000);
}
 
function absLeft(el) {
	if (el.id != 'main'){
		pos = (el.offsetParent)? el.offsetLeft+absLeft(el.offsetParent) : el.offsetLeft;
		return pos;
	}
	return 0;
}

function absTop(el) {
	if (el.id != 'main'){
		pos = (el.offsetParent)? el.offsetTop+absTop(el.offsetParent) : el.offsetTop;
		return pos;
	}
	return 0;
}

function absRight(el) {
	if (el.id != 'main'){
		pos = (el.offsetParent)? el.offsetLeft+el.offsetWidth+absLeft(el.offsetParent) : el.offsetLeft+el.offsetWidth;
		return pos;
	}
	return 0;
}

function absBottom(el) {
	if (el.id != 'main'){
		pos = (el.offsetParent)? el.offsetTop+el.offsetHeight+absTop(el.offsetParent) : el.offsetTop+el.offsetHeight;
		return pos;
	}
	return 0;
}

function aleft(el) {
	if (el != null){
		pos = (el.offsetParent)? el.offsetLeft+aleft(el.offsetParent) : el.offsetLeft;
		return pos;
	}
	return 0;
}

function atop(el) {
	if (el != null){
		pos = (el.offsetParent)? el.offsetTop+atop(el.offsetParent) : el.offsetTop;
		return pos;
	}
	return 0;
}

function aright(el) {
	if (el != null){
		pos = (el.offsetParent)? el.offsetLeft+el.offsetWidth+aleft(el.offsetParent) : el.offsetLeft+el.offsetWidth;
		return pos;
	}
	return 0;
}

function abottom(el) {
	if (el != null){
		pos = (el.offsetParent)? el.offsetTop+el.offsetHeight+atop(el.offsetParent) : el.offsetTop+el.offsetHeight;
		return pos;
	}
	return 0;
}

var count1 = 1;
var count2 = 1;
var count3 = 1;
var maxPicts1 = 19;
var maxPicts2 = 18;
var maxPicts3 = 5;
var slidePositions = new Array("2", "21", "22", "200", "3", "31", "32", "41", "4", "51");
var actSlides = new Array("1_1", "2_2", "2_4", "3_1", "1_2", "2_7", "2_1", "2_5", "1_1", "2_3");

function isNew(actImg){
	for (i=0;i<actSlides.length;i++){
		if (actSlides[i] == actImg){
			return false;
		}
	}
	return true;
}



function loadImage(imgurl){
	var req = null;
	try{
		req = new XMLHttpRequest();
	}
	catch (e){
		try{
			req = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch (e){
			try{
				req = new ActiveXObject("Microsoft.XMLHTTP");
			} 
			catch (failed){
				req = null;
			}
		}  
	}
	
	req.open("GET", imgurl, true);
	
	req.onreadystatechange = function(){            
		switch(req.readyState) {
			case 4:
				if (req.status == 200 || req.status == 304) {
					changeImage();
				}
				break;
	
			default:
				return false;
				break;     
		}
	};
	
	req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	req.send(null);	
}

var actPos;
var actId;
var imgurl;
function startSlideShow(){
	rand = Math.round(Math.random() * (slidePositions.length-1));
	actPos = slidePositions[rand];
	actId = "id_"+actPos;
	
	if (actPos.length == 1){
		do{
			count1 = count1 + 1;
			if (count1 > maxPicts1) count1 = 1;
			actImg = "1_"+count1;
		}while(!isNew(actImg));
		actSlides[rand] = actImg;
	}
	if (actPos.length == 2){
		do{
			count2 = count2 + 1;
			if (count2 > maxPicts2) count2 = 1;
			actImg = "2_"+count2;
		}while(!isNew(actImg));
		actSlides[rand] = actImg;
	}
	if (actPos.length == 3){
		do{
			count3 = count3 + 1;
			if (count3 > maxPicts3) count3 = 1;
			actImg = "3_"+count3;
		}while(!isNew(actImg));
		actSlides[rand] = actImg;
	}
	
	imgurl = "/images/home/"+actImg+".jpg";
	loadImage(imgurl);
}
	
function changeImage(){	
	img = document.getElementById(actId);
	if (img != null){
		img.src= imgurl;
	}
	window.setTimeout("showImage()", 1000);
}

function showImage(){
	if (actPos == 200){
		document.getElementById("slide200").style.visibility = "visible";
	}
	if (actPos == 2){
		document.getElementById("slide2").style.visibility = "visible";
		document.getElementById("slide200").style.visibility = "hidden";
	}
	if (actPos == 3){
		document.getElementById("slide3").style.visibility = "visible";
		document.getElementById("slide200").style.visibility = "hidden";
	}
	if (actPos == 21 || actPos == 22){
		document.getElementById("slide200").style.visibility = "hidden";
		document.getElementById("slide2").style.visibility = "hidden";
	}
	if (actPos == 31 || actPos == 32){
		document.getElementById("slide200").style.visibility = "hidden";
		document.getElementById("slide3").style.visibility = "hidden";
	}

	window.setTimeout("startSlideShow()", 2000);
}