function getObj(name){
	if (document.getElementById){
		this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
	}
	else if (document.all){
		this.obj = document.all[name];
		this.style = document.all[name].style;
	}
	else if (document.layers){
		this.obj = document.layers[name];
		this.style = document.layers[name];
	}
}

function setOpacity(value){
	thisObj= new getObj("image_container");
	thisObj.style.opacity = value/10;
	thisObj.style.filter = 'alpha(opacity=' + value*10 + ')';
}

function loadPrevNext(id){
	currentId=id;
	previousId=id-1;
	nextId=id+1;
	total=img.length-1;
	if(previousId<1){
		previousId=total; 
	}
	if(nextId>total){
		nextId=1;
	}
	nextImage= new Image;
	nextImage.src = img[nextId];
	previousImage= new Image;
	previousImage.src = img[previousId];
}

function showNextImage(){
	setOpacity(0);
	document.images["imgbig"].src=nextImage.src;
	
	var pic = document.getElementById('piclink')
	var newlink = nextImage.src.replace('lowres', 'tmp');
	pic.setAttribute("href", newlink);
	pic.setAttribute("rel", "lightbox");	
	
	writeIt(subscript[nextId],"image_subscript");
	counterText=nextId+"/"+total;
	writeIt(counterText,"counter");
	fadeIncrement=0;
	fadeImage();
	loadPrevNext(nextId);
}

function showPreviousImage(){
	setOpacity(0);
	document.images["imgbig"].src=previousImage.src;
	writeIt(subscript[previousId],"image_subscript");
	counterText=previousId+"/"+total;
	writeIt(counterText,"counter");
	fadeIncrement=0;
	fadeImage();
	loadPrevNext(previousId);
}

function fadeImage(){
	if(fadeIncrement!=11){
		setOpacity(fadeIncrement);
		fadeIncrement++;
		fadeTimer=setTimeout("fadeImage()",10);
	}
	else{
		clearTimeout(fadeTimer);
	}
}

function initImageViewer(){
	fadeIncrement=0;
	loadPrevNext(1);
	fadeImage();
}

function download(URL)
{
  var generator=window.open('','atw','height=550,width=550,scrollbars=yes');
  
  generator.document.write('<html><head><title>Atw.nl - Download image</title>'+"\r\n");
  generator.document.write('</head><body><font face="Arial" style="font-size: 9pt">'+"\r\n");
  generator.document.write('<p>Selecteer \'afbeelding opslaan als\' om de afbeelding te downloaden naar uw computer.</p>'+"\r\n");  
  generator.document.write('<br><a href="' + URL + '" rel="lightbox"><img src="' + URL + '" border="0"></a><br><br><a href="javascript:self.close()">Venster sluiten</a>'+"\r\n");
  generator.document.write('</body></html>'+"\r\n");
  generator.document.close();
}



function writeIt(text,id){
  if (document.getElementById){
          x = document.getElementById(id);
          x.innerHTML = '<p style="margin: 5px 10px;"><font face="Arial" style="font-size: 9pt">' + text + '</font>';
  }
  else if (document.all){
          x = document.all[id];
          x.innerHTML = '<p style="margin: 5px 10px;"><font face="Arial" style="font-size: 9pt">' + text + '</font>';
  }
  else if (document.layers){
          x = document.layers[id];
          text2 = '<P CLASS="testclass" style="margin: 5px 10px;"><font face="Arial" style="font-size: 9pt">' + text + '</font></P>';
          x.document.open();
          x.document.write(text2);
          x.document.close();
  }
	document.images["imgbig"].setAttribute('id', 'clickable');
}

