$(document).ready(function(){ 
        $("#mensvoorkunst").ifixpng(); 
		
		
	    var shown = 0;
	
		var imagek = document.createElement('img');
   		imagek.setAttribute('src','images/kunst/'+karray[shown]);
		imagek.setAttribute('id',shown);
		imagek.style.marginRight = '0px';
		imagek.style.left = '-800px';
	
		$("#kunstwerk").append(imagek);
		$("#0").animate({left: '0px'},800);
		
		var name = (karray[shown].replace('.jpg',''));
		$.get("kunstenaars/"+name+".html", function(data){
			var tekst = data.substring(0,350);
			$("#kunstuitleg").html(tekst);
			$("#kunstuitleg").append("... <a href='?url=kunstenaar&naam="+name+"'>&gt;meer</a>");
			$("#kunstuitleg").fadeIn();
		});

		$('#volgende').click(function() {
			old = shown;
			if (shown==(karray.length-1)) shown=0
			else shown = shown+1;					   
			
			var imagek = document.createElement('img');
   			imagek.setAttribute('src','images/kunst/'+karray[shown]);
			imagek.setAttribute('id',shown);
			imagek.style.marginRight = '0px';
		    imagek.style.left = '-800px';
			
			$("#kunstuitleg").fadeOut();
			$("#"+old).animate({marginRight: '-500px'},500,function() { 
			
			
			$("#kunstwerk").append(imagek);
			$("#"+shown).animate({left: '0px'},800);
			
			$("#"+(shown-1)).remove(); 
			
			var name = (karray[shown].replace('.jpg',''));
			$.get("kunstenaars/"+name+".html", function(data){
			var tekst = data.substring(0,350);
			$("#kunstuitleg").html(tekst);
			$("#kunstuitleg").append("... <a href='?url=kunstenaar&naam="+name+"'>&gt;meer</a>");
			$("#kunstuitleg").fadeIn();
			});
			
			});
									   
		});
		
    });