var TIMEOUT_CLIENT = 2500;
var TIMEOUT_PARTNER = 2000;
var TIMEOUT_TECH = 2000;

var Clients = new Object();
Clients.ArrImages = new Array(  "images/clientsRotation/baxter.jpg",
                                "images/clientsRotation/fedexlogo.jpg",
                                "images/clientsRotation/gmlogo.jpg",
                                "images/clientsRotation/logobcbs.jpg",
                                "images/clientsRotation/logoCAE.jpg",
                                "images/clientsRotation/campbellsLogo.jpg",
                                "images/clientsRotation/logojnj.jpg",
                                "images/clientsRotation/logoMcneil.jpg",
                                "images/clientsRotation/logoNovamex.jpg",
                                "images/clientsRotation/logoBruce.jpg",
                                "images/clientsRotation/amfam_logo.jpg",
                                "images/clientsRotation/SBMlogo.jpg",
                                "images/clientsRotation/USA_Logo_Color.jpg",
                                "images/clientsRotation/WAClogo.jpg");
Clients.ImageID = "idOne";
Clients.CurrentImage = 0;

var Partners = new Object();
Partners.ArrImages = new Array("images/partners/edsLogo.jpg","images/partners/mciverizonLogo.jpg");
Partners.ImageID = "idTwo";
Partners.CurrentImage = 0;

var Technology = new Object();
Technology.ArrImages = new Array("images/tech/MCSP.gif","images/tech/dotnetlogo.jpg","images/tech/sharePointlogo.jpg");
Technology.ImageID = "idThree";
Technology.CurrentImage = 0;


function StartTimers()
{
    setTimeout("LoadClientImage()",TIMEOUT_CLIENT);
    setTimeout("LoadPartnerImage()",TIMEOUT_PARTNER);
    setTimeout("LoadTechnologyImage()",TIMEOUT_TECH);
}

function LoadClientImage()
{
    var imageid= Clients.ImageID;
    var currentImage = Clients.CurrentImage;
    var newImage = Clients.ArrImages[currentImage];

    document.getElementById(imageid).src = newImage ;
    if(Clients.CurrentImage >= Clients.ArrImages.length - 1)
    {
        Clients.CurrentImage = 0;
    }
    else
    {
        Clients.CurrentImage++;
    }
    setTimeout("LoadClientImage()",TIMEOUT_CLIENT );
}

function LoadPartnerImage()
{
    var imageid= Partners.ImageID;
    var currentImage = Partners.CurrentImage;
    var newImage = Partners.ArrImages[currentImage];

    document.getElementById(imageid).src = newImage ;
    if(Partners.CurrentImage >= Partners.ArrImages.length - 1)
    {
        Partners.CurrentImage = 0;
    }
    else
    {
        Partners.CurrentImage++;
    }
    setTimeout("LoadPartnerImage()", TIMEOUT_PARTNER);
}

function LoadTechnologyImage()
{
    var imageid= Technology.ImageID;
    var currentImage = Technology.CurrentImage;
    var newImage = Technology.ArrImages[currentImage];
    
    document.getElementById(imageid).src = newImage;
    if(Technology.CurrentImage >= Technology.ArrImages.length -1)
    {
        Technology.CurrentImage = 0;
    }
    else
    {
        Technology.CurrentImage++;
    }
    setTimeout("LoadTechnologyImage()", TIMEOUT_TECH);
}

function StartTableRotator(table1, table2, table3) {
    setInterval("TableRotator('" + table1 + "', '" + table2 + "', '" + table3 + "')", 5000);
}

function TableRotator(table1id, table2id, table3id) {
    var table1 = document.getElementById(table1id);
    var table2 = document.getElementById(table2id);
    var table3 = document.getElementById(table3id);

    if (table1.style.display == "block")
    {
        //opacity(table1id, 100, 1, 250);
        opacity(table2id, table1id, 250);
    }
    else if (table2.style.display == "block") {
        //opacity(table1id, 100, 1, 250);
        opacity(table3id, table2id, 250);
    }
    else {
        //opacity(table2id, 100, 1, 250);
        opacity(table1id, table3id, 250);
    }
}

function opacity(idView, idHide, millisec) {
    //speed for each frame 
    var speed = Math.round(millisec / 100);
    var timer = 0;

    for (i = 0; i <= 200; i++) {
        //setTimeout("changeOpac(" + i + ",'" + id + "', 1)", (timer * speed));
        if (i <= 100) {
            setTimeout("changeOpac(" + (100 - i) + ",'" + idHide + "', 1)", (timer * speed))
        }
        if (i > 100) {
            setTimeout("changeOpac(" + (i - 100) + ",'" + idView + "', 0)", (timer * speed))
        }
        timer++;
    }

    //determine the direction for the blending, if start and end are the same nothing happens 
   /* if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i--) {
            //setTimeout("changeOpac(" + i + ",'" + id + "', 1)", (timer * speed));
            changeOpac(i, id, 1);
            timer++;
        }
    }
    else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            //setTimeout("changeOpac(" + i + ",'" + id + "', 0)", (timer * speed));
            changeOpac(i, id, 0);
            timer++;
        }
    }*/
}

//change the opacity for different browsers
function changeOpac(opacity, id, hide) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
    
    if( hide == 0 ){
        object.display = "block";
    }
    if( opacity <= 0 && hide == 1 ){
        object.display = "none";
    }
}