var busy = false;

function renderContactMap(con) {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(con);
        var pnt = new GLatLng(51.218758,7.650798);
        var mrk = new GMarker(pnt);
        var pnt2 = new GLatLng(51.218349,7.603827);
        var mrk2 = new GMarker(pnt2);
		var pntCenter = new GLatLng(51.215984,7.633567);

        function openInfoBox() {
            mrk.openInfoWindow(
                '<div class="map_inner_w"><strong>Firmensitz</strong><br />Karlsbader Weg 5<br />58511 Lüdenscheid<br /><a href="http://maps.google.de/maps?f=q&hl=de&geocode=&q=Walter+Scharbatke,+L%C3%BCdenscheid&ie=UTF8&ll=51.221911,7.653437&spn=0.015992,0.036993&t=h&z=15&iwloc=A" target="_blank">mehr Informationen »</a></div>'
            );
        }
        
        function openInfoBox2() {
            mrk2.openInfoWindow(
                '<div class="map_inner_w"><strong>Montagehalle</strong><br />Märkenstück 2<br />58509 Lüdenscheid<br /><a href="http://maps.google.de/maps?f=q&hl=de&geocode=&q=M%C3%A4rkenst%C3%BCck+2,+L%C3%BCdenscheid&sll=51.218349,7.603827&sspn=0.007948,0.018497&ie=UTF8&t=h&z=16&iwloc=addr" target="_blank">mehr Informationen »</a></div>'
            );
        }
        
        //map.setCenter(pnt2, 13, G_HYBRID_MAP);
        map.addOverlay(mrk);
        map.addOverlay(mrk2);
    	map.addControl(new GMapTypeControl());
    	map.addControl(new GLargeMapControl());
    	map.addControl(new GScaleControl());
        GEvent.addListener(mrk, 'click', function() {
            openInfoBox();
        });
        GEvent.addListener(mrk2, 'click', function() {
            openInfoBox2();
        });
        openInfoBox2();
		map.setCenter(pntCenter, 13, G_HYBRID_MAP);
    }
}

function zoomImage(img, w, m, cl) {
    if (!busy) {
        if (img.isOpened) {
            w = 179;
            m = 0;
            cl = 'none';
        }
        busy = true;
        
        if (img.getParent().getParent().getElements('a.hiddenImage').length > 0) {
            var xh = img.getParent().getParent().getElements('a.hiddenImage');
            xh = xh[0];
            hidden = new Fx.Morph(
                xh.getFirst(), {}
            );
            hidden.set({ 'opacity': 0 });
        } else {
            hidden = false;
        }
    
        imgSlide = new Fx.Morph(
            img, {
                duration: 500, 
                transition: Fx.Transitions.Back.easeInOut,
                onStart: function() {
                    img.getParent().getParent().setStyle('height', 'auto');
                },
                onComplete: function() {
                    img.getParent().setStyle('height',img.getSize().y);
                    img.getParent().getParent().setStyle('height',img.getParent().getParent().getSize().y);
                    img.getParent().getNext().setStyle('display',cl);
                    if (cl == 'block') {
                        img.isOpened = true;
                    } else {
                        img.isOpened = false;
                    }
                    if (hidden) {
                        var o = 1;
                        hidden.set({
                            'margin-left': m,
                            'width': w,
                            'opacity': o
                        });
                    }
                    busy = false;
                }
            }
        );

        imgSlide.start({
            'margin-left': m,
            'width': w
        });
    }
    return false;
}

window.addEvent('domready', function() {
    $$('.slImage').each(function(lnk) {
        lnk.setProperty('href', '#');
        lnk.setProperty('onclick','return false');
        lnk.addEvent('click', function() {
            zoomImage(lnk.getFirst(), 627, -449, 'block');
            return false;
        });
    });
    $$('a').each(function(a){
        a.addEvent('click',function (){
            if (a.blur) a.blur();
        });
    })
});