/* Daten fuer Achim */
var Achim = {
    'addressHeadline' : 'Pferd Niederlassung Achim',
    'addressAdr' : 'Am Schmiedeberg 4<br />28832 Achim',
    'addressPhone' : {
        'phone0' : "+49 (4202) 881309"
    },
    'addressFax' : "+49 (4202) 881440",
    'addressEmail' : "achim@pferd.com",
    'customerHeadline' : "Kundenberatung Marienheide",
    'customerPhone' : {
        'phone0' : "+49 (2264) 9480"
    },
    'customerFax' : "+49 (2264) 9466",
    'vcardPATH' : "http://193.221.127.178/images/vcard_rueggeberg.vcf",
    'vcard': 'VCard speichern',
    'print': 'drucken'
};
function infoBox(id) {
    var html = '<div class="officeLayer"><div class="h2Outer"><div class="headline">' +  id.addressHeadline + '</div><div class="icClose"><a href="javascript:hideInfoBox();" id="closeImg"><img src="/images/ic_close.gif" /></a></div><div class="clear2">&nbsp;</div></div>' +
                    '<div class="officeLayerContent heightAndScroll">';
                    
    if (id.addressAdr != undefined) {
        html += '<div class="addressBox">' + id.addressAdr + '</div>'
                        
    };
    html += '<div class="innerContent"><div class="addressBox left">' + '<div class="addressLeft">Tel:</div> <div class="addressRight">';
                            
    for (var i in id.addressPhone) {
        html += '<a href="phone:' + id.addressPhone[i] + '">' + id.addressPhone[i] + '</a><br />'
    };
    html += '</div><div class="clear">&nbsp;</div>';
    if (id.addressFax != undefined) {
        html += '<span class="addressLeft">Fax:</span> <span class="addressRight">' + id.addressFax + '</span><div class="clearleft">&nbsp;</div>'
    };    
    
    if (id.addressEmail != undefined) {
        html += '<span class="addressLeft link">E-Mail:</span> <a href="mailto:' + id.addressEmail + '" class="weiterlink">' + id.addressEmail + '</a><div class="clearleft">&nbsp;</div>'
    };
    
    if (id.homepage != undefined && id.addressEmail != undefined) {
        html += '<span class="addressLeft">URL:</span> <a href="http://' + id.homepage + '" class="weiterlink">' + id.homepage + '</a><div class="clearleft">&nbsp;</div>'
    } else if (id.homepage != undefined) {
        html += '<span class="addressLeft link">URL:</span> <a href="http://' + id.homepage + '" class="weiterlink">' + id.homepage + '</a><div class="clearleft">&nbsp;</div>'
    };
    
    
    html += '</div>';
    
    if (id.customerPhone != undefined && id.customerFax != undefined) {
        html += '<div class="addressBox right">' +
                    '<h3>' + id.customerHeadline + '</h3>' +
                    '<span class="addressLeft">Tel:</span> <span class="addressRight">';
                            
        for (var i in id.customerPhone) {
            html += '<a href="phone:' + id.customerPhone[i] + '">' + id.customerPhone[i] + '</a><br />'
        };
        html += '</span><div class="clearleft">&nbsp;</div>' +
                    '<span class="addressLeft">Fax:</span> ' + id.customerFax  + '<div class="clearleft">&nbsp;</div>' +
                '</div>'
        };
    
    html += '<div class="clear">&nbsp;</div></div><div class="clearleft">&nbsp;</div>' +
            '</div>' +
            '<div class="officeLayerContent">' +
                        '<div class="addressBox boxMarginTop Floatleft">' + 
                            '<span class="addressLeft">&nbsp;</span> ';
                            
    if (id.vcardPATH != undefined) {
        html += '<span class="addressLeft3"><a href="' + id.vcardPATH + '" class="vcardlink">' + id.vcard + '</a></span>';
    };
    
    html += '<span class="addressLeft"><a href="javascript:window.print();" class="printlink">' + id.print + '</a></span>' +
                        '</div>' +
                        '<div class="clearleft">&nbsp;</div>' +
                    '</div>' +
               '</div>';
    div = document.getElementById('detailLayer');
    div.innerHTML = html;
    div.style.width  = "400px";
    div.style.height = "150";
    div.style.left = "59px";
    div.style.top = "40px";
    div.style.position = "absolute";
    div.style.display = 'block';
    
    var closeImg = document.getElementById("closeImg");
    
}
function hideInfoBox() {
    div = document.getElementById('detailLayer');
    div.style.display = 'none';
}