// JavaScript Document
$(document).ready(function(){
	bilder=new Array;
	start=0;
	$.getJSON('/templates/bildgalleriload.php',function(data){
		for(i=0;i<data.length;i++){
			bilder.push(data[i]);
		}						
		$("#bildgalleri").append("<img src='media/"+data[0]+"'/>")
	})
	$("#btnleft").click(left);
	$("#btnright").click(right);
})


function right(){
	start=start+1;
	if(start==bilder.length-1){
		$("#btnright").css("display","none");
		$("#bildgalleri img").remove();
		$("#bildgalleri").append("<img src='media/"+bilder[start]+"'/>")
	}
	else{
		$("#btnleft").css("display","block")
		$("#bildgalleri img").remove();
		$("#bildgalleri").append("<img src='media/"+bilder[start]+"'></img>")
	}
}
function left(){
	start=start-1;
	if(start==0){
		$("#btnleft").css("display","none");
		$("#bildgalleri img").remove();
		$("#bildgalleri").append("<img src='media/"+bilder[start]+"'></img>")
	}
	else{
		$("#btnright").css("display","block")
		$("#bildgalleri img").remove();
		$("#bildgalleri").append("<img src='media/"+bilder[start]+"'></img>")
	}
}