var space = 160;
var overlay = 123;
var TimeToFade = 1000.0;
var	lokal_flashTop = 0;
var	lokal_flashLeft = 0;
var	lokal_flashHeight = 0;
var	lokal_flashWidth = 0;
var	lokal_flashUrl = "";
var	lokal_bigClickURL = "";
var	lokal_brandingId = 0;
 
//Wert eines Cookies setzen
function saveCookie(name, value)
{
	var expire = new Date();
	//expire = new Date(expire.getTime() +1000*60*60*24*365);
	expire.setHours(23);
	expire.setMinutes(59);
	expire.setSeconds(00);
	document.cookie = ''+name+'='+value+'; expires='+expire.toGMTString()+';'; 
}

//Wert eines Cookies auslesen
function getCookie(name)
{
	var a_start, an_end;
	if (document.cookie)
	{
		a_start = document.cookie.indexOf(name+"=");
		if (a_start < 0) return '';
		a_start = document.cookie.indexOf("=", a_start) + 1;
		an_end = document.cookie.indexOf(";", a_start);
		if (an_end < 0) an_end = document.cookie.length;
		return unescape(document.cookie.substring(a_start, an_end));
	}
	else return '';
}
 
function generateExpandable(flashTop, flashLeft, flashHeight, flashWidth, flashUrl, bigClickURL, brandingId, auto)
{
	if(auto)
	{
		lokal_flashTop = flashTop;
		lokal_flashLeft = flashLeft;
		lokal_flashHeight = flashHeight;
		lokal_flashWidth = flashWidth;
		lokal_flashUrl = flashUrl;
		lokal_bigClickURL = bigClickURL;
		lokal_brandingId = brandingId;
	}
	
	if(auto && getCookie("Expandable"+brandingId) == "true"){ return null; } 
	else saveCookie("Expandable"+brandingId, "true")

	if(navigator.appName == "Microsoft Internet Explorer")
	{
		//###########Element###########//
		var expandableDiv = document.createElement("div");
		
		expandableDiv.id = "siteBrandingExpandable";
		
		expandableDiv.style.background = "url('/uploads/brandings/expandable-"+brandingId+".jpg')";
		expandableDiv.style.height = (space+overlay)+"px";
		expandableDiv.style.width = "100%";
		expandableDiv.style.zIndex = 10000;
		expandableDiv.style.position = "absolute";
		expandableDiv.style.top = "-"+space+"px";
		expandableDiv.style.display = "none";
		expandableDiv.style.opacity = "0";

		//###########Element###########//
		var expandableClickDiv = document.createElement("div");
		
		expandableClickDiv.id = "siteBrandingExpandableClick";
		
		expandableClickDiv.style.background = "url('/uploads/brandings/expandable-"+brandingId+".jpg')";
		expandableClickDiv.style.height = (space+overlay)+"px";
		expandableClickDiv.style.width = "100%";
		expandableClickDiv.style.zIndex = 10001;
		expandableClickDiv.style.position = "absolute";
		expandableClickDiv.style.top = "0px";

		if (bigClickURL != "")
		{
			//expandableClickDiv.onclick = "clickUrl(this, '"+bigClickURL+"');";
			
			expandableClickDiv.onclick = function() {
			window.open(bigClickURL.replace(/&nbsp;/g, "&"));
			}
		}
		
		//###########Element###########//
		var expandableFlash = document.createElement("div");
		
		expandableFlash.id = "siteBrandingExpandableFlash";
		
		expandableFlash.style.position = "absolute";
		expandableFlash.style.top = flashTop+"px";
		expandableFlash.style.left = flashLeft+"px";
		expandableFlash.style.zIndex = 10002;
		
		//###########Element###########//
		var expandableMinimizeSpan = document.createElement("span");
		
		expandableMinimizeSpan.id = "siteBrandingExpandableMinimizeSpan";
		
		expandableMinimizeSpan.style.background = "url('/design/branding_zu.png') no-repeat 0 center";
		expandableMinimizeSpan.style.paddingLeft = "18px";
		expandableMinimizeSpan.style.color = "#FFF";
		expandableMinimizeSpan.style.cursor = "pointer";
		expandableMinimizeSpan.style.whiteSpace = "nowrap";
		expandableMinimizeSpan.style.zIndex = 10010;
		expandableMinimizeSpan.style.position = "absolute";
		expandableMinimizeSpan.style.top = (flashHeight-33)+"px";
		expandableMinimizeSpan.style.left = (flashWidth-60)+"px";
		expandableMinimizeSpan.style.display = "block";
		
		expandableMinimizeSpan.onclick = siteBrandingExpandableFadeOut;
		
		//###########Element###########//
		var expandableMinimizeSpanText = document.createTextNode('Verkleinern');
		
		//###########Element###########//
		var expandableFlashObject = document.createElement("div");
		
		expandableFlashObject.id = "siteBrandingExpandableFlashObject";
		
		//###########Element###########//
		var expandableFlashObjectFrame = document.createElement("div");
		
		expandableFlashObjectFrame.style.background = "url('/uploads/brandings/frame_big-"+brandingId+".png') no-repeat top left";
		expandableFlashObjectFrame.style.height = flashHeight+"px";
		expandableFlashObjectFrame.style.width = (flashWidth-80)+"px";
		expandableFlashObjectFrame.style.zIndex = 10003;
		expandableFlashObjectFrame.style.position = "absolute";
		expandableFlashObjectFrame.style.top = "0px";
		expandableFlashObjectFrame.style.left = "5px";
	}
	else
	{
		//###########Element###########//
		var expandableDiv = document.createElement("div");

		var expandableDivId = document.createAttribute("id");
		expandableDivId.nodeValue = "siteBrandingExpandable";
		expandableDiv.setAttributeNode(expandableDivId);

		var expandableDivStyle = document.createAttribute("style");
		expandableDivStyle.nodeValue = "background:url('/uploads/brandings/expandable-"+brandingId+".jpg'); height:"+(space+overlay)+"px; width:100%; z-index:10000; position:absolute; top:-"+space+"px; display:none; opacity:0;";
		expandableDiv.setAttributeNode(expandableDivStyle);

		//###########Element###########//
		var expandableClickDiv = document.createElement("div");

		var expandableClickDivId = document.createAttribute("id");
		expandableClickDivId.nodeValue = "siteBrandingExpandableClick";
		expandableClickDiv.setAttributeNode(expandableClickDivId);

		var expandableClickDivStyle = document.createAttribute("style");
		expandableClickDivStyle.nodeValue = "height:"+(space+overlay)+"px; width:100%; z-index:10001; position:absolute; top:0px;";
		expandableClickDiv.setAttributeNode(expandableClickDivStyle);

		if (bigClickURL != "")
		{
			var expandableClickDivClick = document.createAttribute("onclick");
			expandableClickDivClick.nodeValue = "clickUrl(this, '"+bigClickURL.replace(/&nbsp;/g, "&")+"');";
			expandableClickDiv.setAttributeNode(expandableClickDivClick);
		}
		//###########Element###########//
		var expandableFlash = document.createElement("div");

		var expandableFlashId = document.createAttribute("id");
		expandableFlashId.nodeValue = "siteBrandingExpandableFlash";
		expandableFlash.setAttributeNode(expandableFlashId);

		var expandableFlashStyle = document.createAttribute("style");
		expandableFlashStyle.nodeValue = "position:absolute;top:"+flashTop+"px;left:"+flashLeft+"px;z-index:10002;";
		expandableFlash.setAttributeNode(expandableFlashStyle);
		//###########Element###########//
		var expandableMinimizeSpan = document.createElement("span");

		var expandableMinimizeSpanId = document.createAttribute("id");
		expandableMinimizeSpanId.nodeValue = "siteBrandingExpandableMinimizeSpan";
		expandableMinimizeSpan.setAttributeNode(expandableMinimizeSpanId);

		var expandableMinimizeSpanStyle = document.createAttribute("style");
		expandableMinimizeSpanStyle.nodeValue = "background: url('/design/branding_zu.png') no-repeat 0 center; padding-left:18px; color:#FFF; cursor:pointer; white-space:nowrap; z-index:10010; position:absolute; top:"+(flashHeight-33)+"px; left:"+(flashWidth-60)+"px; display:block; opacity:1;";
		expandableMinimizeSpan.setAttributeNode(expandableMinimizeSpanStyle);

		var expandableMinimizeSpanJS = document.createAttribute("onclick");
		expandableMinimizeSpanJS.nodeValue = "siteBrandingExpandableFadeOut();";
		expandableMinimizeSpan.setAttributeNode(expandableMinimizeSpanJS);
		//###########Element###########//
		var expandableMinimizeSpanText = document.createTextNode('Verkleinern');
		//###########Element###########//
		var expandableFlashObject = document.createElement("div");

		var expandableFlashObjectId = document.createAttribute("id");
		expandableFlashObjectId.nodeValue = "siteBrandingExpandableFlashObject";
		expandableFlashObject.setAttributeNode(expandableFlashObjectId);
		//###########Element###########//
		var expandableFlashObjectFrame = document.createElement("div");

		var expandableFlashObjectFrameStyle = document.createAttribute("style");
		expandableFlashObjectFrameStyle.nodeValue = "background:url('/uploads/brandings/frame_big-"+brandingId+".png') no-repeat top left; height:"+flashHeight+"px; width:"+(flashWidth-80)+"px; z-index:10003; position:absolute; top:0px; left:5px;";
		expandableFlashObjectFrame.setAttributeNode(expandableFlashObjectFrameStyle);
	}
	
	var flashvars = {
		url: flashUrl
	};

	var params = {
		menu: "false",
		wmode: "transparent",
		allowScriptAccess: "always"
	};


	expandableMinimizeSpan.appendChild(expandableMinimizeSpanText);
	expandableFlash.appendChild(expandableFlashObject);
	expandableFlash.appendChild(expandableFlashObjectFrame);
	expandableFlash.appendChild(expandableMinimizeSpan);
	expandableDiv.appendChild(expandableClickDiv);
	expandableDiv.appendChild(expandableFlash);
	document.getElementById("bbox").insertBefore(expandableDiv, document.getElementById("website"));
	
	swfobject.embedSWF("http://www.onlinewelten.com/videoplayer/brandingplayer.swf", "siteBrandingExpandableFlashObject", flashWidth, flashHeight, "9.0.115", "expressInstall.swf", flashvars, params);
}

