$(document).ready(function(){
	
	var boxy = $("#box").children();
	var pocet = boxy.size();
	var kdo = "#box";
	
	var posun = 176;
	var panel = 0;
	var cislo = 5;
	
	$(kdo).css("width",(pocet*posun)+"px").css("left","0");
	$("#slider").data("currentlyMoving", false);
	
	function zmena(kam) {
	   
		if((kam && !(panel < pocet-cislo)) || (!kam && (panel < 1))) { return false; }	
        
        if (($("#slider").data("currentlyMoving") == false)) {
            
			$("#slider").data("currentlyMoving", true);
			
			var dalsi = kam ? panel + 1 : panel - 1;
			var leva = $(kdo).css("left");
			var odjezd = kam ? parseFloat(leva, 10) - posun : parseFloat(leva, 10) + posun;
		
			$(kdo)
				.stop()
				.animate({
					"left": odjezd
				}, function() {
					$("#slider").data("currentlyMoving", false);
				});
			
			
			panel = dalsi;
			
		}
	}
	
	$("#prava").click(function(){ zmena(true); });	
	$("#leva").click(function(){ zmena(false); });
	
	$(window).keydown(function(event){
	  switch (event.keyCode) {
	    case 37: $("#leva").click(); break;
		case 39: $("#prava").click(); break;
	  }
	});
	
});