// setzt im url den parameter g=itemgroup
function setItemGroup(itemGroup) {
    var docUrl = document.URL;
    var baseUrl = docUrl.split("?")[0];
    var redirectURL = baseUrl + "?g=" + itemGroup;

    location.href = redirectURL;
    return false;
}

// entfernt im url den parameter g=itemgroup
function removeItemGroup() {
    var docUrl = document.URL;
    var baseUrl = docUrl.split("?")[0];

    location.href = baseUrl;
    return false;
}
var origStyleHeight;
var origStyleWidth;
var origHeight;
var origWidth;

function zoom(index) {
    var img = document.getElementById('mapImage');
    img.style.width = origStyleWidth;
    img.style.height = origStyleHeight;

    document.getElementById("naviLeft").style.display = "none";
    document.getElementById("naviDown").style.display = "none";
    document.getElementById("naviUp").style.display = "none";
    document.getElementById("naviRight").style.display = "none";

    document.getElementById("naviRight").onclick = "";
    document.getElementById("naviDown").onclick = "";
    document.getElementById("naviLeft").onclick = "";
    document.getElementById("naviUp").onclick = "";

    if (index == 1) {
        img.style.top = "0";
        img.style.left = "0";
        document.getElementById("naviRight").onclick = function() { zoom('2'); }
        document.getElementById("naviDown").onclick = function() { zoom('3'); }

        document.getElementById("naviDown").style.display = "block";
        document.getElementById("naviRight").style.display = "block";
        //        document.getElementById("naviDownRight").style.display = "block";

    } else if (index == 2) {
        var lStyleLeft = (origWidth - 750) * (-1);
        img.style.top = "0";
        img.style.left = lStyleLeft.toString() + "px";
        document.getElementById("naviDown").onclick = function() { zoom('4'); }
        document.getElementById("naviLeft").onclick = function() { zoom('1'); }

        document.getElementById("naviLeft").style.display = "block";
        document.getElementById("naviDown").style.display = "block";
        //        document.getElementById("naviDownLeft").style.display = "block";
    } else if (index == 3) {
        var lStyleTop = (origHeight - 483) * (-1);
        img.style.top = lStyleTop.toString() + "px";
        img.style.left = "0";
        document.getElementById("naviRight").onclick = function() { zoom('4'); }
        document.getElementById("naviUp").onclick = function() { zoom('1'); }

        document.getElementById("naviUp").style.display = "block";
        document.getElementById("naviRight").style.display = "block";
        //        document.getElementById("naviUpRight").style.display = "block";

    } else {
        var lStyleLeft = (origWidth - 750) * (-1);
        var lStyleTop = (origHeight - 483) * (-1);
        img.style.top = lStyleTop.toString() + "px";
        img.style.left = lStyleLeft.toString() + "px";

        document.getElementById("naviUp").onclick = function() { zoom('2'); }
        document.getElementById("naviLeft").onclick = function() { zoom('3'); }

        document.getElementById("naviLeft").style.display = "block";
        document.getElementById("naviUp").style.display = "block";
        //        document.getElementById("naviUpLeft").style.display = "block";
    }

    document.getElementById("slices").style.display = "none";
    document.getElementById("slices").style.zindex = "0";
    document.getElementById("navi").style.display = "block";
    document.getElementById("navi").style.visibility = "visible";
}
function onNavigationLoad() {
    var img = document.getElementById('mapImage');
    origWidth = parseInt(img.style.width.replace("px", ""));
    origHeight = parseInt(img.style.height.replace("px", ""));
    if (img != null && (origWidth > 780 || origHeight > 500)) {

        img.style.top = "0";
        img.style.left = "0";

        document.getElementById("naviLeft").style.display = "none";
        document.getElementById("naviDown").style.display = "none";
        document.getElementById("naviUp").style.display = "none";
        document.getElementById("naviRight").style.display = "none";

        document.getElementById("naviRight").onclick = "";
        document.getElementById("naviDown").onclick = "";
        document.getElementById("naviLeft").onclick = "";
        document.getElementById("naviUp").onclick = "";


        document.getElementById("slices").style.display = "block";
        document.getElementById("slices").style.zindex = "10008";

        origStyleWidth = img.style.width;
        origStyleHeight = img.style.height;
        img.style.width = "750px";
        img.style.height = "483px";

    }
}