var cnCookieName ="CookieNoteInfo";ready(function(){startCookieNote();});var cnOptOutCaption = "Nein";
var CookieNoteArray = new Array();
var cnAcceptCaption = "Okay";var cnLinkDatenschutz_href 	= "/index.php?id=22";var cnLinkDatenschutz_text 	= "Datenschutzerklärung.";var cnTitle = "Diese Website verwendet Cookies.";var cnInformation = "Durch die weitere Nutzung unserer Website stimmen Sie der Verwendung von Cookies zu. Weitere Informationen hierzu erhalten Sie in unserer ";function cnCreateButton(id, klasse, caption, call){
	var cnButton = document.createElement("button");
	if(id != ""){
		cnButton.id = id;
	}
	if(klasse != ""){
		cnButton.className = "CookieNote " + klasse;
	}
	if(caption != ""){
		cnButton.innerHTML = caption;
	}
	if(call != ""){
		cnButton.addEventListener("click",call);
	}
	return cnButton;
}

function createCustomElement(typp, id, klass){
	id = (id === undefined) ? '' : id;
	klass = (klass === undefined) ? '' : klass;
	var element = document.createElement(typp);
	var eId = document.createAttribute("id");
	if(id != ""){
		element.id = id;
	}
	clName = "CookieNote";
	if(klass != ""){
		 clName += " " + klass;
	}
	element.className = clName;
	return element;
}

function setCookie(name, inhalt, tage){
	var d = new Date();
	d.setTime(d.getTime() + (tage * 24 * 60 * 60 * 1000));
	var expires = "expires="+d.toUTCString();
	document.cookie = name + "=" + inhalt + ";" + expires + "; path=/";
}
	
// erzeuge und zeige CookieNoteMain
function cookieNoteMain(){
	var cnDiv = document.createElement("div");
	/*erstellten div einfügen*/
	cnDiv.id = "cookienote";
	cnDiv.className = "CookieNote cnDiv";
	information = "";
	var h4 = createCustomElement("h4", "cnHead","CookieNote cnHead");
		h4.innerHTML = cnTitle;
	var div = createCustomElement("div","cnHeadDiv","CookieNote cnDiv");
		div.appendChild(h4);
	cnDiv.appendChild(div);
	
	var cnDseLink = createCustomElement("a", "cnDseLink", "CookieNote cnDseLink");
		cnDseLink.href = cnLinkDatenschutz_href;
		cnDseLink.innerHTML = cnLinkDatenschutz_text;
	var p = createCustomElement("p", "cnNote","CookieNote cnP");
		p.innerHTML = cnInformation;
		p.appendChild(cnDseLink);
	//var ddiv = createCustomElement("div", "cnInfoText","CookieNote cnDiv");
	//	ddiv.appendChild(p);
	div = createCustomElement("div","cnContentDiv","CookieNote cnDiv");
	div.appendChild(p);
	
	cnDiv.appendChild(div);
	cnDiv.appendChild(cnCreateButton("cnBtnYes","CookieNote cnButton",cnAcceptCaption ,function(){closeCookieNote();}))
	var body = document.body;
	body.appendChild(cnDiv);
	//div = document.getElementById("cnInfoText");
	//div.appendChild(cnCreateButton("cnBtnYes","CookieNote cnButton",cnAcceptCaption ,function(){closeCookieNote();}))
//	div.appendChild(cnCreateButton("cnBtnNo","CookieNote cnButton",cnOptOutCaption ,function(){cookieNoteOptOut();}))
//	div.appendChild(cnCreateButton("cnLinkDS", "CookieNote cnLinkDS", cnLinkDatenschutz_text, function(){location.href=cnLinkDatenschutz_href;}));
	setRelevantMargin();
}	

function cookieNoteOptOut(){
	if(typeof(gaOptout) != 'undefined'){
		gaOptout();
	}
	closeCookieNote();
}

function closeCookieNote(){
	setCookie(cnCookieName, "optOut=1", 365);
	document.getElementById("cookienote").style.display = "none";
}

function readAllCookies(){
	var ret = decodeURIComponent(document.cookie).split(";");
	for(var i = 0; i < ret.length; i++) {
		var c=ret[i].indexOf("=");
		CookieNoteArray[ret[i].substring(0,c).replace(" ", "")]=ret[i].substring(c+1,ret[i].length);
	}
	//console.log(CookieNoteArray);
	return ret;
}

function startCookieNote(){
	CookieNoteArray[cnCookieName]='';
	readAllCookies();
	//console.log(CookieNoteArray[cnCookieName]);
	if(CookieNoteArray[cnCookieName] == ""){
		cookieNoteMain();
	} 
}

function setRelevantMargin(){
	var cookieNoteMainDiv 	= document.getElementById("cookienote");
	var body				= document.getElementsByTagName("BODY")[0];	
	
	var bodyRect 			= document.body.getBoundingClientRect();
	var cnRect 				= cookieNoteMainDiv.getBoundingClientRect();
	
	var topDist				= cnRect.top - bodyRect.top;
	var bottomDist			= bodyRect.bottom - cnRect.bottom;
	
	var targetStyle 		= body.style;
	
	//console.log("topDist:"+ topDist+ " bottomDist:"+bottomDist);
	
	if(topDist > bottomDist){
		var side = "margin-bottom";
	}else{
		var side = "margin-top";
	}
	
	var margin = targetStyle.getPropertyValue(side);
	
	margin += parseInt(cnRect.bottom - cnRect.top);
	//console.log("margin:"+margin);
	
	targetStyle.setProperty(side,margin);
	
}

function ready(callback){
	// in case the document is already rendered
	if (document.readyState!='loading') callback();
	// modern browsers
	else if (document.addEventListener) document.addEventListener('DOMContentLoaded', callback);
	// IE <= 8
	else document.attachEvent('onreadystatechange', function(evt){
		if (document.readyState=='complete') callback();
	});
}