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

function shiftOpacity(id, millisec) {
    //if an element is invisible, make it visible, else make it ivisible
    if (document.getElementById(id).style.opacity == 0) {
        opacity(id, 0, 100, millisec);
    } else {
        opacity(id, 100, 0, millisec);
    }
}

function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";

    //make image transparent
    changeOpac(0, imageid);

    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')", (timer * speed));
        timer++;
    }
}

function currentOpac(id, opacEnd, millisec) {
    //standard opacity is 100
    var currentOpac = 100;

    //if the element has an opacity set, get it
    if (document.getElementById(id).style.opacity < 100) {
        currentOpac = document.getElementById(id).style.opacity * 100;
    }

    //call for the function that changes the opacity
    opacity(id, currentOpac, opacEnd, millisec)
}


var timerID_R = null;
var outtimerID_R = null;
var lastIn_R = null;
var doShow_R = true;

function showPopup_R(ctrlID, H) {
    if (!doShow_R) return false;
    document.getElementById(ctrlID).parentNode.className = 'tdCodingOver';
    var curH = (document.getElementById(ctrlID).style.height.replace("px", "") - 0);
    if (curH < H) {
        document.getElementById(ctrlID).style.height = (curH + 3) + "px";
        timerID_R = window.setTimeout('showPopup_R("' + ctrlID + '",' + H + ');', 10);
    }
};

function hidePopup_R(ctrlID) {
    var ctr = document.getElementById(ctrlID);
    var curH = (ctr.style.height.replace("px", "") - 0);

    ctr.style.display = 'block';

    if (curH <= 1) {
        ctr.style.display = 'none';
        ctr.parentNode.className = 'tdCoding';
    } else {
        ctr.style.height = (curH - 5 < 0 ? 0 : curH - 5) + "px";
        timerID_R = window.setTimeout('hidePopup_R("' + ctrlID + '");', 10);
    }
};

function hideOnTime_R(hideDiv) {
    //hide TD and related Popup  
    if (hideDiv != null) {
        clearTimeout(timerID_R);
        hidePopup_R(hideDiv);
        lastIn_R = null;
    }
};

var lastIn_obj = null;
function onShowSimplePopup_R(div, obj) {
    if (lastIn_R)
        onMouseOut_R2(lastIn_obj, lastIn_R);
    lastIn_obj = obj;
    lastIn_R = div;
    doShow_R = true;
    document.getElementById(div).style.display = 'block';
    document.getElementById(div).parentNode.isOpen = true;
    showPopup_R(div, document.getElementById(div).getElementsByTagName('table')[0].offsetHeight);
    //}
};

function onMouseOut_R2(obj, div) {
    //    lastIn_R = div; 
    hideOnTime_R(div);
    obj.isOpen = false;
};