// JavaScript Document
<!--
Array.prototype.shuffle = function( b ) {
 var i = this.length, j, t;
 while( i ) {
  j = Math.floor( ( i-- ) * Math.random() );
  t = b && typeof this[i].shuffle!=='undefined' ? this[i].shuffle() : this[i];
  this[i] = this[j];
  this[j] = t;
 }
 return this;
};

var ext='.png';
var buts=new Array({id:'buitenb',im:'bb'},{id:'contact',im:'con'},{id:'info',im:'in'},{id:'agenda',im:'ag'},{id:'actueel',im:'act'}
				   ,{id:'westb2',im:'wB'},{id:'westb',im:'wB'},{id:'verslagen',im:'vee'});
var ls=new Array('buitenb','contact','info','agenda','actueel','arch','westb2');

var win=fullWin();
var ww=win[0];
var wh=win[1];
var thumbs=getThumbs(Math.round(ww/15));
window.addEvent('domready',ini);

function fullWin(){
	window.moveTo(0,0);
	if (document.layers&&document.getElementById) {
		window.outerHeight = screen.availHeight;
		window.outerWidth = screen.availWidth;
		ww = window.outerWidth;
		wh = window.outerHeight;
	}else{
		ww = screen.availWidth;
		wh = screen.availHeight;
		window.resizeTo(ww, wh);
	}
	return new Array(ww,wh);
}

function ini(){
		var ims=$$('img.mooiimg');
		ims.each(function(item, index){
 			$(item).src="../BEELD/maak"+ext;
		});
	$('thumbs').n=0;
	$('thumbs').loop=addBg.periodical(100,$('thumbs'));
	for(var i=0; i<buts.length; i++){
		var but=$(buts[i].id+'img');
		but.im=buts[i].im;
		but.t=buts[i].id; 
		but.l=((i<6)? buts[i].id : 'arch');
		new Asset.image('../BEELD/BUT/'+but.im+'O'+ext);
		but.setStyle('cursor','pointer')
		but.addEvent('mouseover',function(){this.setStyle('backgroundImage','url(../BEELD/BUT/'+this.im+'O'+ext+')');});
		but.addEvent('mouseout',function(){$(this).setStyle('background','url(../BEELD/BUT/'+this.im+ext+')');});
		but.addEvent('click',function(){
			tar=$(this.t+'layer');							  
			tar.setStyle('display',((tar.getStyle('display')=='block')? 'none' : 'block'));
			swapLayers(this.l);
		});
	}
	for(var i=0; i<ls.length;i++){
		new Drag.Base(ls[i]);
		if(ww>1024){
			$(ls[i]).setStyle('top',parseInt($(ls[i]).getStyle('top'))+Math.round(Math.random()*(wh-768)*0.7));
			$(ls[i]).setStyle('left',parseInt($(ls[i]).getStyle('left'))+Math.round(Math.random()*(ww-1024)*0.7));
		}
	}
	swapLayers();
}

function swapLayers(l){
	if(l){
		ls.remove(l);
		ls.extend([l]);
	}
	for(var i=0; i<ls.length;i++){
		$(ls[i]).setStyle('zIndex',(i*20)+100);	
	}
}

function addBg(){
	if(this.n<thumbs.length){
		l = Math.ceil(Math.random()*ww)-100;
		t = Math.ceil(Math.random()*wh)-150;
		tp = ((l>100 && l<ww-300 && t>0 && t<wh-300)? "f" : "o");
		var im=new Element('img',{
			'styles': {'position':'absolute','left':(l+'px'),'top':(t+'px')},
			'src':"../WESTBANK/"+((tp=="o")?"OUTL/"+thumbs[this.n].out : "FILS/"+thumbs[this.n].fill),
			'events':{
				'mouseover':function(){
					this.src="../WESTBANK/"+((this.tp=="f")?"OUTL/"+thumbs[this.n].out : "FILS/"+thumbs[this.n].fill);
				},
				'mouseout':function(){
					this.src="../WESTBANK/"+((this.tp=="o")?"OUTL/"+thumbs[this.n].out : "FILS/"+thumbs[this.n].fill);
				},
				'click':function(){
					if(this.nr){
						if(this.db=="WESTDATA"){
							$('westblayer').setStyle('display','block');
							swapLayers('arch');
							frames['BB_FRAME'].location = "../SCRPTS/westbQRY_adv2.php?id="+this.nr;
						}else{
							$('westb2layer').setStyle('display','block');
							swapLayers('westb2');
							frames['BB2_FRAME'].location = "../SCRPTS/westbQRY_adv.php?id="+this.nr;
						}
					}
				}
			}
		});
		im.n=this.n;
		im.nr=thumbs[this.n].id;
		im.db=thumbs[this.n].db;
		im.tp=tp;
		$(this).adopt(im);
		this.n++;
	}else{
		$clear(this.loop);
	}
}

function swapPic(im,ar){
		if($(ar+'pic').src!=im)$(ar+'pic').src='/VERSLAG/'+im;
} 

function shRap(nr,txt,im,arch){
		var xt=((arch)? 'ar_' : '');
		$(xt+'rap').setStyle('display','none');
		$(xt+'pic').setStyle('display','none');
	if($(xt+'index').nr==nr){
		$(xt+'index').nr=0;
	}else{
		$(xt+'index').nr=nr;
		if(txt){
			$(xt+'rap').setStyle('display','block');
			frames[((arch)? 'AR_':'')+'RAP_FRAME'].location = "../SCRPTS/txt.php?id="+nr;
		}
		if(im){
			$(xt+'pic').setStyle('display','block');
		}
	}
}

function getThumbs(MAX){
	if(WB.length+WB2.length<MAX){
		thumbs=WB;
		thumbs.extend(WB2);
	}else if(WB2.length< Math.floor(MAX*0.7)){
		thumbs=((WB2.length)? WB2 : new Array());
		WB.shuffle();
		thumbs.extend(WB.slice(0,MAX-WB2.length));
	}else{
		WB2.shuffle();
		thumbs=WB2.slice(0,Math.floor(MAX*0.7));
		WB.shuffle();
		thumbs.extend(WB.slice(0,Math.ceil(MAX*0.7)));
	}
	return thumbs.shuffle();
}

function reFr(ar){
	$(((ar)? 'AR_':'' )+'RAP_FRAME').setStyle('width',384);
	$(((ar)? 'ar_':'' )+'pic').setStyle('left',404);
}


//-->