var show_width = 295;
var prepared = false;

function PrepareDiaShow() {
	if (prepared != true){
		
		var body = document.body;
		
		var element1 = document.createElement('div');
		element1.id = 'dia_show';
		body.appendChild(element1);

		var element2 = document.createElement('div');
		element2.id = 'dia_show_shadow';
		body.appendChild(element2);
		
		prepared = true;
		
	} else {

		var element1 = document.getElementById('dia_show');

		var element2 = document.getElementById('dia_show_shadow');
		
	}
	
	return new Array(element1,element2);
	
}

function ShowDiaShow(img) {
	
	var elements = PrepareDiaShow();
	
	ShowDia(img);
	
	elements[0].style.display = 'block';
	elements[1].style.display = 'block';
	
	window.scrollTo(0,0);
	
}

function HideDiaShow() {
	
	var element = document.getElementById('dia_show');
	element.style.display = 'none';

	var element = document.getElementById('dia_show_shadow');
	element.style.display = 'none';
	
}

function GetDia(img) {
	
	var total = fotos.length;
	var string = '';
	
	string += '<p class="title">Sittingimage <span class="separator">::</span> ' + img + ' van ' + total + '</p>';
	string += '<p class="closebtn"><a href="javascript:HideDiaShow();" title="Sluiten"><img src="/picture/content/close.gif" border="0" class="close" alt="Sluiten"></a></p>';
	string += '<p><img src="/picture/cms/foto/groot/' + fotos[img - 1] + '.jpg" id="dia_picture" class="dia"></p>';
	
	if (img > 1) {
		string += '<p style="position: absolute; bottom: 12px; left: 55px;"><button class="btn_last" type="submit" title="Vorige" onclick="javascript:ShowDia(' + (img - 1) + ', ' + total + ');"><span>Vorige</span></button></p>';
	}
	if (img < total) {
		string += '<p style="position: absolute; bottom: 12px; right: 55px;"><button class="btn_next" type="submit" title="Volgende" onclick="javascript:ShowDia(' + (img + 1) + ', ' + total + ');"><span>Volgende</span></button></p>';
	}
	
	return string;
	
}

function ShowDia(img) {
	
	var element2 = document.getElementById('dia_show');
	element2.innerHTML = GetDia(img);
	
}