function setDarkLayerHeight(){
	var Body = document.getElementsByTagName( 'body' ).item( 0 );
	var HTML = document.getElementsByTagName( 'html' ).item( 0 );

	var Object = document.getElementById( 'DarkLayer' );
	
	if( Object ) {
		var Height = Math.max( $(document).height(), $(window).height() );
		Object.style.height = Height + 'px';
	}
}

function openLightBox( album, image ) {	
	if( typeof(eval(Images[album])) != 'undefined' ){
		setDarkLayerHeight();
		changeClassname('LightBoxHolder', 'Show');
		changeClassname('DarkLayer', 'Show');
		setImage( album, image );
	}
}

function setImage( album, image ){
	if( image ){ 
		/*
		 * create image
		 */
		large = document.createElement( 'img' );
		large.style.display = "none";
		large.setAttribute( 'id', 'Vergroting' );
	} 
	
	var FotoHolder = document.getElementById( 'LightBoxFotoHolder' );
	if( FotoHolder ) {
		var NewSrc = UploadPath + Images[album][image][0];
		
		FotoHolder.appendChild( large );
		
		$( '#Vergroting' ).attr( 'newSource', NewSrc ).fadeOut( 'slow', function() {
			var loader = new ImageLoader( $(this).attr( 'newSource' ));
			loader.element = $(this);
			loader.loadEvent = function( url, image, element ) {
				element.fadeIn( 'slow' );
			}
			loader.load(document.getElementById('Vergroting'));
		} ); 
		
	}

	var FotoNr = document.getElementById( 'FotoNr' );
	var Titel = document.getElementById( 'Naam' );
	var Totaal = document.getElementById( 'Totaal' );
	var Next = document.getElementById( 'Next' );
	var Previous = document.getElementById( 'Previous' );
	
	if( FotoNr && Titel && Totaal ) {
		Nr = parseInt(image)+1;
		Prev = parseInt(image)-1;
		FotoNr.innerHTML = Nr;
		Titel.innerHTML = Images[album][image][1];
		Totaal.innerHTML = Images[album].length;

		if( Nr < Images[album].length ){
			changeClassname('Next', 'Enabled');
			Next.onclick = function() {
				setImage(album, Nr);
			};
		} else {
			changeClassname('Next', 'Disabled');
			Next.onclick  = null;
		}
		if( Nr > 1 ){
			changeClassname('Previous', 'Enabled');
			Previous.onclick = function() {
				setImage(album, Prev);
			};
		} else {
			changeClassname('Previous', 'Disabled');
			Previous.onclick  = null;
		}	
	}
}

/*
 * - DarkLayer weer verbergen
 * - Vergroot element verwijderen
 */
function closeLightbox(){

	changeClassname( 'DarkLayer', 'Hide' );
	changeClassname( 'LightBoxHolder', 'Hide' );
		
	var LightBoxFotoHolder = document.getElementById( 'LightBoxFotoHolder' );
	
	var Vergroting = document.getElementById( 'Vergroting' );
	if( LightBoxFotoHolder && Vergroting ){
		LightBoxFotoHolder.removeChild( Vergroting );
	}
}

/**
 * General javascript initialization
 */
$( window ).bind( 'resize load', function() {
	setDarkLayerHeight();
});