jQuery.preloadImages = function() {
	var a = (typeof arguments[0] == 'object')? arguments[0] : arguments;
	for(var i = a.length -1; i > 0; i--) {
		jQuery("<img>").attr("src", a[i][0]);
	}
}

var photos=new Array()

var which=0;
var curalbum=0;
var fadespeed=2000;
function openalbum(albumid,album){
	curalbum=albumid;
	
	var photos=album;
	
	/*var preloadedimages=new Array()
	for (i=0;i<photos.length;i++){
	preloadedimages[i]=new Image()
	preloadedimages[i].src=photos[i]
	}*/
	$.preloadImages(photos)


	$('body').append('<div id="AlbumHolder">    <div id="close">    	<a href="javascript:closealbum()"><b>Sluiten</b></a>    </div>    <div id="counter"></div>    <div id="image">        <div id="slide">            <img src="'+photos[0][0]+'" name="photoslider" id="photoslider" border=0>     </div>        <div id="slide2">            <img src="'+photos[0][0]+'" name="photoslider2" id="photoslider2" border=0>        </div>     	</div>        <div id="comment">&nbsp;'+photos[0][1]+'&nbsp;</div>     <div id="controls">        <span id="play_button">            <a href="#" onClick="play('+albumid+',Slides'+albumid+');return false">Play</a>        </span>        <span id="left">            <a id="prev_slide"  onClick="backward(Slides'+albumid+');return false"alt="Vorige..." href="#">&lt;&lt; Vorige Foto</a>        </span>        <span id="right">            <a id="next_slide" onClick="forward(Slides'+albumid+');return false" alt="Volgende..." href="#">Volgende Foto &gt;&gt;</a></p>        </span>     </div>   </div>');
	//$('#prev_slide').removeAttr("href");
	if (photos.lenght<=1){$('#next_slide').removeAttr("href");}
	keeptrack(album);
	$('#AlbumHolder').hide();

	$('#AlbumHolder').height($(window).height());
	

	$('#photoslider').load(function(){
		$('#AlbumHolder').fadeIn("slow");
		resize();
	});

	$(window).resize(function(){
	  resize();
	});
	/*function checkKey(e){
     switch (e.keyCode) {
        case 37:
           backward(album);
            break;
        case 39:
             forward(album);
            break;
         
        }      
	}

	if ($.browser.mozilla) {
    	$(document).keypress (checkKey);
	} else {
    	$(document).keydown (checkKey);
	}*/
}


function closealbum() {
	$('#AlbumHolder').fadeOut("slow",function(){
		$('#AlbumHolder').empty();
		$('#AlbumHolder').remove();
		which=0;
	});
	clearTimeout(timerID);
}


function keeptrack(albumid){
	var photos=albumid
	window.status="Image "+(which+1)+" of "+photos.length
	$('#counter').html("Afbeelding "+(which+1)+" van "+photos.length);
}

function resize() {
	$('#AlbumHolder').height($(window).height());

	$('#photoslider').css('width','');
	$('#photoslider').css('height','');

	var elem = document.images.photoslider;
	if (elem == undefined || elem == null) return false;
	var ratio=elem.width/elem.height;
	var maxheight = $(window).height()-100;
	var maxwidth = 900;
	
	if (elem.width > maxwidth){
		$('#photoslider').css('width',maxwidth);
		$('#photoslider').css('height',maxwidth/ratio);
		$('#photoslider2').css('width',maxwidth);
		$('#photoslider2').css('height',maxwidth/ratio);
	}
    if (elem.height > maxheight){
		$('#photoslider').css('height',maxheight);
		$('#photoslider').css('width',maxheight*ratio);
		$('#photoslider2').css('height',maxheight);
		$('#photoslider2').css('width',maxheight*ratio);
  	}
	//if($(window).width()<$('#AlbumHolder').width()){
	//	$('#AlbumHolder').width($(window).width()+'px');
	//	$('#container').width($(window).width()+'px')
	//}
	$('#imagecell').height( $('#photoslider').height() );

}

function backward(albumid){
	var photos=albumid
	if(which==0) which = photos.length
	if (which>0){
		which--
		slideto(photos[which][0],photos[which][1])
		keeptrack(albumid)
		//checklinks(which,photos.length)
	}
}

function forward(photos){
	//var photos=album
	if(which==photos.length-1) which = -1
	if (which<photos.length-1){
		which++
		slideto(photos[which][0],photos[which][1])
		keeptrack(photos)
		//checklinks(which,photos.length)
	}
}

function slideto(photo,comment){
		disable();
		$('#photoslider').hide()
		document.images.photoslider.src=photo;

		resize();
        $('#photoslider').fadeIn(fadespeed);
        $('#photoslider2').fadeOut(fadespeed,function(){
			document.images.photoslider2.src=photo
			$('#photoslider2').show()

			enable();

        }); /*
        $('#photoslider').fadeOut("slow",function(){
			document.images.photoslider.src=photo
			$('#photoslider').fadeIn("Slow")
        });*/

        $('#comment').fadeOut(fadespeed/2,function(){
			$('#comment').html('&nbsp;'+comment+'&nbsp;');
			$('#comment').fadeIn(fadespeed/2)
        }); 
		
		resize();
}

function play(albumid,photos){
	$('#play_button').html('<a href="#" onClick="pause('+albumid+');return false">Pause</a>')
	forward(photos)
	timerID = setTimeout(function(){play(albumid,photos)}, 5000);
}

function pause(albumid){
	clearTimeout(timerID);
	$('#play_button').html('<a href="#" onClick="play('+albumid+',Slides'+albumid+');return false">Play</a>')
}

function checklinks(current,total){
		if (current>=total-1){
			$('#next_slide').removeAttr("href");
		}else{
			$('#next_slide').attr("href","#")
		}
		
		if (current<=0){
			$('#prev_slide').removeAttr("href");
		}else{
			$('#prev_slide').attr("href","#")
		}
}

function disable(){
			$('#prev_slide').attr("onClick","return false;")
			$('#next_slide').attr("onClick","return false;")
}

function enable(id){
			$('#prev_slide').attr("onClick","backward(Slides"+curalbum+");return false;")
			$('#next_slide').attr("onClick","forward(Slides"+curalbum+");return false;")
}