function hooverMap(nr){
	window.activemap = document.getElementById('kaart').src;
	document.getElementById('kaart').src='images/route_new_'+nr+'.gif';	
}

function hoover2Map(){
	document.getElementById('kaart').src=window.activemap;
}

function clickMap(nr){
	for(i=1;i<=4;i++){
		document.getElementById('route_tekst_'+i).style.display='none';
	}
	window.activemap = document.getElementById('kaart').src;
	document.getElementById('route_tekst_'+nr).style.display='block';	
	document.getElementById('kaart').src='images/route_new_'+nr+'.gif';	
}

function clickIcon(nr){
	if(window.iconActief != nr){
		if(window.iconActief){
			mover('slide_'+window.iconActief, '-320', false, false, false, 3);	
			document.getElementById('button_'+window.iconActief).style.display='none'
			document.getElementById('icon_'+window.iconActief).style.backgroundColor='#ffffff'
			document.getElementById('icon_'+window.iconActief).style.borderColor='#dedede'					
			document.getElementById('icon_'+window.iconActief).style.color='#000000'					
			var timeout = 800
		}else{
			var timeout = 800;
		}	
		
		clearTimeout(window.iconActiefTO);
		window.iconActief 	= nr;
		document.getElementById('button_'+window.iconActief).style.display='block'			
		document.getElementById('icon_'+window.iconActief).style.backgroundColor='#bcd33a'
		document.getElementById('icon_'+window.iconActief).style.borderColor='#bcd33a'		
		document.getElementById('icon_'+window.iconActief).style.color='#ffffff'				
		window.iconActiefTO 	= setTimeout('mover(\'slide_'+nr+ '\', \'0\', \'0\', false, false, 6)',timeout);
	}
}
currentPlaats		= false;
slides 				= new Array();
slidesCurrent 		= 0;
slidesCurrentZ 		= 1;
slidesTimeout 		= false;
markersCurrentZ 	= 1;

function hidebol(currentPlaats){
	if(statusbol["bol_" + currentPlaats]){
		document.getElementById('bol_' + currentPlaats).className = classesbol['bol_' + currentPlaats];
	}
}
function slideSlide(slide,speed,slidefrom){

	if(document.getElementById(slide)){
	/*
		if(slidefrom){
			ar = slidefrom.split(',');
			setpos(slide,ar[0],ar[1]);		
		}else{
			setpos(slide,338,0)
		}
		*/
		changeOpac(0,slide);
		slidesCurrentZ += 1;	
		document.getElementById(slide).style.zIndex = slidesCurrentZ;
		opacity(slide,0,100,2000);
		setpos(slide,0,0);		
//		mover(slide, '0', '0', false, false, speed);
	}else{
		clearTimeout(slidesTimeout)
	}
}

function nextSlide(speed,interval,slidefrom){

	if(!speed) speed = 6;
	slidesCurrent += 1;
	if(slidesCurrent >= slides.length){
		slidesCurrent = 0;
	}
	if(document.getElementById(slides[slidesCurrent])){
		clearTimeout(slidesTimeout)
		if(slides.length > 1){
			slidesTimeout = setTimeout('nextSlide('+speed+','+interval+',\''+slidefrom+'\')',interval);	
		}
		slideSlide(slides[slidesCurrent],speed,slidefrom);
	}else{
		clearTimeout(slidesTimeout)
	}
}


function setpos(id,x,y){
	if(document.getElementById(id)){
		document.getElementById(id).style.left 	= x + 'px';
		document.getElementById(id).style.top 	= y + 'px';		
	}else{
		alert('Item '+id+' niet gevonden?');
	}
}


function handle(delta) {
		if(document.getElementById(activeScrollField)){
			if (delta < 0){
				scrollTim(activeScrollField,2*scrollSpeed*-1);
			}else{
				scrollTim(activeScrollField,2*scrollSpeed);
			}
		}
}

function wheel(event){
        var delta = 0;
        if (!event) /* For IE. */
                event = window.event;
        if (event.wheelDelta) { /* IE/Opera. */
                delta = event.wheelDelta/120;
                /** In Opera 9, delta differs in sign as compared to IE.
                 */
                if (window.opera)
                        delta = -delta;
        } else if (event.detail) { /** Mozilla case. */
                /** In Mozilla, sign of delta is different than in IE.
                 * Also, delta is multiple of 3.
                 */
                delta = -event.detail/3;
        }
        /** If delta is nonzero, handle it.
         * Basically, delta is now positive if wheel was scrolled up,
         * and negative, if wheel was scrolled down.
         */
        if (delta)
                handle(delta);
        /** Prevent default actions caused by mouse wheel.
         * That might be ugly, but we handle scrolls somehow
         * anyway, so don't bother here..
         */
        if (event.preventDefault)
                event.preventDefault();
	event.returnValue = false;
}

/** Initialization code. 
 * If you use your own event management code, change it as required.
 */
