var mainSrc = "style/images/blank.gif";

function imageSet(isOver, obj, fileRef, mainId) {
    var objMain = getObj(mainId);

    if (isOver) {
        obj.src = fileRef + "_active.jpg";
        mainSrc = objMain.src;
        objMain.src = fileRef + "_large.jpg";
    }
    else {
        obj.src = fileRef + "_inactive.jpg";
        objMain.src = mainSrc;
    }
}

function getObj(id) {
    var obj = new Object();
    if (typeof (id) == 'string') {
        if (document.getElementById) //W3C
        {
            obj = document.getElementById(id);
        }
        else if (document.all) //IE
        {
            obj = document.all(id);
        }
        else //not IE or W3C
        {
            obj.style = new Object();
        }
    } else {
        obj = id;
    }

    return obj;
}

function imageDepartment(isOver, fileRef, mainId) {
    var objMain = getObj(mainId);

    if (isOver) {
        mainSrc = objMain.src;
        objMain.src = fileRef;
    }
    else {
        objMain.src = mainSrc;
    }
}

function productDocument(url, mainId) {
    if (url.match(".jpg")) {
        var objMain = getObj(mainId);
        objMain.src = url;
    }
    else {
        window.open(url, "productDoc", "", false);
    }
}

// Opacity and Fade in script.
// Script copyright (C) 2008 http://www.cryer.co.uk/.
// Script is free to use provided this copyright header is included.
function SetOpacity(object, opacityPct) {
    // IE.
    object.style.filter = 'alpha(opacity=' + opacityPct + ')';
    // Old mozilla and firefox
    object.style.MozOpacity = opacityPct / 100;
    // Everything else.
    object.style.opacity = opacityPct / 100;
}
function ChangeOpacity(id, msDuration, msStart, fromO, toO) {
    var element = document.getElementById(id);
    var opacity = element.style.opacity * 100;
    var msNow = (new Date()).getTime();
    opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
    if (opacity < 0)
        SetOpacity(element, 0)
    else if (opacity > 100)
        SetOpacity(element, 100)
    else {
        SetOpacity(element, opacity);
        element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")", 1);
    }
}
function FadeIn(id) {
    var element = document.getElementById(id);
    if (element.timer) window.clearTimeout(element.timer);
    var startMS = (new Date()).getTime();
    element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",0,100)", 1);
}
function FadeOut(id) {
    var element = document.getElementById(id);
    if (element.timer) window.clearTimeout(element.timer);
    var startMS = (new Date()).getTime();
    element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",100,0)", 1);
}
function FadeInImage(foregroundID, newImage, backgroundID) {
    var foreground = document.getElementById(foregroundID);
    if (backgroundID) {
        var background = document.getElementById(backgroundID);
        if (background) {
            background.style.backgroundImage = 'url(' + foreground.src + ')';
            background.style.backgroundRepeat = 'no-repeat';
        }
    }
    SetOpacity(foreground, 0);
    foreground.src = newImage;
    if (foreground.timer) window.clearTimeout(foreground.timer);
    var startMS = (new Date()).getTime();
    foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "',1000," + startMS + ",0,100)", 10);
    mainSrc = newImage;
}