// JScript File

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

var imgArray = new Array(8);
var frame = 0;
var imgCount;

function preload()
{

    header_preload();
     animate();
}

function header_preload()
{
    imgArray = document.getElementById("aniImageDiv").getElementsByTagName("img");
    imgCount = imgArray.length;
    
    for(i=1; i<imgCount; i++)
    {
        changeObjOpac(0,imgArray[i]);
        imgArray[i].style.display = "block";
    }
}


function animate()
{
    frame = transform(imgArray, frame, "imgArray");
    //setCaption("rotate_caption", imgArray, frame);
    var timer = setTimeout("animate()", 5000);
}   

// transition to next frame in iamge array
function transform(imgA, frm, imgAName)
{
    var millisec = 2000;
    var speed = Math.round(millisec / 100); 
   
   // set image to next picture
   var newframe = (frm + 1)%(imgA.length);
   
   // slowly show image 
   for(i=0; i <= 100; i++)
   {
    setTimeout("fade(" + i + "," +frm +","+ newframe +", " +imgAName +")", (speed*i));
   }
   frm = newframe;
   return frm;
}

function setCaption(captionID, imgA, index)
{
    //get description from <img> alt attribute
    document.getElementById(captionID).firstChild.nodeValue = imgA[index].alt;
} 

function fade(opacity, down, up, imgA)
{
    changeObjOpac(opacity, imgA[up] );
    changeObjOpac((100 - opacity), imgA[down]);
}

function changeObjOpac(opacity, object) { 
    object.style.opacity = (opacity /101); 
    object.style.MozOpacity = (opacity /101); 
    object.style.KhtmlOpacity = (opacity / 100); 
    object.style.filter = "alpha(opacity=" + opacity + ")"; 
}