var container;
var imgs;
var cur;
var count;

function slideshow(description, images) {

                if (images) {

                               document.write('<div id="slideshow"></div>');
                               container = document.getElementById('slideshow');
                               imgs = images.split(';');
                               cur = 0;
                               container.style.backgroundImage = 'url(fotos/'+imgs[0]+')';
                               var html = '';

                              /* if (description) {
                                               html = html + '<p class="description">'+description+'</p>';
                               } */


                               if (images.indexOf(';') != -1) {
                                               html = html + '<div class="scroll"><img src="Images/arrow_left.gif" class="left" onclick="slide_prev()" alt="" /><div id="count">1/'+imgs.length+'</div><img src="Images/arrow_right.gif" class="right" onclick="slide_next()" alt="" /></div>';

                               }
                               container.innerHTML = html;
                               count = document.getElementById('count');
                }
}

function slide_prev() {
                if (cur == 0) {
                               cur = imgs.length - 1;
                } else {
                               cur = cur - 1;
                }
                count.innerHTML = (cur + 1)+'/'+imgs.length;
                container.style.backgroundImage = 'url(fotos/'+imgs[cur]+')';
}

function slide_next() {
                if (cur == (imgs.length - 1)) {
                               cur = 0;
                } else {
                               cur = cur + 1;
                }
                count.innerHTML = (cur + 1)+'/'+imgs.length;
                container.style.backgroundImage = 'url(fotos/'+imgs[cur]+')';
}


//here you place the ids of every element you want.
var ids=new Array('urucu', 'coari', 'amazone');

function switchid(id){	
	hideallids();
	showdiv(id);
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}

function PreloadImages() {
  var aImages = new Array('Images/Buttons/AanmeldenDown.gif','Images/Buttons/AanmeldenUp.gif',
'Images/Buttons/BosDown.gif','Images/Buttons/BosUp.gif','Images/Buttons/EigenDown.gif',
'Images/Buttons/EigenUp.gif','Images/Buttons/GeschiedenisDown.gif','Images/Buttons/GeschiedenisUp.gif',
'Images/Buttons/HomeDown.gif','Images/Buttons/HomeUp.gif','Images/Buttons/NieuwsDown.gif',
'Images/Buttons/NieuwsUp.gif','Images/Buttons/OntwikkelingenDown.gif','Images/Buttons/OntwikkelingenUp.gif',
'Images/Buttons/WaaromDown.gif','Images/Buttons/WaaromUp.gif');
  for(var i=0; i < aImages.length; i++) {
    var img = new Image();
    img.src = aImages[i];
  }
}