var aktFrameNumber = 1;
function changePocitadlo(){
	var bg_position = -80 + (20 * (aktFrameNumber - 1));	
	$("#pocitadlo").css("background-position", bg_position+"px 0px");
}

/*
	funckci pořadí jednotlivých obrázků řešit pomocí váhy
*/



/////////////////////////////////////


//////////////////////////////////////

function moveForward(){   
    var frmNum = 0;
    var startI = 0;
    var endI = 0;
    if(aktFrameNumber == 1){
	frmNum=5;
    }else{
	frmNum = aktFrameNumber-1;
    }
    
    // změna třídy z ref_box na ref_box2
    $("#ref_box_"+frmNum).attr("class", "ref_box2");
    
    $("#ref_box_"+frmNum).animate({ 
	    marginLeft: "400px",
	    marginTop: "-200px"
	  }, 600, function(){
	      $("#ref_box_"+frmNum).css("z-index", "11");
	      $("#ref_box_"+frmNum+" .popis").hide();
	      var ostatni = $(".ref_box");
	      $("#ref_box_"+frmNum).attr("class", "ref_box");
	      
	      for (var i = 0; i < 4; i++)
	      {
	  	ostatni.eq(i).animate({marginTop: "+=20", 
	  	                        marginLeft: "+=20"}, 600);
	  	
	  	
	  	
	  	var z = parseInt(ostatni.eq(i).css("z-index"));
	  	z = z+1;
	  	ostatni.eq(i).css("z-index", z);
	  	if(z == 15){
	  	    
	  	    ostatni.eq(i).find(".popis").show();
	  	    
	  	}
	  	//ostatni.eq(i).css("z-index", 15-i);
	      }
	      
	      $("#ref_box_"+frmNum).animate({marginTop: "20px", marginLeft: "20px"}, 500);
	  });

}

function moveBackward(){
    
    var frmNum = 0;
    var startI = 0;
    var endI = 0;
    frmNum = aktFrameNumber; /*
    if(aktFrameNumber == 1){
	frmNum=5;
    }else{
	frmNum = aktFrameNumber-1;
    }*/
    
    // změna třídy z ref_box na ref_box2
    $("#ref_box_"+frmNum).attr("class", "ref_box2");
    
    $("#ref_box_"+frmNum).animate({ 
	    marginLeft: "400px",
	    marginTop: "-200px"
	  }, 600, function(){
	      $("#ref_box_"+frmNum).css("z-index", "15");
	      
	      $("#ref_box_"+frmNum+" .popis").show();
	      
	      var ostatni = $(".ref_box");
	      $("#ref_box_"+frmNum).attr("class", "ref_box");
	      
	      for (var i = 0; i < 4; i++)
	      {
	  	ostatni.eq(i).animate({marginTop: "-=20", 
	  	                        marginLeft: "-=20"}, 600);
	  	
	  
	  	
	  	var z = parseInt(ostatni.eq(i).css("z-index"));
	  	ostatni.eq(i).css("z-index", z-1);
	  	if(z == 15){
	  	    
	  	    ostatni.eq(i).find(".popis").hide();
	  	    
	  	}
	  	//ostatni.eq(i).css("z-index", 15-i);
	      }
	     
	      $("#ref_box_"+frmNum).animate({marginTop: "100px", marginLeft: "100px"}, 500);
	  });

}


function rotateForward(){

	if(aktFrameNumber == 5){
			aktFrameNumber = 1;	
	}else {
		$("#navigation .backward").show();
		aktFrameNumber = aktFrameNumber + 1;	
	}
	changePocitadlo();
	moveForward();
}




function rotateBackward(){
	if(aktFrameNumber == 1){
			aktFrameNumber = 5;		
	}else {
	    $("#navigation .forward").show();
		aktFrameNumber = aktFrameNumber - 1;		
	}
	changePocitadlo();
	moveBackward();
}

function rotateTo(frameNumber){
    var rozdilPozic = frameNumber - aktFrameNumber;
    if(rozdilPozic < 0){
        for(var i = 1; i<= -rozdilPozic; i++){
            rotateBackward();
        }
    }else {
        for(var j = 1; j<=rozdilPozic; j++){
           rotateForward();
        }
    }
}


$(document).ready(function(){
    $(".ref_box").find(".popis").hide();
    $("#ref_box_1").find(".popis").show();
});