// JavaScript Document
$(document).ready( function() {
    current = 1;
    button = 1;
    images = 13;
    width = 833;
    time = 400;

    $('#p1').animate({"left": "0px"}, 400, "swing");
    $('#p2').animate({"left": "279px"}, 400, "swing");
    $('#p3').animate({"left": "558px"}, 400, "swing");
  
    $("#next").click(function() {
    		button = current;
    		current++
      	if (current == (images+1) )
          {current = 1}
        animaceVlevo(current,button,time)
        });
    
    $("#previous").click(function() {
    		button = current;
    		current--
      	if (current == 0 )
          {current = images}
        animaceVpravo(current,button,time)
        });

    function animaceVlevo(current,button,time) {
      if ((current+2) == images+1)
      { curr1 = current+1;
        curr2 = 1;}
      else
      {
        if ((current+2) == images+2)
        { curr1 = 1;
          curr2 = 2;}
        else
        {
          if ((current+2) == images+3)
          { curr1 = 2;
            curr2 = 3;}
          else
          { curr1 = current+1;
            curr2 = current+2;}
        }
      }
    	$('#p'+current).css("left",width-554 +"px");                       // nastavit pozici 2.obrázku
    	$('#p'+(curr1)).css("left",width-275 +"px");                       // nastavit pozici 3.obrázku
    	$('#p'+(curr2)).css("left",width+4 +"px");                         // nastavit pozici nového obrázku
    	$('#p'+current).animate({"left": "0px"}, time, "swing");           // posunutí 2.obrázku na pozici 1.obrázku
    	$('#p'+(curr1)).animate({"left": "279px"}, time, "swing");         // posunutí 3.obrázku na pozici 2.obrázku
    	$('#p'+(curr2)).animate({"left": "558px"}, time, "swing");         // posunutí nového obrázku na pozici 3.obrázku
    	$('#p'+button).animate({"left": -width+554 +"px"}, time, "swing");
    	setbutton()
      }
    
    function animaceVpravo(current,button,time) {
      if (current == images)
      { curr1 = 1;
        curr2 = 2;}
      else
      {
        if (current == images-1)
        { curr1 = button;
          curr2 = 1;
          button = 0;}
        else
        {
          if (current == images-2)
          { button = -1;}
          curr1 = current+1;
          curr2 = current+2;
        }
      }
    	$('#p'+current).css("left",-width+554 +"px");                      // nastavení pozice nového obrázku
    	$('#p'+curr1).css("left",-width+width +"px");                      // nastavení pozice 1.obrázku
    	$('#p'+curr2).css("left",width-554 +"px");                         // nastavení pozice 2.obrázku

    	$('#p'+current).animate({"left": "0px"}, time, "swing");           // posunutí nového obrázku na 1.pozici
    	$('#p'+curr1).animate({"left": "279px"}, time, "swing");           // posunutí 1.obrázku na pozici 2.obrázku
    	$('#p'+curr2).animate({"left": "558px"}, time, "swing");           // posunutí 2.obrázku na pozici 3.obrázku

    	$('#p'+(button+2)).animate({"left": width+4 +"px"}, time, "swing");

    	setbutton()
    }
  }
);