pngfix = function(divId, imgUrl, imgWidth, imgHeight) {
    var arVersion = navigator.appVersion.split("MSIE")
    var version = parseFloat(arVersion[1])
    var divContainer = document.getElementById(divId);

    if ((version >= 5.5) && (document.body.filters)) {
        var imgDiv = null;
        if (divContainer.hasChildNodes()) {
            imgDiv = divContainer.firstChild;
        } else {
            imgDiv = document.createElement('div');
            imgDiv.id = divId + 'ImgDiv';
            divContainer.appendChild(imgDiv);
        }
        imgDiv.style.width = imgWidth + 'px';
        imgDiv.style.height = imgHeight + 'px';

        //imgDiv.style.backgroundImage = 'url(' + imgUrl + ')';
        imgDiv.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + imgUrl + '\', sizingMethod=\'scale\')';


    } else {

        var img = null;
        if (divContainer.hasChildNodes()) {
            img = divContainer.firstChild;
        } else {
            // should be an image because of resize abilities
            img = new Image(imgWidth, imgHeight);
            img.id = 'avatarImg';
            divContainer.appendChild(img);
        }

        img.src = imgUrl;

        // fix for firefox
        divContainer.style.height = imgHeight + 'px';
    }
}

function hideBubble() {
    document.getElementById('sprechblase').style.display = 'none';
}

function showBubble(contentId, left, top) {
    // referenz auf node mit dem content holen
    var content = document.getElementById(contentId);
    var sprechblaseContent = document.getElementById('sprechblaseContent');
    var sprechblaseTable = document.getElementById('sprechblaseTable');

    sprechblaseTable.style.top = top + 'px';
    sprechblaseTable.style.left = left + 'px';

    // alle inhalte der sprechblase verstecken
    for (i = 0; i < sprechblaseContent.childNodes.length; i++) {
        if (sprechblaseContent.childNodes[i].style) {
            sprechblaseContent.childNodes[i].style.display = 'none';
        }
    }

    // content einblenden
    content.style.display = 'block';
    // sprechblase anzeigen
    document.getElementById('sprechblase').style.display = 'block';
}

function showPopup(id) {
    document.getElementById(id).style.display = 'block';
}

function hidePopup(id) {
    document.getElementById(id).style.display = 'none';
    document.forms['calculateForm'].numpersons.style.visibility = 'hidden';
    document.getElementById('qmflachkollektor').style.visibility = 'hidden';
    document.getElementById('qmvakuumkollektor').style.visibility = 'hidden';
    document.getElementById('lflachkollektor').style.visibility = 'hidden';
    document.getElementById('lvakuumkollektor').style.visibility = 'hidden';
}

// Fix für IE6. Formularfelder müssen separat unsichtbar gestezt werden.
function showBubbleWithForm(contentId, left, top) {
    showBubble(contentId, left, top);
    document.forms['calculateForm'].numpersons.style.visibility = 'visible';
    document.getElementById('qmflachkollektor').style.visibility = 'visible';
    document.getElementById('qmvakuumkollektor').style.visibility = 'visible';
    document.getElementById('lflachkollektor').style.visibility = 'visible';
    document.getElementById('lvakuumkollektor').style.visibility = 'visible';
}
function hideBubbleWithForm() {
    hideBubble();
    document.forms['calculateForm'].numpersons.style.visibility = 'hidden';
    document.getElementById('qmflachkollektor').style.visibility = 'hidden';
    document.getElementById('qmvakuumkollektor').style.visibility = 'hidden';
    document.getElementById('lflachkollektor').style.visibility = 'hidden';
    document.getElementById('lvakuumkollektor').style.visibility = 'hidden';
}

function calculate() {
    var selectValue = document.getElementById('calculateForm').numpersons.options[document.getElementById('calculateForm').numpersons.selectedIndex].value;
    document.getElementById('qmflachkollektor').value = selectValue * 1.5;
    document.getElementById('qmvakuumkollektor').value = selectValue;
    document.getElementById('lflachkollektor').value = selectValue * 4;
    document.getElementById('lvakuumkollektor').value = selectValue * 3;
}
//calculate();