function link_me(f_n, l_n) {
    var a_t = unescape("%" + Dec2Hex(64));
    var d_n = 'valionconsulting.ch';
    var e_m = ReplaceUnvalidChar(f_n) + '.' + ReplaceUnvalidChar(l_n) + a_t + d_n;
    return '<a href="mailto:' + e_m + '">' + e_m + '</a>';
}
function link_me_extern(f_n, f_d, f_e) {
    var a_t = unescape("%" + Dec2Hex(64));
    var d_n = f_d;
    switch (f_e) {
        case 1:
            d_n += ".com";
            break;
        case 2:
        default:
            d_n += ".ch";
            break;
    }
    var e_m = ReplaceUnvalidChar(f_n) + a_t + d_n;
    return '<a href="mailto:' + e_m + '">' + e_m + '</a>';
}
function ReplaceUnvalidChar(sWord) {
    var sString = sWord.replace(/ü/, "ue");
    sString = sString.replace(/é/, "e");
    sString = sString.replace(/è/, "e");
    sString = sString.replace(/ä/, "ae");
    sString = sString.replace(/ö/, "oe");
    return sString;
}
function Dec2Hex(Decimal) {
    var hexChars = "0123456789ABCDEF";
    var a = Decimal % 16;
    var b = (Decimal - a)/16;
    hex = "" + hexChars.charAt(b) + hexChars.charAt(a);
    L = hexChars.charAt(a);
    H = hexChars.charAt(b);
    return hex;
}
function hide_details() {
    var myDiv = document.getElementById('coworkers');
    myDiv.innerHTML = "";
    myDiv.style.display = 'none';
}
function show_details(event, firstname, lastname, title) {
    var myDiv = document.getElementById('coworkers');
    var rHtml = "";
    rHtml += firstname + " " + lastname + "<br /><span class=\"italic_text\">" + title +
        "</span><br />";
    if (lastname == "Ruetsch") {
        rHtml += link_me_extern("ruetsch", "ruetsch-partner", 2);
    } else if (lastname == "Herzam") {
        rHtml += link_me_extern("kay", "herzam", 1);
    } else {
        rHtml += link_me(firstname.toLowerCase(), lastname.toLowerCase());
    }
    rHtml += "<div class=\"undertitle\" style=\"margin-top:18px;margin-bottom:0px;text-align:right;\"><a href=\"javascript:hide_details();\" class=\"red_text\">X</a></div>";
    myDiv.innerHTML = rHtml;
    myDiv.style.top = event.clientY + "px";
    myDiv.style.left = event.clientX + "px";
    myDiv.style.display = 'block';
}

function show_description(show_num) {
    // Display the correct description and the "selected" parts
    for (i=1; i<=3; i++) {
        var current_box = document.getElementById("box_" + i);
        if (i == show_num) {
            current_box.style.display = "block";
            document.getElementById("img_" + i).src = pics[i - 1].src;
            if (show_num == 2) {
                document.getElementById("img_4").src = pics[3].src;
            } else if (show_num == 3) {
                document.getElementById("img_5").src = pics[4].src;
            }
        } else {
            current_box.style.display = "none";
            document.getElementById("img_" + i).src = "images/services/services_grey_0" + i + ".gif";
            if (i == 2) {
                document.getElementById("img_4").src = "images/services/services_grey_04.gif";
            } else if (i == 3) {
                document.getElementById("img_5").src = "images/services/services_grey_05.gif";
            }
        }
    }
}