// <![CDATA[
////////////////////////////////////////////////////////////////////////
var focusindex = '400';
var blurindex = '0';
var currentindex = '0';
var plugs = new Array();
	plugs['accordion'] = true ;
	
function init(){

	if($('rijen')){
		$('rijen').setStyle('display: block');
		$('rijen').setStyle('visibility: visible');
	}
	
	if($('slide-show-display')){
		$$('#slide-show-display').invoke('addClassName', 'rounded4 shadow-medium');
		$$('#slide-show-display').invoke('setStyle','visibility: visible');
	}
	
	if($('images')){
		$('images').setStyle('visibility: visible');
		$('album').setStyle('background: none');
	}
	
	if($('vertical_accordion') && plugs['accordion']){ //let op! plugs['accordion'] moet false zijn 
		if(typeof accordion == 'undefined') return;    //om dit over te slaan
			loadAccordions();
	
			var verticalAccordions = $$('.accordion_toggle');
			verticalAccordions.each(function(accordion) {
				$(accordion.next(0)).setStyle({
				height: '0px'
				});
			});
	}

	if($('topanker')){
		var topankerTop = $('topanker').cumulativeOffset().top;
		var viewportHeight = document.viewport.getDimensions().height;
		if(topankerTop > viewportHeight){
			$('topanker').setStyle('visibility: visible');
			$('topanker').observe('click', function(event){
				Effect.ScrollTo('page-top',{duration:0.5});
				});
			}
	}

	document.observe('click', function(event){
	element = Event.element(event);

		if($('zoekform')){
			element.observe('keyup',function(event){
			if(element.id == 'zoekwoord' && $('reset')){
				//if(element.value == '') element.value = 'Hallo wereld!';
				$('reset').setStyle('display:block');
				}
			});

			if(element.id == 'reset' && $('zoekwoord')){
				$('zoekwoord').value = '';
				element.setStyle('display:none');
				}
			}

		});/// end function 

} 
//==== init END ============
//==== preinit =============
function preinit(){
	
	if($('topimage')){
		Effect.Appear('topimage',{delay:0,duration:0.5,to:0.4});
	}
	
//	$$('#slider').invoke('addClassName', 'tab8 shadow-medium');
//	$$('#slider .slide-controls').invoke('setStyle', 'opacity: 0');
	//$$('.widget h5').invoke('addClassName', 'tab2');

}
//****************************
//====== do it
Event.observe( window, "load", init );
document.observe( 'dom:loaded', preinit );

//Event.observe( window, "orientationchange", updateOrientation );
//Event.observe( window, "scroll", updateOrientation );

function initScreen() { 
	setTimeout("window.scrollTo(0,1);",100); 
	}

function updateOrientation() {
	initScreen();
	}

function loadAccordions() {
	var verticalAccordion = new accordion('vertical_accordion');
	$$('#vertical_accordion .accordion_toggle').invoke('addClassName', 'hover');
	verticalAccordion.activate($$('#vertical_accordion .accordion_toggle')[0]);
	}

//<body onload="initScreen()" onorientationchange="updateOrientation()">
//And make those functions look like this: function initScreen() { setTimeout("window.scrollTo(0,1);",100); } function updateOrientation() {
//initScreen();
//}

//]]>
