var ndx = 0;
var imgList = null;
var intervalID = null;
var navBar = null;
var secImage = null;
var rotateTimeOut = 10;
function initializeRotator(imageList, timeOut) {
    imgList = imageList;

    if (imageList.length > 1) {
        addQuickNav();
        positionNavBar();
    }
    if (timeOut && imageList.length > 0) {
        rotateTimeOut = timeOut;
        intervalID = setInterval(rotateImage, timeOut * 1000);
    }
}
function rotateImage() {
    if (ndx < imgList.length -1)
        ndx++;
    else
        ndx = 0;

    gotoImage(ndx);
}
function addQuickNav() {
    var img = $('.imgRotator img');

    if (navBar == null) {
        navBar = $('<div class="rotatorNavBar"></div>');

        for (var i = imgList.length-1; i >= 0; i--) {
            navBar.append($('<a href="#" ndx="' + i + '">' + i + '</a>'));
        }
    }
    $('.imgRotator').append(navBar);
    $('.rotatorNavBar a[ndx=' + ndx + ']').addClass('current');
    navBar.find('a').bind('click', navTo);
}
function navTo(evt) {
    ndx = $(evt.target).attr('ndx');
    gotoImage(ndx);
    resetInterval();
    evt.preventDefault();
    return false;
}
function gotoImage(index) {
    var img = imgList[index];
    $('.rotatorNavBar').hide();
    $('.imgRotator').attr('curIndex', index).fadeTo(1000, 0.1, function() {
        var rot = $(this);
        var ig = imgList[rot.attr('curIndex')];
        $('.imgRotator a').attr('href', ig.Url);
        $('.imgRotator img').attr('src', ig.Location);
        rot.fadeTo(1000, 1, function() {
            positionNavBar();
            $('.rotatorNavBar a').removeClass('current');
            $('.rotatorNavBar a[ndx=' + ndx + ']').addClass('current');
            $('.rotatorNavBar').show();
        });
        rot = null;
        ig = null;
    });
    img = null;
}
function positionNavBar() {
    var offset = $('.imgRotator img').offset();
    $('.rotatorNavBar').width($('.imgRotator img').width());
    $('.rotatorNavBar').css('top', (offset.top + $('.imgRotator img').height() - 20));
    $('.rotatorNavBar').css('left', offset.left);
}
function resetInterval() {
    window.clearInterval(intervalID);
    intervalID = window.setInterval(rotateImage, rotateTimeOut * 1000);
}