/**
 * Funktion zum Oeffnen der HIB in einem DIV-Layer
 * @param path {String} Pfad inklusive Paramter zur HIB
 * @param index {Integer} Index des HotelThumbs
 */
function ttOpenHib(path, index) {
    if(document.getElementById('ttForm4Div' + index) == null || typeof($_TT('ttForm4Div' + index)) == 'undefined') {
        var hibDiv = document.createElement('div');        
        var hibDiv_id = document.createAttribute('id');
        hibDiv_id.nodeValue = 'ttForm4Div' + index;        
        hibDiv.setAttributeNode(hibDiv_id);
        var hibDiv_class = document.createAttribute("class");
        hibDiv_class.nodeValue = "ttForm4BottomSeenHotelsThumbDiv";
        hibDiv.setAttributeNode(hibDiv_class);        
        document.body.appendChild(hibDiv);    
    }
    
    var hibDiv = document.getElementById('ttForm4Div' + index);
    
    var strHtml = '<div class="ttForm4HibDiv">';
    strHtml    += '    <div class="tt_afhHeadClose" onclick="closeDivLabel(\'ttForm4Div' + index + '\');" title="schließen">X</div>';
    strHtml    += '    <iframe src="' + path + '" class="ttForm4BottomSeenHotelsThumbIframe"></ifarme>';
    strHtml    += '</div>';
    
    hibDiv.innerHTML = strHtml; 
    
    if (document.body && document.body.offsetHeight && document.body.offsetHeight > 0) {
        var iW = document.body.offsetWidth;
        var iH = document.body.offsetHeight;    
    } else if (document.body && document.body.clientHeight && document.body.clientHeight > 0) {
        var iW = document.body.clientWidth;
        var iH = document.body.clientHeight;    
    } else if (window.innerHeight && window.innerHeight > 0) {
        var iW = window.innerWidth;
        var iH = window.innerHeight;    
    }   
    
    var divLeft = (parseInt((iW - 796) / 2)) + 'px';
    var divTop  = '50px';
    
    hibDiv.style.left    = divLeft;
    hibDiv.style.top     = divTop;
    hibDiv.style.display = 'block';
}

/**
 * Funktion zum Ausblenden von Layern bei Klick in einen anderen Seitenbereich
 * @param strTip {String} Text des  Tooltipps
 * @returns strHtml {String} Tooltipp inklusive Text
 */
function ttGetToolTipHtml(strTip) {
    
    var clearBothDiv = '<div class="clearBoth"><img src="/images/spacer.gif" width="0" height="0" alt="" /></div>';
    var spacerImg    = '<img src="images/spacer.gif" width="0" height="0" alt="" />';
    var arrowImg     = '<img src="/kunden_parameter/condor2/ibe_v2/images/tooltip/tooltipArrow.png" class="tooltipArrowImg iepngfix" width="19" height="15" alt="" border="0" />';

    var strHtml = '<table class="tooltipContent" cellpadding="0" cellspacing="0" border="0">';
    strHtml    += '    <tr>';
    strHtml    += '        <td class="tooltipTopLeft iepngfix">' + spacerImg + '</td>';
    strHtml    += '        <td class="tooltipTop iepngfix" height="30">' + spacerImg + '</td>';
    strHtml    += '        <td class="tooltipTopRight iepngfix">' + spacerImg + '</td>';
    strHtml    += '    </tr>';
    strHtml    += '    <tr>';
    strHtml    += '        <td class="tooltipLeft iepngfix">' + spacerImg + '</td>';
    strHtml    += '        <td class="tooltipMiddle iepngfix"><div class="tooltipTxtDiv">' + strTip + '</div></td>';
    strHtml    += '        <td class="tooltipRight iepngfix">' + spacerImg + '</td>';
    strHtml    += '    </tr>';
    strHtml    += '    <tr>';
    strHtml    += '        <td class="tooltipBottomLeft iepngfix">' + spacerImg + '</td>';
    strHtml    += '        <td class="tooltipBottom iepngfix">' + spacerImg + '</td>';
    strHtml    += '        <td class="tooltipBottomRight iepngfix">' + spacerImg + '</td>';
    strHtml    += '    </tr>';
    strHtml    += '    <tr>';
    strHtml    += '        <td colspan="3" class="tooltipArrow iepngfix">' + arrowImg + '</td>';
    strHtml    += '    </tr>';
    strHtml    += '</table>';

    strHtml = strHtml.replace(/\r/g, '', strHtml);
    strHtml = strHtml.replace(/\n/g, '', strHtml);
    
    return strHtml;
}