//   LINKEFFECT SCRIPT

//   [ 'LINK' , '(PAD NAAR) AFBEELDING' , 'TARGET', 'TEKST ONDER LINK' ]
//   Als 'TARGET' kun je invullen: '_blank'(nieuw venster),'naam'(framenaam),''(geen target)
//  'TEKST ONDER LINK' laat je leeg indien je geen tekst wenst.

var linkLijst=[
[ 'http://www.watou.com' , 'onderdelen/d01.gif' , '_blank', 'meer weten over Watou' ],
[ 'http://www.poperinge.be' , 'onderdelen/d02.gif' , '_blank', 'ontdek Poperinge' ],
[ 'http://www.westhoekjes.be' , 'onderdelen/d03.gif' , '_blank', 'Westhoekjes' ],
[ 'http://www.toerismewesthoek.be' , 'onderdelen/d04.gif' , '_blank', 'toerisme Westhoek' ],
[ 'http://www.cdt-nord.fr' , 'onderdelen/d05.gif' , '_blank', 'toerisme Noord Frankrijk' ],
[ 'http://www.watou2010.be' , 'onderdelen/d06.gif' , '_blank', 'Watou 2010' ],
[ 'http://www.spotsopwest.be' , 'onderdelen/d07.gif' , '_blank', 'spots op west' ],
[ 'http://www.folkdranouter.be' , 'onderdelen/d08.gif' , '_blank', 'Dranouter festival' ],
[ 'http://www.groteroutepaden.be' , 'onderdelen/d09.gif' , '_blank', 'grote route paden' ],
[ 'http://www.fietsroute.org' , 'onderdelen/d10.gif' , '_blank', 'fietsroutes' ],
[ 'http://www.dehuurfietswatou.tk' , 'onderdelen/d11.gif' , '_blank', 'de huurfiets Watou' ],
[ 'http://www.poperinge.be/NL/jeugd_sport/fietsverhuur.htm' , 'onderdelen/d12.gif' , '_blank', 'fietsenverhuur' ],
[ 'http://www.dagtripsgroepen.be/dagtrips/' , 'onderdelen/d13.gif' , '_blank', 'dagtrips voor groepen in de Westhoek' ] // geen komma na laatste link !

]

// DIT KUN JE AANPASSEN:

var beginAfmetingen=40; // beginafmetingen van de afbeeldingen (hoogte en breedte)
var Afmetingen=60;    	// variabele om de eerste keer correct te doen verlopen = beginAfmetingen
var eindAfmetingen=70;  // eindafmetingen van de afbeeldingen (hoogte en breedte)
var gebruikTekst=true;  // true = tekst onder link, false = geen tekst onder link.
var linkTekst=''  // '' indien geen tekst gewenst
var tussenRuimte=10;    // aantal pixels tussen afbeeldingen en tekst onder afbeeldingen
var effectBreedte=5;    // tussen 2 en 5: aantal afbeeldingen beïnvloed door vergroting

// stijlkenmerken voor de tekst:

var textStyle="font-family:verdana; font-size:12px; color:#FFFFFF; font-weight:bold";

// ***************************************************************************************

// VANAF HIER NIETS MEER WIJZIGEN:

var w3c=(document.haalElementById)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns4=(document.layers)?true:false;
var mx=0;
var overEl=false;
var enterEl=false;
var id=0;
var elLijst=new Array();
var elTekst;
var pgKlaar=false;
if(linkTekst=='')linkTekst=' ';
effectBreedte=Math.max(2,Math.min(5,effectBreedte))+.5;
var wA=effectBreedte*eindAfmetingen/2;
var mX=wA/1.5;

function haalMxy(v){
mx=(ie5||ie4)?event.clientX:v.pageX;}

function haalEl(s){
if(ns4)return findLayer(s,document);
else return (ie4)?document.all[s]:document.haalElementById(s);}

function haalW(e){
return parseInt(e.style.width);}

function plaatsBeeld(i,x){
elLijst[i].style.width=x;
elLijst[i].style.height=x;
document.images['linkDockI'+i].width=x;
document.images['linkDockI'+i].height=x;}

function getL(el){
var x=0;
var sx=(document.all)?document.body.scrollLeft:0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;}
return x+el.offsetLeft-sx;}

