var contentLoader = null;
var oldCLload = window.onload;
window.onload = function() {
	if (oldCLload) oldCLload();
	
	contentLoader = new ContentLoader();
	
					if (document.cookie.indexOf('progress=layershown') != -1)
					return;
												
	if (!SPUserIsSignedOn && document.cookie.indexOf('progress=layershown') == -1)
		contentLoader.loadContent('/Startseite_Layer.aspx', 742, 392, 'iframe', true, 130, false);


	if (!SPUserIsSignedOn)
	{
		var a = new Date();		// ms  s  m  s t
		a = new Date(a.getTime() +1000*60*60*1*1);
		document.cookie = 'progress=layershown; expires='+a.toGMTString()+'; '+new Date().toGMTString()+'; path=/;';
	}
}


function ContentLoader() {
	
	var backgDiv = null;
	var backgContentContainer = null;
	var backgContent = null;
	var reziseIntervall = null;
	var contentType = "iframe";
		
	var f_width = null;
	var f_height = null;
	
	var color = "#FFFFFF";
		
	var questionObject = null;
	
	init();
	function init() {
		var div = document.createElement("div");
		var id = document.createAttribute("id");
        id.nodeValue = "overBackg";
        
        div.setAttributeNode(id);
		document.getElementsByTagName("BODY")[0].appendChild(div);
		backgDiv = document.getElementById("overBackg");
		backgDiv.style.display = "none";		
				
		var div = document.createElement("div");
		var id = document.createAttribute("id");
        id.nodeValue = "contentBackgContainer";		
        div.setAttributeNode(id);
		document.getElementsByTagName("BODY")[0].appendChild(div);		
		backgContentContainer = document.getElementById("contentBackgContainer");
		
		var div = document.createElement("div");
		var id = document.createAttribute("id");
        id.nodeValue = "contentBackg";		
        div.setAttributeNode(id);
        backgContentContainer.appendChild(div);		
		backgContent = document.getElementById("contentBackg");		
		
		
		setBackgProperty();
		window.onresize = setBackgProperty;
		
		window.onscroll = setBackgProperty;
	}
	
	
	function setBackgProperty() {		
		try {
			//backgDiv.style.height = window.innerHeight+"px";
			backgDiv.style.width = window.innerWidth+"px";
			backgContentContainer.style.width = window.innerWidth+"px";
		}catch(e) {
			//backgDiv.style.height = document.body.clientHeight+"px";
			backgDiv.style.width = document.body.clientWidth+"px";	
			backgContentContainer.style.width = document.body.clientWidth+"px";	
		}
		
		//backgContentContainer.style.top = document.documentElement.scrollTop+"px";
		backgDiv.style.top = document.documentElement.scrollTop+"px";
	}
	
	this.openMission = function(url) {
		loadContent(url, 695, 475, "iframe", true, "100", true);	
	}
	
	/**
	 * URL: die Adresse fr dem Iframe
	 * Width/height: hhe / breite des Layers
	 * cType: ist "iframe" oder "ajax"
	 * pars: getString für ajax
	 * fader: Mit Abdunklung des Contents
	 * display: ob der inhalt angeizeigt werden soll.
	 * topPadding: Abstand nach oben bei Iframe
	 */
	this.loadContent = function(url, width, height, ctype, fader, topPadding, scroll, display, pars) {
		loadContent(url, width, height, ctype, fader, topPadding, scroll, display, pars);
	}
	function loadContent(url, width, height, ctype, fader, topPadding, scroll, display, pars) {
		setBackgProperty();

		if(topPadding) {
			backgContent.style.paddingTop = topPadding+"px";
		}else {
			backgContent.style.paddingTop = "0px";
		}
				
		
		if(ctype) {
			contentType = ctype;
		}
				
		f_width = width;
		f_height = height;	
					
		switch(contentType) {
		
			case "iframe":	
						//'<style>#contentCloser { top:10px !important; right: -10px !important; }</style>'+
						//style="border:1px solid #ffffff; background-color:#ffffff;
				if(fader) {
					backgDiv.style.display = "block";
					new Effect.Opacity(backgDiv, { from: 0.0, to: 0.7, duration: 0.6 });
				}
				// border: 1px solid #333333; padding: 6px; color: rgb(51, 51, 51); background-color: rgb(236, 236, 237); cursor: pointer; 
				setTimeout(function() {
					var cont = 	'<div style="position:relative; padding-top:20px; margin: 0 60px; width:'+(width+2)+'px;">'+
								'	<div">'+
								'		<div id="contentCloser" class="pngtrans" style="top:10px !important; right: -10px !important;"></div>'+
								'		<iframe id="contentFrame" name="contentFrame" height="'+height+'" width="'+width+'" frameborder="no" '+(  (scroll==true)? '':'scrolling="no"'  )+' src="'+url+'" allowtransparency="true"></iframe>'+
								'		<div style="padding: 5px 0; text-align: center;">'+
								'			<span style="color: #333333; padding: 6px; border:solid #333333 1px; background-color:#ECECED; cursor: pointer; background-image: url(/XMLSnippetImages/Logo/backg.png); background-position: -230px -280px;" onclick="contentLoader.closeContent();" onmouseover="this.style.textDecoration = \'underline\';" onmouseout="this.style.textDecoration = \'\';">'+
								'				&gt; direkt zu Innovative-Teachers'+
								'			</span>'+
								'		</div>'+
								'	</div>'+
								'</div>';
					
					backgContent.innerHTML = cont;
					backgContent.style.width = "";
					
					document.getElementById("contentCloser").onclick = closeContent;
						
					if(display != 1) {
						backgContentContainer.style.display = "block";
					}
					
				},600);
				break;
				
				
			case "ajax":
				
				if(fader) {
					backgDiv.style.display = "block";
					new Effect.Opacity(backgDiv, { from: 0.0, to: 0.7, duration: 0.5 });
				}
				
				pars = pars + "&color=" + color.replace("#", "");

				var myAjax = new Ajax.Request(
						url, 
						{
							method: 'post', 
							parameters: pars, 
							onComplete: showResponse
						});				
				
				break;
		}
	}
	
	function showResponse(originalRequest) {
				
		var cont = 	'<div style="position:relative; padding-top:20px; margin: 66px auto 0 auto; width:'+f_width+'px;">'+
		'	<div>'+
		'		<div id="contentCloser" class="pngtrans"></div>'+
		'		'+originalRequest.responseText+
		'	</div>';
		'</div>';
		
		
		backgContent.innerHTML = cont;
		backgContent.style.width = "";
		
		document.getElementById("contentCloser").onclick = closeContent;
		backgContentContainer.style.display = "block";
				
	}

	this.setContentType = function(t) {
		contentType = t;		
	}
	
	this.setColor = function(c) {
		color = c;	
	}
	
	this.setQuestionObject = function(obj) {
		questionObject = obj;
	}
		
	this.closeMission = function(url) {
		closeContent(null);
		
		if(url!=null) {
			setTimeout(function() {
				window.loaction.href = url;
			}, 1000);
		}
	}	
		
		
	this.closeContent = function(event) { closeContent(event); }
	function closeContent(event) {	
		
		backgContentContainer.style.display = "none";
		
		new Effect.Opacity(backgDiv, { from: 0.7, to: 0.0, duration: 0.5 });
		setTimeout(function() {
			backgDiv.style.display = "none";			
		},600);
		backgContent.innerHTML = "";
	}
	
	
}