var ip = null;
var BlokeerInteraktie=true;
var Plaatjes=Array();

Plaatjes[0]='fotos/foto1.jpg';
Plaatjes[1]='fotos/foto2.jpg';
Plaatjes[2]='fotos/foto3.jpg';
Plaatjes[3]='fotos/foto4.jpg';
Plaatjes[4]='fotos/foto5.jpg';
Plaatjes[5]='fotos/foto6.jpg';
Plaatjes[6]='fotos/foto7.jpg';
Plaatjes[7]='fotos/foto8.jpg';
Plaatjes[8]='fotos/foto9.jpg';
Plaatjes[9]='fotos/foto10.jpg';
Plaatjes[10]='fotos/foto11.jpg';
Plaatjes[11]='fotos/foto12.jpg';
Plaatjes[12]='fotos/foto13.jpg';
Plaatjes[13]='fotos/foto14.jpg';

CurrentOpacity=100;
Teken=-1;
StartNr=1;
Opacityoffset=2;

function onPreload(aImages, nImages){
	if(nImages == Plaatjes.length){
		BlokeerInteraktie=false;

		if(Plaatjes.length>1) lightup();

		return;
	}
}





/* deel wat uit ander js-file kwam */
/// controleer opacity afhandeling voor browser
function ChkOpacityType(ObjectNaam){

	var browsertype;

	holderobject=document.getElementById(ObjectNaam);

	if(typeof holderobject.style.MozOpacity != 'undefined'){
		browsertype = 'moz';
	} else if(typeof holderobject.style.KhtmlOpacity != 'undefined'){
		browsertype = 'khtml';
	} else if(typeof holderobject.filters == 'object'){
		browsertype = (holderobject.filters.length > 0 && typeof holderobject.filters.alpha == 'object' && typeof holderobject.filters.alpha.opacity == 'number') ? 'ie' : 'none';
	} else if(typeof holderobject.style.opacity != 'undefined'){
		browsertype = 'w3c';
	} else {
		browsertype = 'none';
	}

	return browsertype;
}


function ZetAlpha(ObjectNaam,percentage){

	obj=document.getElementById(ObjectNaam);

	if(percentage > 0){

		alpha=percentage/100;

		var type = typeof chkbrowser == 'undefined' ? ChkOpacityType(ObjectNaam) : chkbrowser;

		switch(type){

			case 'ie' :	if (typeof obj.filters == 'object' && obj.filters.alpha){
						obj.filters.alpha.opacity = percentage;
					}  else {
						 obj.style.filter='alpha('+percentage+')';
					}
					break;

			case 'khtml' :	obj.style.KhtmlOpacity = alpha;
					break;

			case 'moz' :	obj.style.MozOpacity = (alpha >= 0.99 ? 0.99 : alpha);//Max opacity to prevent flicker in firefox
					break;

			case 'none' :	break;

			default : 	obj.style.opacity = (alpha >= 0.99 ? 0.99 : alpha);//Max opacity to prevent flicker in firefox

		}
		obj.style.display = '';
	} else {
		obj.style.display = 'none';
	}
}


//Image preload routines staan hieronder
function ImagePreloader(images, callback){

	this.callback = callback;// store the callback

	this.nLoaded = 0;
	this.nProcessed = 0;
	this.aImages = new Array;
 
	this.nImages = images.length;

	for(var i=0; i < images.length; i++){// for each image, call preload()
		this.preload(images[i]);
	}
}
ImagePreloader.prototype.preload = function(image){

	// create new Image object and add to array
	//var oImage = new Image;
	var oImage = document.createElement("img"); // met new Image() werkt 't zeker niet!

	this.aImages.push(oImage);

	// set up event handlers for the Image object
	oImage.onload = ImagePreloader.prototype.onload;
	oImage.onerror = ImagePreloader.prototype.onerror;
	oImage.onabort = ImagePreloader.prototype.onabort;

	// assign pointer back to this.
	oImage.oImagePreloader = this;
	oImage.bLoaded = false;

	// assign the .src property of the Image object
	oImage.src = image;
}

ImagePreloader.prototype.onComplete = function(){
	this.nProcessed++;

	if(this.nProcessed == this.nImages){
		this.callback(this.aImages, this.nLoaded);
	}
}

ImagePreloader.prototype.onload = function(){
	this.bLoaded = true;
	this.oImagePreloader.nLoaded++;
	this.oImagePreloader.onComplete();
}

ImagePreloader.prototype.onerror = function(){
   this.bError = true;
   this.oImagePreloader.onComplete();
}

ImagePreloader.prototype.onabort = function(){
   this.bAbort = true;
   this.oImagePreloader.onComplete();

}


/* einde deel uit ander js-file */



















function lightup(){

	holderobject=document.getElementById('eerstetranspic');

	var type = typeof chkbrowser == 'undefined' ? ChkOpacityType('eerstetranspic') : chkbrowser;

	if(type!='none'){//alleen wisselen als opacity ondersteund wordt

		imageobject=document.getElementById('eerstepic');
		secimageobject=document.getElementById('tweedepic');

		CurrentOpacity+=Teken*Opacityoffset;

		SwitchPlaatje=false;
		if(CurrentOpacity <= 0 || CurrentOpacity >= 100){
			Teken*=-1;
			CurrentOpacity+=Opacityoffset*Teken;
			SwitchPlaatje=true;
		}

		ZetAlpha('eerstetranspic',CurrentOpacity);

		if(SwitchPlaatje && Plaatjes.length>2){
			StartNr++;

			if(StartNr>=Plaatjes.length) StartNr=0;
			//bij gelijke plaatjes maar volgende
			if(secimageobject.src==imageobject.src) StartNr++;

			if(Teken>0){
				imageobject.src=Plaatjes[StartNr];
			} else {
				secimageobject.src=Plaatjes[StartNr];
			}
		}

		setTimeout('lightup()',150);
	}

}


function StartScripts(){
	BlokeerInteraktie=true;

	if(navigator.appName.indexOf("Microsoft")==-1){//geen IE
		document.getElementById('maskergrad').className='gradcontentlinks';
	}

	//de preloader inschakelen
	ip = new ImagePreloader(Plaatjes, onPreload);
}