var currentP = '';
var currentI = 0;

window.onload = function () {



  if (document.getElementById('content')) {
		currentP = document.getElementById('content').name;
  }


  if (document.getElementById('emailSpan')) {
	document.getElementById('emailSpan').innerHTML = "info@typischdiewertje.nl";
  }

  if (document.getElementById('submitSpan')) {
	document.getElementById('submitSpan').innerHTML = "<input type='submit' value='Versturen' style='border:1px solid'>";
  }


  if (document.getElementById('sluiten')) {
	var btnSluit = document.getElementById('sluiten');

	btnSluit.onmouseover=function(){
		this.style.cursor = 'pointer';
		btnSluit.src = './pix/sluiten_on.gif';
	}

	btnSluit.onmouseout=function(){
		btnSluit.src = './pix/sluiten.gif';
	}

	btnSluit.onclick=function(){
		document.getElementById('foto').style.visibility = 'hidden';
		document.getElementById('foto').src = './pix/galerij/wit.png';
		document.getElementById('fotolijst').style.visibility = 'hidden';
		opacity('blur', 75, 0, 0);
		document.getElementById('blur').style.visibility = 'hidden';
	}
	opacity('blur', 100, 0, 0);
	getThumbs();
  }

}




function getThumbs() {
	var thumbs = document.getElementById('fotoTable').getElementsByTagName("img")
	for (var i = 0; i < thumbs.length; i++) {
		makeBtn(thumbs[i].id);
	}
}


function makeBtn(id) {
	document.getElementById(id).onmouseover=function(){
		this.style.cursor = 'pointer';
		opacity(id, 100, 75, 200);
	}
	document.getElementById(id).onmouseout=function(){
		opacity(id, 75, 100, 200);
	}
	document.getElementById(id).onclick=function() {
		showPic(id);
	}
}


function showPic(picName) {
	// settings
	var foto = document.getElementById('foto');
	var fotolijst = document.getElementById('fotolijst');
	var blur = document.getElementById('blur');
	foto.src = './pix/galerij/'+picName+'.jpg';

	//effecten
	blur.style.visibility = 'visible';
	opacity('blur', 0, 75, 200);

	setTimeout("document.getElementById('fotolijst').style.visibility = 'visible'", 150);
	setTimeout("document.getElementById('foto').style.visibility = 'visible'", 150);
}





function opacity(id, opacStart, opacEnd, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;

	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}