/*
<script type="text/javascript">


</script>
*/

var berlinkarteLoaded = false;

function changeBezirk(value) {
    if (currentBerlinKarte) {
        currentBerlinKarte.changeBezirk(value);
    }
    document.getElementById('bzk2').style.display = 'none';
    document.getElementById('bzk2bg').style.display = 'none'; 
}

function closeBezirk() {
    document.getElementById('bzk2').style.display = 'none';
    document.getElementById('bzk2bg').style.display = 'none'; 
}

function initberlinkarte(idSelect, idImg, mapping, callbackFunction, debug ) {
    if (true || !berlinkarteLoaded) {
	var flashvars = { } ;
	var params = {
	    'menu' :  'false' 
	};
	var attributes = {
	    'border' :  '10px solid #fff;' ,
	    'outline' :  '10px solid #fff;' ,
	    'margin' :  '10px' 
	};

	swfobject.embedSWF("cmsd/wbb/flash/wbb.swf", "bezirkskarte", "540", "400", "8.0.0", false, flashvars, params, attributes);
    }

    if (typeof(debug) != 'boolean') {
        debug = false;
    } else {
        debug = true;
    }

    if (typeof(idSelect) != 'string') {
        if (debug) { alert('idSelect muss string sein'); }
        return false;
    }

    if (typeof(idImg) != 'string') {
        if (debug) { alert('idImg muss string sein'); }
        return false;
    }

    if (typeof(mapping) != 'object') {
        mapping = { };
    }

    if (!document.getElementById(idSelect)) {
        if (debug) { alert('kein Tag mit idSelect gefunden'); }
        return false;
    }

    if (!document.getElementById(idImg)) {
        if (debug) { alert('kein Tag mit idImg gefunden'); }
        return false;
    }

    var bk = new BerlinKarte(idSelect, idImg, mapping, callbackFunction, debug);
    var node = document.getElementById(idImg);
    node.onclick = function() { bk.onclick(); };
    node.style.display = 'block';
    node.style.visibility = 'visible';
}

function BerlinKarte(idSelect, idImg, mapping, callbackFunction, debug) {
    this.idSelect = idSelect;
    this.idImg = idImg;
    this.mapping = mapping;
    this.callbackFunction = callbackFunction;
    this.debug = debug;

    this.onclick = function () {
        document.getElementById('bzk2').style.display = 'block'; 
        document.getElementById('bzk2bg').style.display = 'block'; 
        currentBerlinKarte = this;
    }

    this.changeBezirk = function (value) {
        if (this.mapping && this.mapping[value]) {
            value = this.mapping[value];
        }
        var node = document.getElementById(this.idSelect);
        for (i = 0; i < node.length; i++) {
            if (node.options[i].value == value) {
                node.selectedIndex = i;
	    } else if (node.options[i].text == value ) {
                node.selectedIndex = i;
	    } else if (node.options[i].innerHTML == value ) {
                node.selectedIndex = i;
	    }
        }

	if (this.callbackFunction) {
		this.callbackFunction(this.idSelect, this.idImg, this.mapping);
	}
    }
}

var currentBerlinKarte = null;