//	pre-render scripts
$(document).ready(function () {

    var backgroundImagesElement = $("#backgroundImages");
    if (backgroundImagesElement.length > 0) {
        var backgroundImagesData = JSON2.parse(backgroundImagesElement[0].innerHTML);
        var randomnumber = Math.floor(Math.random() * backgroundImagesData[0].amount);
        var pageContentElement = $("#pageContent");
        pageContentElement.css("background-image", "url(" + backgroundImagesData[0].backgroundImages[randomnumber] + ")");
    }

    $("a.galleryItem").fancybox({
		'transitionIn'	: 'none',
		'transitionOut'	: 'none',
		type: "image",
		titleFormat: function (title, currentArray, currentIndex, currentOpts) {
		    return '<span class="title" style="background-color: #000">' + title + '</span>';
		}
	});

    var recentImagesElement = $("#recent-images");
    if (recentImagesElement.length > 0)
        GetRecentImages();
});

function GetRecentImages() {
    $.ajax({
        data: '{"count": "12"}',
        url: '/webservice/messages.asmx/GetRecentImages',
        dataType: 'json',
        type: 'POST',
        contentType: "application/json; charset=utf-8",
        success: function (resp) {
            var data = JSON2.parse(resp.d);
            var recentMessages = {};
            recentMessages.messages = data;
            $.get('/static/besoegshunde/templates/RecentImages.tmpl.txt', function (template) {
                var placeHolder = $("#recent-images");
                $.tmpl(template, recentMessages).appendTo(placeHolder);
				$('#carousel').jsCarousel({ autoscroll: false, circular: true, masked: false, itemstodisplay: 4, orientation: 'h' });
            });
        },
        error: function () {
            return "Error creating list";
        }
    });
}

var angleClasses = new Array("angle1", "angle2", "angle3", "angle4", "angle1", "angle2", "angle3", "angle4", "angle1", "angle2", "angle3", "angle4");
function GetAngleClass() {
    var classNumber = Math.floor(Math.random() * angleClasses.length);
    var angleClass = angleClasses[classNumber];
    angleClasses.splice(classNumber, 1);
    return angleClass;
}