<!--

function cacheProductDetailImages() {
    Zone1 = new Image();
    Zone2 = new Image();
    Zone3 = new Image();
    Zone4 = new Image();
    Zone1.src = "/fileadmin/images/Produktuebersicht/Produktuebersicht_Zone1.png";
    Zone2.src = "/fileadmin/images/Produktuebersicht/Produktuebersicht_Zone2.png";
    Zone3.src = "/fileadmin/images/Produktuebersicht/Produktuebersicht_Zone3.png";
    Zone4.src = "/fileadmin/images/Produktuebersicht/Produktuebersicht_Zone4.png";
}

function hoverShowProductDetail(obj) {
    showProductDetail(obj.id);
}

function hoverHideProductDetail(obj) {
    var idsafe = document.getElementById('detail_tmp');
    var locid = idsafe.firstChild.nodeValue;

    showProductDetail(locid);
}

function clickShowProductDetail(obj) {
    var idsafe = document.getElementById('detail_tmp');
    idsafe.firstChild.nodeValue = obj.id;

    showProductDetail(obj.id);
}


function showProductDetail(zoneid){
    var div = document.getElementsByTagName('div');
    var img = document.getElementById('detailimage');
    var reg = new RegExp("(^Zone.*)");
    var i;

    for(i=0; i<div.length; i++) {
        if (reg.test(div[i].id)) {
            div[i].style.display = "none";
        }

        if (div[i].id == zoneid) {
            div[i].style.display = "block";
        }
    }

    img.src = "/fileadmin/images/Produktuebersicht/Produktuebersicht_" + zoneid + ".png";

}

function cacheLocDetailImages() {
    var count = 17;
    ZoneImages = new Array()

    for (var i=0; i <= count; i++) {
        ZoneImages[i] = new Image()
        ZoneImages[i].src = "/fileadmin/images/Standorte/Standorte_Loc"+i+".png";
    }
}

function hoverShowLocDetail(obj) {
    showLocDetail(obj.id);
}

function hoverHideLocDetail(obj) {
    var idsafe = document.getElementById('Standort_tmp');
    var locid = idsafe.firstChild.nodeValue;

    showLocDetail(locid);
}

function clickShowLocDetail(obj) {
    var idsafe = document.getElementById('Standort_tmp');
    idsafe.firstChild.nodeValue = obj.id;

    showLocDetail(obj.id);
}

function showLocDetail(locid) {
    var div = document.getElementsByTagName('div');
    var img = document.getElementById('Standort_Image');
    var reg = new RegExp("(^Loc.*)");
    var i;

    for(i=0; i<div.length; i++) {
        if (reg.test(div[i].id)) {
            div[i].style.display = "none";
        }

        if (div[i].id == locid) {
            div[i].style.display = "block";
        }
    }

    img.src = "/fileadmin/images/Standorte/Standorte_" + locid + ".png";

}

function hoverShowGPSDetail(obj) {
    showGPSDetail(obj.id);
}

function hoverHideGPSDetail(obj) {
    var idsafe = document.getElementById('detail_tmp');
    var locid = idsafe.firstChild.nodeValue;

    showGPSDetail(locid);
}

function clickShowGPSDetail(obj) {
    var idsafe = document.getElementById('detail_tmp');
    idsafe.firstChild.nodeValue = obj.id;

    showGPSDetail(obj.id);
}


function showGPSDetail(zoneid){
    var div = document.getElementsByTagName('div');
//    var img = document.getElementById('detailimage');
    var reg = new RegExp("(^Zone.*)");
    var i;

    for(i=0; i<div.length; i++) {
        if (reg.test(div[i].id)) {
            div[i].style.display = "none";
        }

        if (div[i].id == zoneid) {
            div[i].style.display = "block";
        }
    }
}

function hoverShowKDDetail(obj) {
    showProductDetail(obj.id);
}

function hoverHideKDDetail(obj) {
    var idsafe = document.getElementById('detail_tmp');
    var locid = idsafe.firstChild.nodeValue;

    showProductDetail(locid);
}

function clickShowKDDetail(obj) {
    var idsafe = document.getElementById('detail_tmp');
    idsafe.firstChild.nodeValue = obj.id;

    showProductDetail(obj.id);
}


function showKDDetail(zoneid){
    var div = document.getElementsByTagName('div');
    var img = document.getElementById('detailimage');
    var reg = new RegExp("(^Zone.*)");
    var i;

    for(i=0; i<div.length; i++) {
        if (reg.test(div[i].id)) {
            div[i].style.display = "none";
        }

        if (div[i].id == zoneid) {
            div[i].style.display = "block";
        }
    }
}
-->