$(document).ready(function () {
    $.ajax({
        url: '/navigation/gallery',
        success: function (data) {
            var $data = $(data);
            var $list = $('li', $data);

            if ($list.length > 0) {
                var rand = Math.floor(Math.random() * $list.length);
                var $item = $list.eq(rand);

                var title = $('.title', $item).text();
                var content = $('.content', $item).html();
                var href = $('a', $item).attr('href');
                var src = $('img', $item).attr('src');

                var $gallery = $('#gallery');
                var $title = $('.title', $gallery);
                var $content = $('.gallery-content', $gallery);
                var $a = $('#read-more-button', $gallery);
                var $img = $('#gallery-right-content img', $gallery);

                $title.text(title);
                $content.html(content);
                $a.attr('href', href);
                $img.attr('src', src);
            }
        },
        error: function (xhr, textStatus, errorThrown) {
        },
        dataType: 'text'
    });
});
