$(document).ready(function() {
    $.get('rotater.xml', function(d) {
        $(d).find('image').each(function() {

            var $image = $(this);
            var isrc = $image.attr("src");
            var idesc = $image.attr('desc');
            var isubtitle = $image.attr('subtitle');
            var ivert = $image.attr('vert');
            var ihorz = $image.attr('horz');

            var html = '<img class="bookImage" alt="" src="' + isrc + '" />';
            //html += '<span class="loadingPic" alt="Loading" />';
            //html += '<p class="title">' + idesc + '</p>';
            //html += '<p> ' + isubtitle + '</p>';
            //html += '<p> ' + ivert + '&nbsp;:';
            //html += '&nbsp;' + ihorz + '</p>';

            $('#leftCol').append($(html));
            $('#leftCol').cycle({
                fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            });
            //$('.loadingPic').fadeOut(1400);
        });
    });
})