// JavaScript Document

var bilder = new Array(1,2,3);
var fertig = 3;
var bd;
var bild_n;
var bild_p;
var blid_c;

$(document).ready(function(){
	$.ajax({url: jsonfile, success: function(data) {
		bd = eval("("+data+")");
		$("#b_2").css("background-image","url(\"bilder/"+bd.bilder[0].file+"\")");
		$("#b_3").css("background-image","url(\"bilder/"+bd.bilder[1].file+"\")");
		$("#b_1").css("background-image","url(\"bilder/"+bd.bilder[bd.bilder.length-1].file+"\")");
		$("#zahl").text("1 / "+bd.bilder.length);
		bild_p = bd.bilder.length - 1;
		bild_n = 1;
		bild_c = 0;
	}});
	$("#rechts").click(function(){
		if(fertig == 3)
		{
			fertig = 0;
			$("#b_"+bilder[0]).css("left","960px");
			$("#b_"+bilder[1]).animate({left:"-960px"},{duration:500, complete:function(){ fertig++; }});
			$("#b_"+bilder[2]).animate({left:"0px"},{duration:500, complete:function(){ fertig++; }});
			bild_n = ((bild_n + 1) % (bd.bilder.length));
			bild_p = ((bild_p + 1) % (bd.bilder.length));
			bild_c = ((bild_c + 1) % (bd.bilder.length));
			$("#b_"+bilder[0]).css("background-image","url(\"bilder/"+bd.bilder[bild_n].file+"\")");
			$("#zahl").text((bild_c + 1) +" / "+bd.bilder.length);
			bilder = new Array(bilder[1],bilder[2],bilder[0]);
			fertig++;
		}
	});
	$("#links").click(function(){
		if(fertig == 3)
		{
			fertig = 0;
			$("#b_"+bilder[0]).animate({left:"0px"},{duration:500, complete:function(){ fertig++; }});
			$("#b_"+bilder[1]).animate({left:"960px"},{duration:500, complete:function(){ fertig++; }});
			$("#b_"+bilder[2]).css("left","-960px");
			bild_n = (((bd.bilder.length + bild_n) - 1) % (bd.bilder.length));
			bild_p = (((bd.bilder.length + bild_p) - 1) % (bd.bilder.length));
			bild_c = (((bd.bilder.length + bild_c) - 1) % (bd.bilder.length));
			$("#b_"+bilder[2]).css("background-image","url(\"bilder/"+bd.bilder[bild_p].file+"\")");
			$("#zahl").text((bild_c +1) +" / "+bd.bilder.length);
			bilder = new Array(bilder[2],bilder[0],bilder[1]);
			fertig++;
		}
	});
});