$(document).ready(function() {

    $("#idUlMenu li").click(function() {
        
        ajaxActionOnMenuClick($(this).attr("id"));
    
    });

    function ajaxActionOnMenuClick(action) {
        $.ajax({
            type: 'post',
            url: '/index/'+ action,
            complete: function() {
                
            },
            success: function(data) {
                $("#ajaxContent").html(data);
                
                clickOnImage();
                
            }
        });
    }


    function clickOnImage() {
        $(".imgBorder").click(function() {
            $(".headPhoto").block({
                message: '<h4>Čekejte...</h4>',
                css: {
                    width: '100px',
                    top: '50%',
                    left: '45%'
                },
                overlayCSS:  {
                    backgroundColor: 'white',
                    opacity:         0.1
                }
            });
            $(".headPhoto img").attr("src", $(this).find("> img").attr("src"));
            $(".headPhoto").unblock();
        });
    }
});