if (window.addEventListener)
        /** DOMMouseScroll is for mozilla. */
        window.addEventListener('DOMMouseScroll', wheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = wheel;


var activeScrollField = false;
var scrollSpeed = 0;
function createScroll(id, width, height, speed){

	var tekst = document.getElementById(id).innerHTML;
	document.getElementById(id).style.height 	= height 	+ 'px';
	document.getElementById(id).style.width 	= width 	+ 'px';
	document.getElementById(id).innerHTML 		= '';
	
	document.getElementById(id).innerHTML 		+= '<div id="scrolltekst" rel="scrolltekst" style="position:absolute;top:0px;width:'+(width-30)+'px" 	onmouseover="activeScrollField=\''+id+'\';scrollSpeed=\''+speed+'\';"	onmouseout="activeScrollField=false;">'+tekst+'</div>';		
	setTimeout('determinScroll(\''+id+'\','+speed+')',30);

}
function determinScroll(id,speed){
			
			
	var divArray = document.getElementById(id).getElementsByTagName("div");
	for(var i = 0; i<divArray.length; i++){
		if(divArray[i].id == "scrolltekst"){
		
			maxpos 					= -1 * (parseInt(divArray[i].offsetHeight) - parseInt(document.getElementById(id).style.height));
			if(maxpos < 0){
				document.getElementById(id).innerHTML 		+= '<div id="scrollTop" onMouseDown="startScroll(\''+id+'\','+speed+');"  onMouseup="stopScroll();"  onmouseout="stopScroll();"  style="cursor:pointer;position:absolute;top:0px;right:0px;width:15px;height:15px"><img src="images/scroll_up.gif"></div>';
				document.getElementById(id).innerHTML 		+= '<div id="scrollBot" onMouseDown="startScroll(\''+id+'\','+(speed * -1)+');" onMouseup="stopScroll();" onmouseout="stopScroll();"  style="cursor:pointer;position:absolute;bottom:0px;right:0px;width:15px;height:15px"><img src="images/scroll_down.gif"></div>';		
			}		
			
		}
	}
}

function startScroll(id,speed){
	scrollTimer = setInterval('scrollTim(\''+id+'\',\''+speed+'\')',20);
}

function scrollTim(id,speed){

	var divArray = document.getElementById(id).getElementsByTagName("div");
	for(var i = 0; i<divArray.length; i++){
		if(divArray[i].id == "scrolltekst"){
			var newheight 			= parseInt(parseInt(divArray[i].style.top)+parseInt(speed));
			maxpos 					= -1 * (parseInt(divArray[i].offsetHeight) - parseInt(document.getElementById(id).style.height));
			if(maxpos > 0){ // CONTENT GEEN SCROLL NODIG
				maxpos = 0;
			}else{
				if(newheight > 0) 		newheight = 0;
				if(newheight < maxpos) 	newheight = maxpos;
				divArray[i].style.top = newheight + 'px';
			}
		}
	}
//	document.getElementById(id).style.top = '10px';
}
var scrollTimer = false
function stopScroll(){
	clearInterval(scrollTimer);
}

flags			= new Array();
flagtimeout 	= new Object;
flagstatus 		= new Object;
flagstatus2 	= new Object;

//setInterval('showstatus()',1000);
function showstatus(){
	var tekst = ''
	for(var i=0;i<flags.length;i++){
			tekst += flags[i] + ': ' + flagstatus[flags[i]] + '<BR>';
	}	
	document.getElementById('saver').innerHTML = tekst;	
}
function showFlag(id){

	if(!flagstatus[id]) 	flagstatus[id] = 'closed';
	if(!flagstatus2[id]) 	flagstatus2[id] = false;	

	flagParent 					= document.getElementById('marker_'	+ id);	
	flagContainer 				= document.getElementById('flag_'	+ id);			
	flagInhoud 					= document.getElementById('flag2_'	+ id);		
			
	if(flagstatus2[id] == 'closing'){
		clearTimeout(flagtimeout[id]);	
	}
	
	markersCurrentZ++;	
	flagParent.style.zIndex		= markersCurrentZ;
	document.getElementById('projectzoom').style.zIndex		= (markersCurrentZ+1);	
	
	flagInhoud.style.display 	= 'block';
	flagContainer.style.width  	= '350px';
	
	if(flagstatus[id] == 'closed'){
		flagstatus[id] = 'open'	
		flagContainer.style.height	= '0px';	
		if(parseInt(flagParent.style.top) < halfsize){
			flagContainer.style.top		= '0px';		
			mover('flag_'+ id, false, false, false, flagInhoud.offsetHeight+'',3);			
		}else{
			flagContainer.style.top		= '8px';		
			flagInhoud.style.bottom		= '0px';
			mover('flag_'+ id, false, (-1 * (parseInt(flagInhoud.offsetHeight)-8))+'', false, flagInhoud.offsetHeight+'', 3);					
		}
	}
	
}
function hideFlag(id){
	flagstatus2[id] 			= 'closing'
	if(flagtimeout[id])
	clearTimeout(flagtimeout[id]);
	flagtimeout[id] 			= setTimeout('hideFlag2(\''+id+'\')',150);
}
function hideFlag2(id){
	flagstatus[id] 				= 'closed'
	flagstatus2[id] 			= false;
	flagParent 					= document.getElementById('marker_'	+ id);			
	flagContainer 				= document.getElementById('flag_'	+ id);			
	flagInhoud 					= document.getElementById('flag2_'	+ id);

	if(flagContainer){
		flagContainer.stopMotion	= true;
		flagContainer.style.height  = '0px'	
	}
}