function fcs(idee) {
    document.getElementById(idee).style.height = "81px";
 }
 function nofcs(idee) {
     document.getElementById(idee).style.height = "80px";
 }

 function resetview() {
     document.getElementById("level_1").style.filter = "alpha(opacity = 100)";
     document.getElementById("level_1").style.opacity = 1.0;
     opacity("furniture_2", 100, 0, 0);
     opacity("decorative_2", 100, 0, 0);
     opacity("art_2", 100, 0, 0);
     
 }
 
function DoOpacity(orig_id) {
    //document.getElementById(orig_id).style.opacity = 1;
    var Elstr = orig_id.split("_");
    var lvl = Elstr[1];
    var parentId = Elstr[0] + "_" + (lvl - 1);
    var childId = Elstr[0] + "_" + ((lvl * 1) + 1);
    //document.getElementById("test").innerHTML = curOpac("level_" + lvl) + "<br/>" + parentId + "<br/>" + childId;
    
    switch (lvl) {
        case "1":
            lev1_op = curOpac("level_" + lvl);
            if (lev1_op == 100) {
                opacity("level_" + lvl, 100, 40, 150);
            } else {
                opacity("level_" + lvl, 40, 40, 150);
            }
            opacity("furniture_2", 100, 0, 70);
            opacity("decorative_2", 100, 0, 70);
            opacity("art_2", 100, 0, 70);
            
            shiftOpacity(childId, 0, 100, 150);
            break;
        //case "2":
            //lev_op = curOpac("level_" + lvl);
           // if (lev_op == 100) {
            //    opacity("level_" + lvl, 100, 40, 250);
           // } else {
           //     opacity("level_" + lvl, 40, 40, 250);
           // }
           // opacity("furniture_3", 100, 0, 250);
           // opacity("decorative_3", 100, 0, 250);
           // opacity("art_3", 100, 0, 250);
           // shiftOpacity(childId, 0, 100, 250);
           // break;   
       default:
           break;
                }
}

function curOpac(x) {
    Opac = document.getElementById(x).style.opacity * 100;
    return Opac;
}

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

function opacity(idee, 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 + ",'" + idee + "')", (timer * speed));
            timer++;
            document.getElementById(idee).style.zIndex = -3;
        }
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + idee + "')", (timer * speed));
            timer++;
            document.getElementById(idee).style.zIndex = 7;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity,idee) {
    var object = document.getElementById(idee).style;
    object.filter = "alpha(opacity=" + opacity + ")";
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
}