$(document).ready(function() {
	$().piroBox({
			my_speed: 600, //animation speed
			bg_alpha: 0.6, //background opacity		
			slideShow : true, // true == slideshow on, false == slideshow off
			slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
			close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
	});
        
        // zobrazeni fotek pod obsahem
        var holder_id = "slide_gallery"; // id elementu galerie
        var left_button_id = "slide_left_button";
        var right_button_id = "slide_right_button";
        var step = 4; // pocet viditelnych prvku a o kolik prvku se posune
         
        var position = step; // vychozi posun
        var gallery = $("#"+holder_id);  
        var count = $(gallery).children().size(); // pocet prvku v galerii 
        var item_size = $(gallery).children().outerWidth();
        var item_margin = $(gallery).children().outerWidth(true) - $(gallery).children().outerWidth();
        
        $(gallery).css( 'width', (item_size + item_margin) * count + 'px' ); // nastaveni sirky galerie 
       
        $("#"+left_button_id).click(sliderGalleryMove);
        $("#"+right_button_id).click(sliderGalleryMove);
        
        $("#"+left_button_id).hide();
        if(count <= step) $("#"+right_button_id).hide();
        
        function sliderGalleryMove(){
            var direction = null;
            var step_lentgh = 0; 
            var available = 0;
            
            if(left_button_id == $(this).attr('id')) direction = 'left';
            else if(right_button_id == $(this).attr('id')) direction = 'right';
            else return false;
            
            if(direction == 'left'){ // pohyb vlevo   
                if(position <= step) return false;
                available = position - step;

                if( available < step ){
                    step_lentgh = (item_size + item_margin) * available;    
                    position -= available;
                }
                else{
                    step_lentgh = (item_size + item_margin) * step;
                    position -= step;
                } 
                
                $(gallery).animate({"left": "+="+step_lentgh+"px"}, "slow", function() {
                    // Animation complete.
                    if(position <= step) $("#"+left_button_id).hide();
                    if((count - position) > 0) $("#"+right_button_id).show();
                  });
            }
            else{ // pohyb vpravo
                available = count - position;
                if( available < step ){
                    if(available <= 0) return false;
                    step_lentgh = (item_size + item_margin) * available;
                    position += available;
                }
                else{
                    step_lentgh = (item_size + item_margin) * step;   
                    position += step;
                }
                
                $(gallery).animate({"left": "-="+step_lentgh+"px"}, "slow", function() {
                    // Animation complete.
                    if((count - position) <= 0) $("#"+right_button_id).hide();
                    if(position > step) $("#"+left_button_id).show();
                  });
            }

        }
        
});