function rAll(){
for(i=0;i<elLijst.length;i++) {

Afmetingen=haalW(elLijst[i]);
if (Afmetingen>beginAfmetingen) {
id=setTimeout('rAll()',10);
Afmetingen--;

plaatsBeeld(i,Afmetingen);
}}}

function Vergroten(){
var tEl,n1,n2;

if(overEl) {if(Afmetingen<eindAfmetingen) Afmetingen+=5; } else Afmetingen=50;

if(overEl){
for(i=0;i<linkLijst.length;i++){
tEl=elLijst[i];
if((getL(tEl)>=mx-wA)&&(getL(tEl)<=mx+wA)){
n1=getL(tEl)+haalW(tEl)/2+10;
n2=mx-wA;

n1=(Afmetingen*Math.sin(Math.abs(n1-n2)/mX));

plaatsBeeld(i,Math.max(n1,beginAfmetingen));
}else plaatsBeeld(i,beginAfmetingen);
}}}

function mOver(){
overEl=true;
clearTimeout(id);}

function mOut(){
overEl=false;
id=setTimeout('rAll()',100);}

function findLayer(name,doc){
var i,layer;
for(i=0;i<doc.layers.length;i++){
layer=doc.layers[i];
if(layer.name==name)return layer;
if(layer.document.layers.length>0)if((layer=findLayer(name,layer.document))!=null)return layer;}
return null;}

function writeText(text){
if(gebruikTekst && pgKlaar){
text=(text<0)?linkTekst:linkLijst[text][3];
if(text=='')text='&nbsp;';
if(ns4){
elTekst.document.open();
elTekst.document.write('<center><span style="'+textStyle+'">'+text+'</span></center>');
elTekst.document.close();}
else elTekst.innerHTML=text;
}}

function writeHTML(){
var t='';
if(w3c||ie4){
t+='<table cellpadding=0 cellspacing=0 border=0 height="'+eindAfmetingen+'" width="'+(((linkLijst.length-4)*beginAfmetingen)+(4*eindAfmetingen))+'px"><tr valign="bottom" align="center"><td>';
for(i=0;i<linkLijst.length;i++){
t+='<span id="linkDockD'+i+'" style="width:'+beginAfmetingen+'px; height:'+beginAfmetingen+'px;">';
t+='<a href="'+linkLijst[i][0]+'" target="'+linkLijst[i][2]+'" onmouseover="writeText('+i+')" onmouseout="writeText(-1)"><img name="linkDockI'+i+'" src="'+linkLijst[i][1]+'" width="'+beginAfmetingen+'" height="'+beginAfmetingen+'" border="none"></a>';
t+='</span>';
}
t+='</td></tr></table>';
if(gebruikTekst)t+='<center><div id="dockText" style="'+textStyle+'; padding-top:'+tussenRuimte+'px">'+linkTekst+'</div></center>';
}else{
t+='<table cellpadding=0 cellspacing=0 border=0 width="'+(linkLijst.length*beginAfmetingen)+'"><tr valign="bottom">';
for(i=0;i<linkLijst.length;i++)t+='<td height="'+eindAfmetingen+'"><a href="'+linkLijst[i][0]+'" target="'+linkLijst[i][2]+'" onmouseover="writeText('+i+')" onmouseout="writeText(-1)"><img src="'+linkLijst[i][1]+'" width="'+beginAfmetingen+'" height="'+beginAfmetingen+'" border="none"></a></td>';
t+='</tr>';
if(gebruikTekst)t+='<tr><td colspan="'+linkLijst.length+'"><td height="'+tussenRuimte+'"></td></tr><tr><td colspan="'+linkLijst.length+'"><ilayer width="'+(linkLijst.length*beginAfmetingen)+'"><layer name="dockText" height="100%"></layer></ilayer></td></tr>';
t+='</table>';}
document.write(t);}

window.onload=function(){
if(w3c||ie4){
for(j=0;j<linkLijst.length;j++){
elLijst[j]=haalEl('linkDockD'+j);
elLijst[j].n=j;
elLijst[j].onmouseover=mOver;
elLijst[j].onmouseout=mOut;
}
document.onmousemove=haalMxy;
setInterval('Vergroten()',20);
}
elTekst=haalEl('dockText');
if(ns4)writeText(-1);
pgKlaar=true;
}
writeHTML();