var PATH = "fileadmin/style/zipmap";

// Managerklasse für die ZipMap
function ZipMap() {
    var frame;
    var areas;
    var images;

    // Initialisiert die Dockbar
    function _init() {
        frame = document.getElementById("partlayer");
        
        areas = new Array();
        areas[0] = document.getElementById("zip0");
        areas[0].onmouseover = function() {
            hideall();
            images[0].style.display = "inline";
        }
        areas[0].onmouseout = function() {
            images[0].style.display = "none";
        }
        
        areas[1] = document.getElementById("zip1");
        areas[1].onmouseover = function() {
            hideall();
            images[1].style.display = "inline";
        }
        areas[1].onmouseout = function() {
            images[1].style.display = "none";
        }
        
        areas[2] = document.getElementById("zip2");
        areas[2].onmouseover = function() {
            hideall();
            images[2].style.display = "inline";
        }
        areas[2].onmouseout = function() {
            images[2].style.display = "none";
        }
        
        areas[3] = document.getElementById("zip3");
        areas[3].onmouseover = function() {
            hideall();
            images[3].style.display = "inline";
        }
        areas[3].onmouseout = function() {
            images[3].style.display = "none";
        }
        
        areas[4] = document.getElementById("zip4");
        areas[4].onmouseover = function() {
            hideall();
            images[4].style.display = "inline";
        }
        areas[4].onmouseout = function() {
            images[4].style.display = "none";
        }
        
        areas[5] = document.getElementById("zip5");
        areas[5].onmouseover = function() {
            hideall();
            images[5].style.display = "inline";
        }
        areas[5].onmouseout = function() {
            images[5].style.display = "none";
        }
        
        areas[6] = document.getElementById("zip6");
        areas[6].onmouseover = function() {
            hideall();
            images[6].style.display = "inline";
        }
        areas[6].onmouseout = function() {
            images[6].style.display = "none";
        }
        
        areas[7] = document.getElementById("zip7");
        areas[7].onmouseover = function() {
            hideall();
            images[7].style.display = "inline";
        }
        areas[7].onmouseout = function() {
            images[7].style.display = "none";
        }
        
        areas[8] = document.getElementById("zip8");
        areas[8].onmouseover = function() {
            hideall();
            images[8].style.display = "inline";
        }
        areas[8].onmouseout = function() {
            images[8].style.display = "none";
        }
        
        areas[9] = document.getElementById("zip9");
        areas[9].onmouseover = function() {
            hideall();
            images[9].style.display = "inline";
        }
        areas[9].onmouseout = function() {
            images[9].style.display = "none";
        }

        images = new Array();
        images[0] = document.createElement("IMG");
        images[0].src = PATH + "/zip0.gif";
        images[0].style.display = "none";
        images[0].style.position = "absolute";
        images[0].style.left = "145px";
        images[0].style.top = "126px";
        frame.appendChild(images[0]);
        
        images[1] = document.createElement("IMG");
        images[1].src = PATH + "/zip1.gif";
        images[1].style.display = "none";
        images[1].style.position = "absolute";
        images[1].style.left = "142px";
        images[1].style.top = "24px";
        images[1].style.zindex = "2";
        frame.appendChild(images[1]);

        images[2] = document.createElement("IMG");
        images[2].src = PATH + "/zip2.gif";
        images[2].style.display = "none";
        images[2].style.position = "absolute";
        images[2].style.left = "58px";
        images[2].style.top = "0px";
        frame.appendChild(images[2]);

        images[3] = document.createElement("IMG");
        images[3].src = PATH + "/zip3.gif";
        images[3].style.display = "none";
        images[3].style.position = "absolute";
        images[3].style.left = "61px";
        images[3].style.top = "83px";
        frame.appendChild(images[3]);

        images[4] = document.createElement("IMG");
        images[4].src = PATH + "/zip4.gif";
        images[4].style.display = "none";
        images[4].style.position = "absolute";
        images[4].style.left = "15px";
        images[4].style.top = "77px";
        frame.appendChild(images[4]);

        images[5] = document.createElement("IMG");
        images[5].src = PATH + "/zip5.gif";
        images[5].style.display = "none";
        images[5].style.position = "absolute";
        images[5].style.left = "1px";
        images[5].style.top = "117px";
        frame.appendChild(images[5]);

        images[6] = document.createElement("IMG");
        images[6].src = PATH + "/zip6.gif";
        images[6].style.display = "none";
        images[6].style.position = "absolute";
        images[6].style.left = "1px";
        images[6].style.top = "174px";
        frame.appendChild(images[6]);

        images[7] = document.createElement("IMG");
        images[7].src = PATH + "/zip7.gif";
        images[7].style.display = "none";
        images[7].style.position = "absolute";
        images[7].style.left = "14px";
        images[7].style.top = "217px";
        frame.appendChild(images[7]);

        images[8] = document.createElement("IMG");
        images[8].src = PATH + "/zip8.gif";
        images[8].style.display = "none";
        images[8].style.position = "absolute";
        images[8].style.left = "64px";
        images[8].style.top = "249px";
        frame.appendChild(images[8]);

        images[9] = document.createElement("IMG");
        images[9].src = PATH + "/zip9.gif";
        images[9].style.display = "none";
        images[9].style.position = "absolute";
        images[9].style.left = "92px";
        images[9].style.top = "136px";
        frame.appendChild(images[9]);
    }
    _init();

    function hideall() {
        images[0].style.display = "none";
        images[1].style.display = "none";
        images[2].style.display = "none";
        images[3].style.display = "none";
        images[4].style.display = "none";
        images[5].style.display = "none";
        images[6].style.display = "none";
        images[7].style.display = "none";
        images[8].style.display = "none";
        images[9].style.display = "none";
    }
}