var do_fade_out = false;
var do_fade_in 	= true;
var load_fade_engine = true;

// ----- Popup Control ---------------------------------------------------------
function brownColor( id ){
	var item = document.getElementById( id );
	item.style.color = '#7F3500';
}

function resetColor( id ){
	var item = document.getElementById( id );
	item.style.color = '';
}
function fade_out( id ){

	do_fade_out = true;
	setTimeout( "effect( 'submenu', 17,0,40,400)", 500 );
}
function fade_in( id ){

	switch ( id ){
		case 'bedrijven':
			do_fade_out= false;

			if( do_fade_in == true )
				document.getElementById("submenu").style.height = '0px';
			break;
		case 'submenu':
			do_fade_out= false;
			break;
	}
	effect( 'submenu', 0,17,40,100);
}
function show_submenu(){
	var submenu = document.getElementById('submenu');
	submenu.style.visibility 	= "visible";
	submenu.style.display 		= "block";
}

function effect( id, from, to, interval, duration ){

	interval = interval || 200;
	duration = duration || 1000;
	rnd = '';
	var element = document.getElementById( id );

	element.style.visibility 	= "visible";
	element.style.display 		= "block";
	/* fade out action ( hide menu ) */
	if( parseInt(element.style.height) >= parseInt(to) && ( from > to ) && do_fade_out== true && load_fade_engine == true ){
		element.style.height = parseInt(element.style.height || element.offsetHeight) - (((rnd = (from - to) / (duration / interval) ) && rnd < 1) ? 1 : rnd);
		element.style.height = (( parseInt( element.style.height) < rnd )? 0 : parseInt( element.style.height) );

 		if(parseInt(element.style.height) > parseInt(to)){
			setTimeout('effect("' + element.id + '", ' + parseInt(from) + ', ' + parseInt(to) + ', ' + interval + ', ' + duration + ');', interval);
		}else{
			do_fade_in = true;
			element.style.visibility = 'hidden';
		}
	}
	/* fade in action (show menu) */
	if( parseInt(element.style.height) <= parseInt(to) && ( from < to ) && do_fade_in == true ) {
		element.style.height = parseInt(element.style.height || element.offsetHeight) + (((rnd = (to - from) / (duration / interval) ) && rnd < 1) ? 1 : rnd);

		if(parseInt(element.style.height) <= parseInt(to)){
			setTimeout('effect("' + element.id + '", ' + parseInt(from) + ', ' + parseInt(to) + ', ' + interval + ', ' + duration + ');', interval);
		}else{
			do_fade_in = false;
		}
	}
}

function swapPicture( curImage ){
	if( ( el = document.getElementById("headerImage") ) ){
			curImage = curImage || 0;

			if( !dimages[ curImage ] )
				curImage = 0;

			el.style.backgroundImage = 'url( ' + dimages[ curImage ].src + ' )';
			curImage = curImage + 1;

			setTimeout("swapPicture( " + curImage + " )", 5000);
	}
}