var lastImage=0;
var lastButOne=0;
var curImage=0;
var nxt=1;
function doFade()
{
        //curImage = Math.floor(Math.random()*13+1); //Pick a random image
//        lastButOne = lastImage;
//        lastImage=curImage
//        do 
//        {
//            curImage = Math.floor(Math.random()*13+1); //Pick a random image
//            
//        
//        }while ((lastImage==curImage) || (lastButOne==curImage))
//        fadeImage(curImage);

        //Cycle through the elements
        if(nxt==13)
            nxt=1;
        else nxt++;
            
        fadeImage(nxt);
            
}

function fadeImage(id)
{
   //setOpacity(id, 0, 100, 1000); //fade the image in for 1000ms
   makeVisible(id);
   setOpacity(id, 100, 0, 4500); //then fade it out for 3000ms
}

function setOpacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
    //alert('Fading Out');
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
    //alert('Fading In');
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

function makeVisible(id) //Sets the visibility on, no fading effect
{
    changeOpac(101,id);

}

function pausecomp(Amount)
    {
    d = new Date() //today's date
    while (1)
        {
        mill=new Date() // Date Now
        diff = mill-d //difference in milliseconds
        if( diff > Amount ) {break;}
        }
    }

//sets the initial state of all images to transparent
function hideImages() {
    var i=1;
    for(i=1; i<=13; i++)
    {
        var object = document.getElementById(i).style;
        object.opacity = 0;
        object.MozOpacity = 0;
        object.KhtmlOpacity = 0;
        object.filter = "alpha(opacity=0)";
    }
} 

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function beginAnimating()
{
    //try{
    var curImage = 13;
    //var i=0;
    hideImages()
    setInterval("doFade()",1500); //Animate every 2seconds

}
