$(document).ready( // fire in the hole! 
    function(){
        // Load page.html in div.panel when a.page is clicked
        $('.pocetna').click(function(){
            $('#panel').fadeOut(0).load('views/pocetna.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $('.osoblje').click(function(){
            $('#panel').fadeOut(0).load('views/osoblje/index.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $('.oprema').click(function(){
            $('#panel').fadeOut(0).load('views/oprema/index.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $('.galerija').click(function(){
            $('#panel').fadeOut(0).load('views/galerija/index.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $('.galerija_album_osoblje').click(function(){
            $('#panel').fadeOut(0).load('views/galerija/osoblje.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $('.galerija_album_otvaranje').click(function(){
            $('#panel').fadeOut(0).load('views/galerija/otvaranje.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $('.o_nama').click(function(){
            $('#panel').fadeOut(0).load('views/o_nama.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $(".rasa").click(function(){
            $('#panel').fadeOut(0).load('views/osoblje/rasa.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $('.bas').click(function(){
            $('#panel').fadeOut(0).load('views/oprema/bas.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $('.bubnjevi').click(function(){
            $('#panel').fadeOut(0).load('views/oprema/bubnjevi.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $('.gitare').click(function(){
            $('#panel').fadeOut(0).load('views/oprema/gitare.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
        $('.footer').click(function(){
            $('#panel').fadeOut(0).load('views/footer.html',
                function() {
                    $(this).fadeIn(0);
            });
        });
    }
);