function imageLink(imageUrl, linkUrl)
{
    this.imageUrl = imageUrl;
    this.linkUrl = linkUrl;
}

var frameRate = 15;
var holdTime = 5000;
var holding = holdTime;
var opacity = 0;
var opacityIncr = 2;

var images = new Array();
var imageLinkIdx = 0;
var numImageLinks = 0;

$(document).ready(function()
{
    var data = theData.split(";");
    //alert(data);
    numImageLinks = data.length / 2;
    var dataIdx;
    for (dataIdx = 0; dataIdx < data.length; dataIdx += 2)
    {
        images[imageLinkIdx] = new imageLink(data[dataIdx], data[dataIdx + 1]);
        setImageLink();
    }
    setImageLink();

    // no rotation if there is only one image
    if (numImageLinks == 1)
    {
        setOpacity(100);
        return;
    }

    setInterval(function()
    {
        holding += frameRate;
        if (holding >= holdTime)
        {
            opacity += opacityIncr;
            if (opacity < 0) opacity = 0;
            if (opacity > 100) opacity = 100;
            setOpacity(opacity);

            if (opacity == 0 || opacity == 100)
            {
                opacityIncr *= -1;
                if (opacity == 100)
                {
                    holding = 0;
                }
                else
                {
                    setImageLink();
                }
            }
        }
    }, frameRate);
});

function setOpacity(val)
{
    $("div").css("opacity", val / 100);
    $("div").css("filter", "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + val + ")");
}

function setImageLink()
{
    if (null != images[imageLinkIdx])
    {
        $("a").attr("href", images[imageLinkIdx].linkUrl);
        $("img").attr("src", images[imageLinkIdx].imageUrl);
    }
    
    // increment image index
    imageLinkIdx++;
    if (imageLinkIdx == numImageLinks) imageLinkIdx = 0;
}