function openWindow(url)
{
openwin = this.open(url,"ctrlwindow","width=300,height=260,toolbar=no,scrollbars=no,resizable=no");
openwin.focus();
}
function openMailinglist(id)
{
var url = '/nieuwsbrief.php?id='+id;
openwin = this.open(url,"ctrlwindow","width=810,height=500,toolbar=no,scrollbars=yes,resizable=no");
openwin.focus();
}
function swapImage(myID, newSrc)
{
var strOver = "_over";
var strOff = "_up";
if(typeof myID != 'object')
var oImg = document.getElementById(myID);
else
var oImg = myID;
if(newSrc)
{
oImg.src = newSrc;
return;
}
var currImg = oImg.src;
if (currImg.indexOf(strOver) != -1)
oImg.src = currImg.replace(strOver,strOff)
else
oImg.src = currImg.replace(strOff,strOver)
}
function picture(myID)
{
var strThumb = '_thumb';
var strLarge = '_large';
if(typeof myID != 'object')
var oImg = document.getElementById(myID);
else
var oImg = myID;
var currImg = oImg.src;
currImg = currImg.replace(strThumb, strLarge);
img = new Image();
img.src = currImg;
setTimeout('javascript:void()', 500);
var width = img.width;
var height = img.height;
if(height == 0)
height = 320;
if(width == 0)
width = 426;
var imageString = '
';
var openwin = this.open('',"ctrlwindow","width=" + width + ",height=" + height + ",toolbar=no,scrollbars=no,resizable=yes");
openwin.document.open();
openwin.document.write('Afbeelding' + imageString + '')
openwin.document.close();
openwin.focus();
}
// Very dirty hack to prevent IE from 'flashing' styles
// Hide page contents till page is fully loaded.
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
function showHide(show)
{
if ((version >= 5.5) && (version < 7))
{
var oBody = document.getElementById('oBody');
if(show == false)
oBody.style.display = 'none';
else
oBody.style.display = 'block';
}
}
var IE = document.all?true:false;
if (!IE){
document.captureEvents(Event.MOUSEMOVE);
}
var mouseX = 0;
var mouseY = 0;
function getMousePos(e){
if (IE){
if (document.readyState == 'complete')
{
mouseX = event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
mouseY = event.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
} else {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (mouseX < 0){
mouseX = 0;
}
if (mouseY < 0){
mouseY = 0;
}
}
document.onmousemove = getMousePos;
function moveUitleg(id){
var uitlegbox = document.getElementById('uitlegbox');
var omschrijving = '';
var found = false;
var counter = 0;
while (found == false && counter < tw.length) {
if (tw[counter][0] == id){
omschrijving = tw[counter][2];
found = true;
}
counter++;
}
uitlegbox.innerHTML = omschrijving;
uitlegbox.style.display="block";
uitlegbox.style.left = mouseX + "px";
uitlegbox.style.top = mouseY+20 + "px";
}
function hideUitleg(){
var uitlegbox = document.getElementById('uitlegbox');
uitlegbox.style.display="none";
}
function setOpacity(element_id, opacity){
var element = document.getElementById(element_id).style;
element.opacity = (opacity / 100);
element.MozOpacity = (opacity / 100);
element.KhtmlOpacity = (opacity / 100);
element.filter = "alpha(opacity="+opacity+")";
}
function setDisplay(element_id, display){
var element = document.getElementById(element_id).style;
element.display = display;
}
function setLargeOp(percentage){
largeOp = percentage;
}
function fadeImage(voorna){
if (voorna == "0"){
viOp -= 5;
viOpS += 5;
setOpacity('voorImage', viOp);
setOpacity('voorImageSecond', viOpS);
if (viOp > 0){
setTimeout("fadeImage("+voorna+");", 20);
} else {
viOp = 100;
viOpS = 0;
setSrc('voorImage', voorImages[viCounter][0].src);
setOpacity('voorImage', viOp);
setOpacity('voorImageSecond', viOpS);
}
} else {
niOp -= 5;
niOpS += 5;
setOpacity('naImage', niOp);
setOpacity('naImageSecond', niOpS);
if (niOp > 0){
setTimeout("fadeImage("+voorna+");", 20);
} else {
niOp = 100;
niOpS = 0;
setSrc('naImage', naImages[niCounter][0].src);
setOpacity('naImage', niOp);
setOpacity('naImageSecond', niOpS);
}
}
}
function fadeLargeImage(){
largeOp += 5;
setOpacity('largeImage', largeOp);
if (largeOp < 100)
{
setTimeout("fadeLargeImage();", 20);
} else {
largeOp = 0;
}
}
function setSrc(element_id, src){
var element = document.getElementById(element_id);
element.src = src;
}
function nextImage(voorna){
var pijlrechts = document.getElementById('pijlrechts');
if (voorna == "0") {
viCounter++;
if (viCounter == voorImages.length){
viCounter = 0;
}
setSrc('voorImageSecond', voorImages[viCounter][0].src);
setSrc('largeImage', voorImages[viCounter][1].src);
pijlrechts.style.left = (voorImages[viCounter][1].width-20);
fadeImage(voorna);
} else {
niCounter++;
if (niCounter == naImages.length){
niCounter = 0;
}
setSrc('naImageSecond', naImages[niCounter][0].src);
setSrc('largeImage', naImages[niCounter][1].src);
pijlrechts.style.left = (naImages[niCounter][1].width-20);
fadeImage(voorna);
}
lastClicked = voorna;
}
function lastImage(voorna){
var pijlrechts = document.getElementById('pijlrechts');
if (voorna == "0"){
viCounter--;
if (viCounter == -1){
viCounter = (voorImages.length -1);
}
setSrc('voorImageSecond', voorImages[viCounter][0].src);
setSrc('largeImage', voorImages[viCounter][1].src);
pijlrechts.style.left = (voorImages[viCounter][1].width-20);
fadeImage(voorna);
} else {
niCounter--;
if (niCounter == -1){
niCounter = (naImages.length -1);
}
setSrc('naImageSecond', naImages[niCounter][0].src);
setSrc('largeImage', naImages[niCounter][1].src);
pijlrechts.style.left = (naImages[niCounter][1].width-20);
fadeImage(voorna);
}
lastClicked = voorna;
}
function setLargeImage(voorna){
var largeImage = document.getElementById('largeImage');
var pijlrechts = document.getElementById('pijlrechts');
var pijllinks = document.getElementById('pijllinks');
largeImage.style.display="block";
if (voorna == "0"){
largeImage.src = voorImages[viCounter][1].src;
pijlrechts.style.left = (voorImages[viCounter][1].width-20);
fadeLargeImage();
} else {
largeImage.src = naImages[niCounter][1].src;
pijlrechts.style.left = (naImages[niCounter][1].width-20);
fadeLargeImage();
}
setDisplay('pijlrechts', 'block');
setDisplay('pijllinks', 'block');
lastClicked = voorna;
}
function hideLargeImage(){
setDisplay("largeImage", "none");
setOpacity("largeImage", largeOp);
setDisplay("pijllinks", "none");
setDisplay("pijlrechts", "none");
}