// JScript File

// Image Rollover Effect

function swapImageRollover(replacementImage, existingImage)
{
    var oldImage = document.getElementById(existingImage);
    
    oldImage.src = replacementImage;    
}

function altImageRollover(replacementImageSrc, existingImage, largeImage, largeImageSrc)
{
    opacity(existingImage,100,0,200);
    
    setTimeout("transitionHold('" + replacementImageSrc + "','" + existingImage + "')",200);
    
    document.getElementById(largeImage).src = largeImageSrc;    
    document.getElementById('colorchipname').innerHTML = '';
}

function chipImageRollover(replacementImageSrc, existingImage, largeImage, largeImageSrc, chipName)
{
    opacity(existingImage,100,0,200);
    
    setTimeout("transitionHold('" + replacementImageSrc + "','" + existingImage + "')",200);
    
    document.getElementById(largeImage).src = largeImageSrc;
    document.getElementById('colorchipname').innerHTML = chipName;
}

function transitionHold(replacementImageSrc, existingImage)
{
    var oldImage = document.getElementById(existingImage);
    
    oldImage.src = replacementImageSrc;
    opacity(existingImage,0,100,200);
}


function resize(id, sizeStart, sizeEnd, 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(sizeStart > sizeEnd) {
        for(i = sizeStart; i >= sizeEnd; i--) {
            setTimeout("changeSize(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
        return true;
    } else if(sizeStart < sizeEnd) {
        for(i = sizeStart; i <= sizeEnd; i++)
            {
            setTimeout("changeSize(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
        return true;
    }
}

function changeSize(size, id)
{
    var imgStyle = document.getElementById(id).style;
    
    imgStyle.width = size + '%';
    imgStyle.height = size + '%';
}

function opacity(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) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//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 + ")";
}