window.zoomMappingFlashJSId = [];

        function togglePreview(oElm) {
                var img = oElm.getElement('img').el;
                if(img.src.test("_on")) {
                        img.src = img.src.replace('_on', '_off');
                } else {
                        img.src = img.src.replace('_off', '_on');
                }
        }
        function togglePreviewLayer(oElm) {
                var img = oElm.getElement('img').el;
                if(img.src.test("_off")) {
                        show_layer("layer_"+img.parentNode.id);
                } else {
                        hide_layer("layer_"+img.parentNode.id);
                }
        }


        function show_layer(object) {
                node = document.getElementById(object);
                node.style.visibility='visible';
                object = object.replace("layer_", "anim_");
                node = document.getElementById(object);
                if (node)
                        node.className='';
        }

        function hide_layer(object) {
                node = document.getElementById(object).style.visibility='hidden';
                object = object.replace("layer_", "anim_");
                node = document.getElementById(object).className='hidden';
        }
        function hide(object) {
                if (!object.test("layer_")) {  // compatibility with the flash calls to javascript
                        //return;
			object = "layer_"+window.zoomMappingFlashJSId[object];
                }

                hide_layer(object);
                object = object.replace('layer_', '');
                togglePreview(FW(object));
        }
        function clickOff() { // compatibility with the flash
        }

        function positionLayer(elt, eltHeight, containee) {
                var callee = elt.replace('layer_', '');
		var max = document.body.offsetHeight;
		if (FW(containee)) 
			position = FW(containee).el.offsetTop + FW(callee).el.offsetTop;
		else
			position = FW(callee).el.offsetTop;
		positionBottom = position+eltHeight;

		var diff = 0;
		if (positionBottom > max)
			diff = positionBottom - max;

                FW(elt).el.style.top = (position-diff)+"px";
        }       


        FW(window).addEvent('load',function() {
                buttonsZoom.each(function(item){
                        var oElm = FW(item['id']);
                        oElm.addEvent('click', function(evt) {
                                FW.event.stop(evt);
                                togglePreview(oElm);
                                togglePreviewLayer(oElm);
                                //console.log(evt);
                                //console.log(oElm.el);
                        });
			layerid = "layer_"+item['id'];
                	positionLayer(layerid, item['height'] ,(item['containee'])?item['containee']: null);
			window.zoomMappingFlashJSId[item['flash_jsid']] = item['id'];
                });
        });