function clickUrl(el, bigClickURL)
{
	if(el.id == "siteBrandingExpandableClick")
		window.open(bigClickURL);
}

function generateMaximize(smallvideoHeight, smallvideoWidth, brandingId)
{
	if(navigator.appName == "Microsoft Internet Explorer")
	{
		var expandableMaximizeSpan = document.createElement("span");
			
		expandableMaximizeSpan.id = "siteBrandingExpandableMinimizeSpan";
		
		expandableMaximizeSpan.style.background = "url('/design/branding_auf.png') no-repeat 0 center";
		expandableMaximizeSpan.style.paddingLeft = "18px";
		expandableMaximizeSpan.style.color = "#FFF";
		expandableMaximizeSpan.style.cursor = "pointer";
		expandableMaximizeSpan.style.whiteSpace = "nowrap";
		expandableMaximizeSpan.style.zIndex = 10;
		expandableMaximizeSpan.style.position = "absolute";
		expandableMaximizeSpan.style.top = (smallvideoHeight-33)+"px";
		expandableMaximizeSpan.style.left = (smallvideoWidth-60)+"px";
		expandableMaximizeSpan.style.display = "block";
		
		expandableMaximizeSpan.onclick = siteBrandingExpandableFadeIn;
		
		//###########Element###########//
		var expandableMaximizeSpanText = document.createTextNode('Vergrößern');
		
		//###########Element###########//
		var expandableSmallFrame = document.createElement("div");
		
		expandableSmallFrame.style.background = "url('/uploads/brandings/frame_small-"+brandingId+".png') no-repeat top left";
		expandableSmallFrame.style.height = smallvideoHeight+"px";
		expandableSmallFrame.style.width = (smallvideoWidth-70)+"px";
		expandableSmallFrame.style.zIndex = 11;
		expandableSmallFrame.style.position = "absolute";
		expandableSmallFrame.style.top = "0px";
		expandableSmallFrame.style.left = "0px";
	}
	else
	{
		//###########Element###########//
		var expandableMaximizeSpan = document.createElement("span");

		var expandableMaximizeSpanId = document.createAttribute("id");
		expandableMaximizeSpanId.nodeValue = "siteBrandingExpandableMaximize";
		expandableMaximizeSpan.setAttributeNode(expandableMaximizeSpanId);

		var expandableMaximizeSpanStyle = document.createAttribute("style");
		expandableMaximizeSpanStyle.nodeValue = "background: url('/design/branding_auf.png') no-repeat 0 center; padding-left:18px; color:#FFF; cursor:pointer; white-space:nowrap; z-index:10; position:absolute; top:"+(smallvideoHeight-33)+"px; left:"+(smallvideoWidth-60)+"px; display:block; opacity:1;";
		expandableMaximizeSpan.setAttributeNode(expandableMaximizeSpanStyle);
		
		var expandableMaximizeSpanJS = document.createAttribute("onclick");
		expandableMaximizeSpanJS.nodeValue = "siteBrandingExpandableFadeIn();";
		expandableMaximizeSpan.setAttributeNode(expandableMaximizeSpanJS);
		
		//###########Element###########//
		var expandableMaximizeSpanText = document.createTextNode('Vergrößern');
		
		//###########Element###########//
		var expandableSmallFrame = document.createElement("div");
		
		var expandableSmallFrameStyle = document.createAttribute("style");
		expandableSmallFrameStyle.nodeValue = "background:url('/uploads/brandings/frame_small-"+brandingId+".png') no-repeat top left; height:"+smallvideoHeight+"px; width:"+(smallvideoWidth-70)+"px; z-index:11; position:absolute; top:0px; left:0px;";
		expandableSmallFrame.setAttributeNode(expandableSmallFrameStyle);
	}
	expandableMaximizeSpan.appendChild(expandableMaximizeSpanText);
	document.getElementById('brandvideo').appendChild(expandableSmallFrame);
	document.getElementById('brandvideo').appendChild(expandableMaximizeSpan);
}

