class GoogleMaps{
	constructor(map, key, place){
		// Initialisierung
		this._googleMapsCookieName = 'GoogleMapsAllowed';
		this._place = '';
		this._key = '';
		this._iframe = '<iframe width="100%" height="100%" frameborder="0" style="border:0" ' +
                        'src="https://www.google.com/maps/embed/v1/place?key={KEY}' +
                        '&q={PLACE}" allowfullscreen></iframe>';
        this._acceptHTML = '<div class="mapAccept" style="position: relative; background-color:#eee; width: 100%; height: 100%; cursor: pointer;">' +
                        	'<span style="position:absolute; font-size: 1.4em; top: calc(50% - 50px); width: calc(100% - 100px); padding: 0 50px; text-align: center; translateY(-50%); left: 0; right: 0; margin: auto;">' + 
                            	'Bei der Verwendung von Google-Maps k&ouml;nnten Daten an Google &uuml;bertragen werden. <br>' +
                            	'Bitte klicken Sie hier damit die Karte aktiviert wird. <br><br>' +
                            	'N&auml;heres zu diesem Thema finden Sie in der Datenschutzerkl&auml;rung' + 
                            '</span>' +
                         '</div>';
		
		// Map festlegen
		this._map = $(map).length > 0 ? map : $('#' + map);
		
		// Werte setzen
		this.setKey(key);
		this.setPlace(place)
		
		var self = this;
		// Den Klick zum akzeptieren abfangen
		if(typeof $(this).on != 'undefined'){
    		$(this._map).on({
    			'click': function(){self.accept();}
    		}, '.mapAccept');
    	}
    	else{
    		$(this._map).find('.mapAccept').live('click', function(e){
    			self.accept();
    		});
    	}
	}

	show(){
		var html = this._acceptHTML;
		if(this.googleAllowed()){
			html = this.getIframe();
		}

		$(this._map).html(html);
	}

	setKey(key){
		this._key = key;
	}
	
	getKey(){
		return this._key;
	}

	setPlace(place){
		this._place = place;
	}
	
	getPlace(){
		return this._place;
	}
	
	googleAllowed(){
		return GoogleMaps.getCookie(this._googleMapsCookieName) == 1;
	}

	getIframe(){
		return this._iframe.replace(/{KEY}/ig, this.getKey()).replace(/{PLACE}/ig, this.getPlace());
	}
	
	// Akzeptiert die Datenschutzbedingung
	accept(){
		GoogleMaps.setCookie(this._googleMapsCookieName, 1, 365);
		this.show();
	}
	
	static getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }
    
    static setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays*24*60*60*1000));
        var expires = "expires="+ d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }
}

$(window).load(function(){
	var map1 = new GoogleMaps('anfahrtGMap', 'AIzaSyCvv8VwVkOa_VFwbCJWehdjGDMkSnzmx94', 'IDS%20GmbH%20%26%20Co.%20KG%2C%20Holzwiese%209%2C%2088267%20Vogt');
	map1.show();
});