/*Auteur: 					Jaap Romijn | Jala Datamanagement
*	Opdrachtgever:		Stichting Dorpsraad Nieuwerkerk 
*	Datum:						woensdag 16 januari, 2008
*	Contact:					info@jaladata.nl
*	
*/

//output is een test-element
var output;

var header_logo, header_width;
//Roep, wanneer het document geladen is, de init functie aan
window.onload = init;

function init() {
	header_logo = document.getElementById('header_logo');
	header_width = header_logo.offsetWidth -10;
	output = document.getElementById('content');
	//Na het laden van het document de initializer van het menu aanroepen
	initializeMenu();
	setIframeHeight();
}


function setIframeHeight() {
  var cltHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    //cltWidth = window.innerWidth;
    cltHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    //cltWidth = document.documentElement.clientWidth;
    cltHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    //cltWidth = document.body.clientWidth;
    cltHeight = document.body.clientHeight;
  }
  document.getElementById('contentFrame').style.height = (cltHeight-214) +'px';
}

var divisions;
//laadt de elementen van de knoppen in en schrijft event-gedrag toe
function initializeMenu() {
	//selecteer alle divs uit het document
	divisions = document.getElementsByTagName('div');
	//blader door alle divs uit het document
	for(di = 0; di < divisions.length; di++) {
		//als de division tot de klasse 'navigators behoort, voeg voor elke span de menuover en menuclick functies toe
		if(divisions[di].className == 'navigators') {
			divisionSpans = divisions[di].getElementsByTagName('A');
			for(ds = 0; ds < divisionSpans.length; ds++){
				divisionSpans[ds].onmouseover = function() { menuover(this,1);};
				divisionSpans[ds].onmouseout  = function() { menuover(this,0);};
				divisionSpans[ds].onclick = function() { menuclick(this,1);};				
			}
		}else 
		//voor de item titel divs moet de menu-foldout functie aangeroepen worden, elke anchor moet een clickfunctie hebben.
		if(divisions[di].className == 'itemTitle') {
			divisions[di].onmouseover = function() { menufoldout(this,1)};
			divisions[di].onmouseout = function() { menufoldout(this,0)};
			divisions[di].getElementsByTagName('A')[0].onclick = function() { menuclick(this,0);  };
		} else 
		//De font-resizers
		if(divisions[di].className == 'fontresizers') {
			htmlAnchors = document.getElementsByTagName('A');
			for(hA = 0; hA < htmlAnchors.length; hA++){
				if(htmlAnchors[hA].className == 'fontResize') {
					htmlAnchors[hA].onmousedown = resize;	
					htmlAnchors[hA].onmouseover = function() { menuover(this,1);};
					htmlAnchors[hA].onmouseout  = function() { menuover(this,0);};
				}	
			}	
		}  	
	}			
}		

var initialBackground;
//De hover functie voor menu-items
function menuover(obj,num) {
	if(num == 1) {
			initialBackground = obj.style.backgroundColor;
			obj.style.backgroundColor = '#5c9bd0';
			obj.style.color = 'white';
	} else if(num == 0) {
			obj.style.backgroundColor = initialBackground;
			obj.style.color = 'black';
	}
}

//de klik functie voor menu items
function menuclick(obj,level) {
	if(level == 0) {
		if(obj.parentNode.getElementsByTagName('DIV')[0] != undefined)
		obj.parentNode.getElementsByTagName('DIV')[0].style.display = 'none';
	} else if(level == 1) {
		obj.parentNode.style.display = 'none';	
	}
			headerFade();
			//output.innerHTML = obj.innerHTML;
}

//de uitvouw functie voor menuitems 
function menufoldout(obj,num) {
	if(num == 1) {
		if(obj.getElementsByTagName('DIV')[0] != undefined)
			obj.getElementsByTagName('DIV')[0].style.display = 'block';
		if(obj.getElementsByTagName('DIV')[0] != undefined && obj.getElementsByTagName('DIV')[0].offsetLeft > 300) {
			obj.getElementsByTagName('DIV')[0].style.marginLeft = '0px';
		}			
	}else
	if(num == 0){
		if(obj.getElementsByTagName('DIV')[0] != undefined)
			obj.getElementsByTagName('DIV')[0].style.display = 'none';	
	}	
}

function headerSlide() {
	document.getElementById('stub_header').style.backgroundImage = header_logo.style.backgroundImage;
	header_logo.offsetWidth;
	slide(header_logo);
	
}

var slideCount = -10;
var previous_slide, next_slide =1;
function slide(obj) {

	if(slideCount <= 10){
			if(slideCount == 0){ 
				while(previous_slide == next_slide){
					next_slide =	Math.floor(Math.random()*8);
				}
				obj.style.backgroundImage = "url('images/headers/header_background_"+next_slide+".jpg')";	
				previous_slide = next_slide;
			}
			obj.style.width = (header_width * Math.abs(slideCount))/10 + 'px';
			//obj.style.opacity = Math.abs(slideCount)/10;
			//obj.style.filter = 'alpha(opacity=' + Math.abs(slideCount)*10 + ')';
			slideCount++;
			setTimeout("slide(header_logo)",1);
	}else {
		slideCount = -10;	
		obj.style.width = header_width + 'px';
	}
}


function headerFade() {
	//document.getElementById('stub_header').style.backgroundImage = header_logo.style.backgroundImage;
	header_logo.offsetWidth;
	fade(header_logo);
	
}

var fadeCount = -10;
var previous_fade, next_fade =1;
function fade(obj) {

	if(fadeCount <= 10){
			if(fadeCount == 0){ 
				obj.style.backgroundImage = document.getElementById('stub_header').style.backgroundImage;
			}
			//obj.style.width = (header_width * Math.abs(fadeCount))/10 + 'px';
			obj.style.opacity = Math.abs(fadeCount)/10;
			obj.style.filter = 'alpha(opacity=' + Math.abs(fadeCount)*10 + ')';
			fadeCount++;
			setTimeout("fade(header_logo)",50);
	}else {
		fadeCount = -10;	
		while(previous_fade == next_fade){
			next_fade =	Math.floor(Math.random()*8);
		}
		document.getElementById('stub_header').style.backgroundImage = "url('images/headers/header_background_"+next_fade+".jpg')";	
		previous_fade = next_fade;
		obj.style.opacity = 1;
		obj.style.filter = 'alpha(opacity=100)';
		document.getElementById('stub_header')
	}
}