function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;
   
  if(element.FadeState == null)
  {
	if(element.style.opacity == null
		|| element.style.opacity == ''
		|| element.style.opacity == '1')
	{
	  element.FadeState = 2;
	  //alert('zu');
	}
	else
	{
	  element.FadeState = -2;
	  //alert('auf');
	}
  }
   
  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }  
}

function animateFade(lastTick, eid)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
 
  var element = document.getElementById(eid);
 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = '
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
 
  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}

function siteBrandingExpandableFadeIn(auto)
{
	if(document.getElementById('siteBrandingExpandable'))
	{
		var el = document.getElementById('siteBrandingExpandable');
		el.style.display = "block";
		if(navigator.appName != "Microsoft Internet Explorer" || navigator.appVersion.indexOf("MSIE 8.0") > -1)
			fade('siteBrandingExpandable');
	}
	else if(!auto)
	{
		//alert('test');
		generateExpandable(lokal_flashTop, lokal_flashLeft, lokal_flashHeight, lokal_flashWidth, lokal_flashUrl, lokal_bigClickURL, lokal_brandingId, false)
	}
}

function siteBrandingExpandableFadeOut()
{
	if(document.getElementById('siteBrandingExpandable'))
	{
		//var el = document.getElementById('siteBrandingExpandable');
		if(navigator.appName != "Microsoft Internet Explorer" || navigator.appVersion.indexOf("MSIE 8.0") > -1)
		{
			fade('siteBrandingExpandable');
			setTimeout("document.getElementById('siteBrandingExpandable').style.display = 'none';", TimeToFade);
		}
		else
			document.getElementById('siteBrandingExpandable').style.display = 'none';
	}
}