function showPopup(oTrigger, oElement) {
    var curLeft = curTop = 0;
    if (oTrigger.offsetParent) {
        curLeft = oTrigger.offsetLeft;
        curTop = oTrigger.offsetTop;
        while (oTrigger = oTrigger.offsetParent) {
            curLeft += oTrigger.offsetLeft;
            curTop += oTrigger.offsetTop;
        }
    }
    oElement.style.left = 240;
    oElement.style.top = curTop;
    oElement.style.display = 'block';
}
function showFigure(oParent,id) {
    var oFigure = document.getElementById(id);
    if (oFigure.style.display != 'block') {
        oFigure.style.display = 'block';
        oParent.style.fontStyle = 'italic';
    }
    else {
        oFigure.style.display = 'none';
        oParent.style.fontStyle = 'normal';
    }
}
function hideFigure(id) {
    var aId = id + '_l';
    var oFigure = document.getElementById(id);
    var oAnchor = document.getElementById(aId);
    oFigure.style.display = 'none';
    oAnchor.style.fontStyle = 'normal';
}

function hideTab(element){
    for(var i=1;i<10;i++){
        if(document.getElementById(element+'_'+i) != null){
            document.getElementById(element+'_'+i).style.display = 'none';
        }
    }
}

function showTab(tab,tabId,element,id){
    hideTab(element);
    changeTabBack(tab);
    if(document.getElementById(element+'_'+id) != null){
        document.getElementById(element+'_'+id).style.display = 'block';
    }
    if(document.getElementById(tab+'_'+tabId) != null){
        document.getElementById(tab+'_'+tabId).className = 'selectedTab';
        // document.getElementById(tab+'_'+tabId).style.backgroundImage = 'url(/pic/icons/tab_selected.jpg)';
        // document.getElementById(tab+'_'+tabId).style.color = '#ff7e00';
        // document.getElementById(tab+'_'+tabId).style.fontWeight = 'bold';
        // document.getElementById(tab+'_'+tabId).style.border = '1px solid #8acbdd';
    }
}

function changeTabBack(element){
    for(var i=1;i<10;i++){
        if(document.getElementById(element+'_'+i) != null){
            document.getElementById(element+'_'+i).className = 'unselectedTab';
            //  document.getElementById(element+'_'+i).style.backgroundImage = 'url(/pic/icons/tab_unselected.jpg)';
            // document.getElementById(element+'_'+i).style.color = '#000000';
            // document.getElementById(element+'_'+i).style.fontWeight = 'normal';
            // document.getElementById(element+'_'+i).style.border = '1px solid white';
        }
    }
}

function hidePricelist(){
    for(var i=1;i<40;i++){
        if(document.getElementById('phase_'+i) != null){
            document.getElementById('phase_'+i).style.color = 'black';
            // document.getElementById('phase_'+i).style.fontWeight = 'normal';
            document.getElementById('price_'+i).style.display = 'none';
            document.getElementById('img_'+i).style.display = 'none';
        }
    }
}

function showPricelist(id){
    hidePricelist();
    if(document.getElementById('phase_'+id) != null){
        // document.getElementById('phase_'+id).style.color = 'green';
        // document.getElementById('phase_'+id).style.fontWeight = 'bold';
        // document.getElementById('price_'+id).style.display = 'block';

        document.getElementById('phase_'+id).style.color = '#147bd2';
        // document.getElementById('phase_'+id).style.fontWeight = 'bold';
        document.getElementById('price_'+id).style.display = 'block';
        document.getElementById('img_'+id).style.display = 'inline';
    }
}