/*
*
* Wisselende Header Javascript
*
*/

document.write("<style type='text/css'> #thephoto {visibility:hidden;} </style>");
var myHeaders=new Array()
myHeaders[0]="./images/cms/H.N.WerkmanCollege/Headers/Header01.png";
myHeaders[1]="./images/cms/H.N.WerkmanCollege/Headers/Header02.png";
myHeaders[2]="./images/cms/H.N.WerkmanCollege/Headers/Header03.png";
myHeaders[3]="./images/cms/H.N.WerkmanCollege/Headers/Header04.png";

max = myHeaders.length - 1;
counter = Math.floor(Math.random()*max);
first = 1;
imageId = 'HeaderImg';


window.onload = function() {initImage()}

function initImage() {
  if(first){
	document.getElementById(imageId).src = myHeaders[counter];
  }
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }else{
    	document.getElementById('HeaderRight').style.backgroundImage = 'url("' + myHeaders[counter] + '")';
    	setOpacity(obj, 0);
    	if(counter == max) {
    		counter = 0;
    	}else{
    		counter = counter + 1;
    	}
    	document.getElementById(imageId).src = myHeaders[counter];
    	window.setTimeout("prepairNext()", 2000);
    }
  }
}

function prepairNext(){
    	window.setTimeout("initImage()", 10000);
}


if(document.all && !document.getElementById) {
    document.getElementById = function(id) {
         return document.all[id];
    }
}

timer = '';

/*
*
* Div Verbergen en weer zichtbaar maken
*
*/

function hidediv(id) {
	document.getElementById(id).style.visibility = 'hidden';
	document.getElementById(id).style.display = 'none';
}

function hidedivdelay(id) {
	timer = setTimeout("hidediv(\'PersonalTopMenuContainer\')",100);
}

function showdiv(id) {
	document.getElementById(id).style.visibility = 'visible';
	document.getElementById(id).style.display = 'inline';
	clearTimeout(timer);
}

/*
*
* Login text veranderen in "Bezig ..."
*
*/

function ChangeLogin() {
	document.getElementById('LoginMenu').innerHTML = 'Bezig...';
	document.getElementById('LoginMenuWorking').style.visibility = 'visible';
	document.getElementById('LoginMenuWorking').style.display = 'block';
}