$(document).ready(function() {
	$("#hornisoupatko").fadeTo("slow", 0.4);
	$("#prostredni").fadeTo("slow", 0.4);
   		$("#dolnio").fadeTo("slow", 0.4);

	
 			$("#dolnisoupatko").click(function() {
   			if ( $max >= $i + 3 && $active == 3 ){
   				$("#hornio").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i + 1 ) + "_m.jpg");
   				$("#prostredni").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i + 2 ) + "_m.jpg");
   				$("#dolnio").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i + 3 ) + "_m.jpg");
   				$i = $i + 1;
   			}
   			
   			if ( $active < 3 ){
   				$active = $active + 1;
   				switch ( $active ){
   					case 2:
   						$("#hornio").fadeTo("slow", 0.4);
					$("#prostredni").fadeTo("slow", 1);
   						$("#dolnio").fadeTo("slow", 0.4);
   					break;
   					case 3:
   						$("#hornio").fadeTo("slow", 0.4);
					$("#prostredni").fadeTo("slow", 0.4);
   						$("#dolnio").fadeTo("slow", 1);
   					break;
   				}
   			}
   			
   			if ( $i + 2 == $max ){
   				$("#dolnisoupatko").fadeTo("slow", 0.4);
   			}
   			
   			if ( $i != 1 ) {
			$("#hornisoupatko").fadeTo("slow", 1);
   			}
   			
		$("#obrso").fadeTo("slow", 0.2, function(){
			$("#obrso").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i + $active - 1 ) + ".jpg");
			$("#obrso").fadeTo("slow", 1);
		});

 			});
 			
 			$("#hornisoupatko").click(function() {
   			if ( 1 < $i && $active == 1 ){
   				$("#hornio").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i - 1 ) + "_m.jpg");
   				$("#prostredni").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i ) + "_m.jpg");
   				$("#dolnio").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i + 1 ) + "_m.jpg");
   				$i = $i - 1;
   			}
   			
   			if ( $active > 1 ){
   				$active = $active - 1;
   				switch ( $active ){
   					case 1:
   						$("#hornio").fadeTo("slow", 1);
						$("#prostredni").fadeTo("slow", 0.4);
   						$("#dolnio").fadeTo("slow", 0.4);
   					break;
   					case 2:
   						$("#hornio").fadeTo("slow", 0.4);
						$("#prostredni").fadeTo("slow", 1);
   						$("#dolnio").fadeTo("slow", 0.4);
   					break;
   				}
   			}
   			
   			if ( $i == 1 ){
   				$("#hornisoupatko").fadeTo("slow", 0.4);
   			}
   			
   			if ( $i + 2 != $max ) {
   				$("#dolnisoupatko").fadeTo("slow", 1);
   			}
   			
		$("#obrso").fadeTo("slow", 0.2, function(){
			$("#obrso").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i + $active - 1 ) + ".jpg");
			$("#obrso").fadeTo("slow", 1);
		});
 			});

	$("#hornio").click(function(){
   			$("#hornio").fadeTo("slow", 1);
		$("#prostredni").fadeTo("slow", 0.4);
   			$("#dolnio").fadeTo("slow", 0.4);
   			
   			$active = 1;

		$("#obrso").fadeTo("slow", 0.2, function(){
			$("#obrso").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i + $active - 1 ) + ".jpg");
			$("#obrso").fadeTo("slow", 1);
		});

	});

	$("#prostredni").click(function(){
   			$("#hornio").fadeTo("slow", 0.4);
		$("#prostredni").fadeTo("slow", 1);
   			$("#dolnio").fadeTo("slow", 0.4);
   			
   			$active = 2;

		$("#obrso").fadeTo("slow", 0.2, function(){
			$("#obrso").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i + $active - 1 ) + ".jpg");
			$("#obrso").fadeTo("slow", 1);
		});

	});

	$("#dolnio").click(function(){
   			$("#hornio").fadeTo("slow", 0.4);
		$("#prostredni").fadeTo("slow", 0.4);
   			$("#dolnio").fadeTo("slow", 1);
   			
   			$active = 3;

		$("#obrso").fadeTo("slow", 0.2, function(){
			$("#obrso").attr("src", "/images/shows/" + $directory + "/" + $short + "_" + ( $i + $active - 1 ) + ".jpg");
			$("#obrso").fadeTo("slow", 1);
		});

	});


	});