var RotateDelay = 5000;
var CurrentIndex = 0;
var FadeIn = 'fast';
var FadeOut = 'fast';
var callback = RotateCallback;
var ImageGroup = null;

var result = [ { "Url": "/images/Client/images/main/Rotating/Coquitlam.png"}, {"Url": "/images/Client/images/main/Rotating/Langford.png"}, {"Url": "/images/Client/images/main/Rotating/Victoria-Yates.png"}, {"Url": "/images/Client/images/main/Rotating/Nanaimo.png"}, {"Url": "/images/Client/images/main/Rotating/Victoria-Uptown.png"} ];

function GetImageGroup() {

    ImageGroup = result;
    for (var j in result) {
        var imageUrl = result[j].Url;
        $("#preload").append("<img src='" + imageUrl + "' border='0' alt='' />");
    }
    setInterval(callback, RotateDelay);
}

function RotateCallback() {
    CurrentIndex++;
    if (CurrentIndex > (ImageGroup.length - 1)) {
        CurrentIndex = 0;
    }

    var imageUrl = ImageGroup[CurrentIndex].Url;
    $("#rotatingPic").attr("src", imageUrl);
}

$(document).ready(function () {
    GetImageGroup();
});