function show(id) {
    var button = document.getElementById(id + "_button");
    button.style.visibility = 'visible';
}

function hide(id) {
    var button = document.getElementById(id + "_button");
    if (!button.src.match("/img/" + id + "_on.gif") && !button.src.match("/img/subnavi_on.gif") && !button.src.match("/img/detail_on.gif") && !button.src.match("/img/detailright_on.gif")) {
        button.style.visibility = 'hidden';
    }
}


function getContent(id) {
    var buttons = getElementsByClassName('detail_button');
    for (var i=0; i<buttons.length; i++) {
        var idtemp = buttons[i].id.split('_');
        buttons[i].src= "/img/detail_over.gif";
        buttons[i].style.visibility = 'hidden';
    }
    var button = document.getElementById(id + "_button");
    button.src = "/img/detail_on.gif";
    button.style.visibility = 'visible';
    document.getElementById('detail_inner').innerHTML=document.getElementById(id +'_detail').innerHTML;
}

function getContentWLC(id) {
    var buttons = getElementsByClassName('detail_button');
    for (var i=0; i<buttons.length; i++) {
        var idtemp = buttons[i].id.split('_');
        buttons[i].src= "/img/detailright_over.gif";
        buttons[i].style.visibility = 'hidden';
    }
    var button = document.getElementById(id + "_button");
    button.src = "/img/detailright_on.gif";
    button.style.visibility = 'visible';
    document.getElementById('detail_inner').innerHTML=document.getElementById(id +'_detail').innerHTML;
}


function getElementsByClassName(className) {
  var a = [];
  var els = document.getElementsByTagName("*");
  for ( var i = 0, j = els.length ; i < j ; i++ ) {
    if (els.item(i).className.indexOf(className) != -1)
      a.push(els.item(i));
  }
  return a;
}

      
function setCords(e){
    x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
    y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
    if (document.getElementById("bild")) {
        x -= document.getElementById("bild").offsetLeft + document.getElementById("content_frame").offsetLeft + document.getElementById("content").offsetLeft;
        y -= document.getElementById("bild").offsetTop + document.getElementById("content_frame").offsetTop + document.getElementById("content").offsetTop;
        
        x = (document.all) ? x - 20 : x;
        y = (document.all) ? y - 235 + document.getElementById("content").scrollTop : y + document.getElementById("content").scrollTop;
    }
}


document.onmousemove = setCords;


empty = true;

function getCords()

{

if (x > 129 && x < 200 && y > 0 && y < 71) {
    empty = false;
    document.getElementById("detail_inner").innerHTML = document.getElementById("software_crm_desc").innerHTML;
} else if (x > 219 && x < 290 && y > 0 && y < 71) {
    empty = false;
    document.getElementById("detail_inner").innerHTML = document.getElementById("software_refi_desc").innerHTML;
} else if (x > 39 && x < 110 && y > 90 && y < 161) {
    empty = false;
    document.getElementById("detail_inner").innerHTML = document.getElementById("software_pos_desc").innerHTML;
} else if (x > 129 && x < 200 && y > 90 && y < 161) {
    empty = false;
    document.getElementById("detail_inner").innerHTML = document.getElementById("software_request_desc").innerHTML;
} else if (x > 219 && x < 290 && y > 90 && y < 161) {
    empty = false;
    document.getElementById("detail_inner").innerHTML = document.getElementById("software_contract_desc").innerHTML;
} else if (x > 309 && x < 380 && y > 90 && y < 161) {
    empty = false;
    document.getElementById("detail_inner").innerHTML = document.getElementById("software_financial_desc").innerHTML;
} else if (x > 129 && x < 200 && y > 180 && y < 251) {
    empty = false;
    document.getElementById("detail_inner").innerHTML = document.getElementById("software_rating_desc").innerHTML;
} else if (x > 219 && x < 290 && y > 180 && y < 251) {
    empty = false;
    document.getElementById("detail_inner").innerHTML = document.getElementById("software_credit_desc").innerHTML;
} else {
    empty = true;
    setTimeout("default_inner('in')",500);
}

}

//temp
function showCords() {
    alert ("bild.offsetLeft: " + document.getElementById("bild").offsetLeft + "\tbild.offsetTop: " + document.getElementById("bild").offsetTop + "\ncontent_frame.offsetLeft: " + document.getElementById("content_frame").offsetLeft + "\tcontent_frame.offsetTop: " + document.getElementById("content_frame").offsetTop + "\ncontent.offsetLeft: " + document.getElementById("content").offsetLeft + "\tcontent.offsetTop: " + document.getElementById("content").offsetTop + "\nx: " + x + "\ty: " + y);
    alert (document.getElementById("content").scrollTop);
}


function default_inner(out) {
    if (empty || out == 'out') {
        document.getElementById("detail_inner").innerHTML = "Für eine detailierte Beschreibung der Elemente bitte den Mauszeiger auf das jeweilige Feld führen.";
    }
}