/**
 Den übergebenen Layer anzeigen / verstecken
*/
function showHideDiv(szDivID, iState) // 1 visible, 0 hidden
{
  document.getElementById(szDivID).style.display= iState ? "block" : "none";
}

function normal(){
	$('content').addClassName('normal');
	$('content').removeClassName('bigger');
	$('content').removeClassName('biggest');
	$('gesamterinhalt').addClassName('normal');
	$('gesamterinhalt').removeClassName('bigger');
	$('gesamterinhalt').removeClassName('biggest');
}

function bigger(){
	$('content').addClassName('bigger');
	$('content').removeClassName('normal');
	$('content').removeClassName('biggest');
	$('gesamterinhalt').addClassName('bigger');
	$('gesamterinhalt').removeClassName('biggest');
	$('gesamterinhalt').removeClassName('normal');
	
}

function biggest(){
	$('content').addClassName('biggest');
	$('content').removeClassName('bigger');
	$('content').removeClassName('normal');
	$('gesamterinhalt').addClassName('biggest');
	$('gesamterinhalt').removeClassName('bigger');
	$('gesamterinhalt').removeClassName('normal');
}



/* Fuer die Anzeige des Layers:*/

//-----------------------------------------------------------------------------------
//Iframe Window
//-----------------------------------------------------------------------------------
function IFrameWindow(url,width,height,scrolling){

	// Position aus Cookie laden
	var left = readCookie('IframeWindow_x');

	if(left == null){
		var left = (getInnerWidth() - width) / 2;	
		//var left = 100;
	}
	var top = 50;
	// Scrollen
	if(scrolling == null){
		var scrolling = 'auto';
	}
	
	if (height==0){
		height = getInnerHeight()-110;
	}
	
	// POsition setzen
	document.getElementById('IframeWindow').style.display = 'block';
	document.getElementById('IframeWindow').style.left = left+'px';
	document.getElementById('IframeWindow').style.top = top+'px';
	// Anzeigen
	var html = '<div class="head-box" id="headbox" style="width:' + (width + 12) + 'px; background-color: #DEB887;">';
	html += '	<div class="outer-head" style="cursor: move;">';
	html += '		<div class="inner-head">';
	html += '			<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#751609">';
	html += '				<tr>';
	html += '                   <td id="hsdragable" style="color: white;font-weight:bold;" align="center">OutbaxSpirit: Infobox / aktuelles</td>';
	html += '					<td width="41"height="20" align="right">';
	html += '					<a href="javascript:closeIframeWindow();"><img src="./images/x.png" width="41" height="16" border="0" onmouseover="javascript:this.src=\'./images/x_h.png\';" onmouseout="javascript:this.src=\'./images/x.png\';" title="Fenster schließen" /></a></td>';
	html += '				</tr>';
	html += '			</table>';
	html += '		</div>';
	html += '	</div>';
	html += '	<div class="content">';
	html += '	<table width="100%" border="0" cellspacing="0" cellpadding="0">';
	html += '		<tr>';
	html += '			<td style="padding:5px;">';
	html += '			<iframe src="'+url+'" width="'+width+'" height="'+height+'" frameborder="0" marginheight="0" marginwidth="0" scrolling="'+scrolling+'" name="myiframe"></iframe></td>';
	html += '		</tr>';
	html += '	</table>';
	html += '	</div>';
	html += '</div>';
	
	document.getElementById('IframeWindow').innerHTML = html;
	document.getElementById('IframeWindow').style.display = 'block';
	//document.getElementById('overlay').style.display = 'block';
}

function closeIframeWindow(){
	document.getElementById('IframeWindow').style.display = 'none';
	document.getElementById('IframeWindow').innerHTML='';
	//hideShadow();
}



var x,y;
var tx, ty;
var isDrag=false;
var selectedObjekt = null;

var firefox=document.getElementById&&!document.all;

document.onmousemove=mouseMove;
document.onmousedown=selectMouse;
document.onmouseup=function(){
	isDrag=false;
	selectedObjekt = null;
}

function selectMouse(e) 
{	
	var evt = getEvent(e);
	var p; 
	
	if (evt.target){
		p=evt.target;
	}else{
		p=evt.srcElement;
	}
	if(!p) return;

	if (p.getAttribute('id') != "hsdragable"){
		return;
	}
	

	
	while(p)
	{
	  if(p.getAttribute('rel') =="moveable") {
		break;
		}
	  p=p.parentNode;
	}
	
	if(!p) return;

	selectedObjekt = p;
	isDrag=true;
	x=evt.clientX;
	y=evt.clientY;
	tx=parseInt(p.style.left);
	ty=parseInt(p.style.top);
}

function getEvent(e){
	return e ? e : ((window.event) ? window.event : "");
}

function mouseMove(e)
{
if (isDrag)	//only move the box if the user is dragging it
{
		var evt = getEvent(e);
		var p = selectedObjekt;
      if(p)
		{
      	//alert (tx + " - " + x + " - " + ty + " - " + y + " - " + evt.clientX + ", " + p.getAttribute('id'));
      	p.style.left = evt.clientX + (tx - x) + "px";
      	p.style.top  = evt.clientY + (ty - y) + "px";
      }
}
}

//-----------------------------------------------------------------------------------
//Cookie Funktionen
//-----------------------------------------------------------------------------------

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}


function getElementx(obj){
	var lPos = 0;
	if (obj.offsetParent){
		while (obj.offsetParent){
			lPos += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
	lPos += obj.x;
	return lPos;
}

function getElementy(obj){
	var oPos = 0;
	if (obj.offsetParent){
		while (obj.offsetParent){
			oPos += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
	oPos += obj.y;
	return oPos;
}

function getInnerHeight(){
	var winH = window.innerHeight;
	winH = document.documentElement.clientHeight;
	/*if (navigator.appName.indexOf("Microsoft")!=-1) {
	 	winH = document.body.offsetHeight;
	 }*/

	 return winH;
}

function getInnerWidth(){
	var winW = window.innerWidth;

	if (navigator.appName.indexOf("Microsoft")!=-1) {
	  winW = document.body.offsetWidth;
	 }
	 
	return winW;
}

function getWidth(){
var de = document.documentElement;
var width = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
return width;
}