// JavaScript Document:iqlib
//Hier alle Javascript-Funktionen für den Contentbereich enthalten

// Funktionen zum Austausch von Bildern bei Rollover
function MM_preloadImages() { //v3.0
  var d=document; 
  if(d.images)
  { if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; 
	for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0)
	{ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

// Rahmenfunktionen
//Initvariablen
var layerhor3start  = 0;
var layerrectblaulistart  = 0;
var layerlogo2start = 0;
var layercontentstart = 0;

// Initfunktion
function startrahmen(paraseq) 
{
//Abfrage ob es sich um die Introsequenz handelt
// dort müssen zunächst Rolloverbilder vorausgeladen werden
	if (paraseq == 'intro'){
	MM_preloadImages('medien/compbildte1z2.gif','medien/compbildwoz2.gif','medien/conmeniu1sz2.gif','medien/conmeniu2sz2.gif','medien/digitaz2.gif','medien/familyz2.gif','medien/impulsz2.gif','medien/micez2.gif','medien/pcgoz2.gif')	
		}
//Startwerte der Layer setzen
layerhor3start =  671;
layerrectblaulistart  = 672;
layerlogo2start = 198;
layercontentstart = 182;
 
// Es wird eine Funktion aufgerufen, die auch beim Resizen aufgerufen wird
// Setzen des Werts beim Aufruf der Seite(evtl. in Funktion setbotheight auslagern)
rezrahmen();
// Setzen eines Timers, der guckt ob der Benutzer die Textgröße im Inhaltsbereich verändert hat.
// Daraufhin, werden Elemnte neu ausgerichtet
// Wenn Objekt vorhanden
	if (document.getElementById("pageend"))
	{
 	var aktiv = window.setInterval("setbotheight()",100);
	}
}

// Aufruf des resizen aus onresize
function setrahmen() 
{
	rezrahmen();
}

// Funktion die jedesmal beim Rezizen des Browserfenster aufgerufen wird
function rezrahmen() 
{
// Offset ausrechnen für IE
if (navigator.appName == "Microsoft Internet Explorer")
	{ 
// Wird nur berechnet, wenn das Fenster eine Mindestbreite übersteigt
		if (document.body.offsetWidth > 712) 
		{
		var newoffset = document.body.offsetWidth - 712;
		//Die Layer neu ausrichten 
		document.getElementById("Layerhor3").style.left = layerhor3start + newoffset;
		document.getElementById("Layerrectblauli").style.left = layerrectblaulistart + newoffset;
		document.getElementById("Layerlogo2").style.left = layerlogo2start + (newoffset/2);
		document.getElementById("LayerContent").style.left = layercontentstart + (newoffset/2); 
		}
		else 
		{
	 	document.getElementById("Layerhor3").style.left = layerhor3start;
	 	document.getElementById("Layerrectblauli").style.left = layerrectblaulistart;
	 	document.getElementById("Layerlogo2").style.left = layerlogo2start;
	 	document.getElementById("LayerContent").style.left = layercontentstart;
		}
  	}
// Offset ausrechnen für IE Mozilla-Browser
else {	
	 if (window.innerWidth > 712) {
	 var newoffset = (window.innerWidth - 712);
	//Die Layer neu ausrichten 	
	document.getElementById("Layerhor3").style.left = (window.innerWidth - 35);
	document.getElementById("Layerrectblauli").style.left = (window.innerWidth - 35);
	document.getElementById("Layerlogo2").style.left = layerlogo2start + (newoffset/2);
	document.getElementById("LayerContent").style.left = layercontentstart + (newoffset/2); 
	 }
	 else {
	 document.getElementById("Layerhor3").style.left = layerhor3start;
	 document.getElementById("Layerrectblauli").style.left = layerrectblaulistart;
	 document.getElementById("Layerlogo2").style.left = layerlogo2start;
	 document.getElementById("LayerContent").style.left = layercontentstart;
	 }	
	}
}


function startrahmenbei() 
{
 	//Startwerte der Layer setzen
	layerhor3start =  781;
 	layerrectblaulistart  = 782;
 	layerlogo2start = 250;
 	layercontentstart = 182;
 
// Es wird eine Funktion aufgerufen, die auch beim Resizen aufgerufen wird
// Setzen des Werts beim Aufruf der Seite(evtl. in Funktion setbotheight auslagern)
	rezrahmenbei();
 
// Setzen eines Timers, der guckt ob der Benutzer die Textgröße im Inhaltsbereich verändert hat.
// Daraufhin, werden Elemnte neu ausgerichtet
// Wenn Objekt vorhanden
	if (document.getElementById("pageend"))
	{
 	var aktiv = window.setInterval("setbotheight()",100);
	}
}

// Aufruf des resizen aus onresize
function setrahmenbei() 
{
	rezrahmenbei();
}


// Funktion die jedesmal beim Rezizen des Browserfenster aufgerufen wird
function rezrahmenbei() 
{
// Offset ausrechnen für IE
if (navigator.appName == "Microsoft Internet Explorer")
	{ 
		// Wird nur berechnet, wenn das Fenster eine Mindestbreite übersteigt
		if (document.body.offsetWidth > 822) 
		{
		var newoffset = (document.body.offsetWidth - 822);
		//Die Layer neu ausrichten 
		document.getElementById("Layerhor3").style.left = layerhor3start + newoffset;
		document.getElementById("Layerrectblauli").style.left = layerrectblaulistart + newoffset;
		document.getElementById("Layerlogo2").style.left = layerlogo2start + (newoffset/2);
		document.getElementById("LayerContent").style.left = layercontentstart + (newoffset/2); 
		}
		else 
		{
	 	document.getElementById("Layerhor3").style.left = layerhor3start;
	 	document.getElementById("Layerrectblauli").style.left = layerrectblaulistart;
	 	document.getElementById("Layerlogo2").style.left = layerlogo2start;
	 	document.getElementById("LayerContent").style.left = layercontentstart;
		}
  	}
// Offset ausrechnen für IE Mozilla-Browser
else {	
	//alert(window.innerWidth );	
	 if (window.innerWidth > 822) {
	 var newoffset = (window.innerWidth - 822);
	 //Die Layer neu ausrichten 	
	//document.getElementById("Layerhor3").style.left = layerhor3start + newoffset;
	document.getElementById("Layerhor3").style.left = (window.innerWidth - 35);
	// document.getElementById("Layerrectblauli").style.left = layerrectblaulistart + newoffset;
	document.getElementById("Layerrectblauli").style.left = (window.innerWidth - 35);
	document.getElementById("Layerlogo2").style.left = layerlogo2start + (newoffset/2);
	document.getElementById("LayerContent").style.left = layercontentstart + (newoffset/2); 
	 
	 }
	 else {
	 document.getElementById("Layerhor3").style.left = layerhor3start;
	 document.getElementById("Layerrectblauli").style.left = layerrectblaulistart;
	 document.getElementById("Layerlogo2").style.left = layerlogo2start;
	 document.getElementById("LayerContent").style.left = layercontentstart;
	 }	
	}
}

// Funktion zum Setzen der unteren Elemente beim vergrößern des Inhalts
// evtl hier noch eine Browserabfrage, solange mit anderen Browsern nicht getestet
// Checed mit IE 6.0, Morzilla 1.6. Netscape 7.1
var newverheight
var newbackheight = 0
function setbotheight() 
	{
    //Auslesen der Position des lesten Element der Seite   
   newverheight = (document.getElementById("pageend").offsetTop) + (document.getElementById("pageend").offsetHeight);
   // Nur Setzen wenn sich die Höhe verändert.
   if (newverheight!=newbackheight) 
   {
   newbackheight = newverheight;
   //Setzen der unteren Elemente, bei verschiedenen Schriftgrößen
   document.getElementById("Layerver3").style.top = newverheight +10;
   document.getElementById("Layerrectblauunt").style.top = newverheight +10;
   document.getElementById("Layerhor1").style.height = newverheight +30;
   document.getElementById("Layerhor2").style.height = newverheight +30;
   document.getElementById("Layerhor3").style.height = newverheight +30; 
   	}
}

// Navigation
// Script zum Erkennen, zu welchen Menüpunkt die aktuelle Seite gehört
// Der aktuelle Menüpunkt bekommt eine Markergrafik 
// Parameter:  menp  - String: Kürzel mit dem man den Menüpunkt der Seite zuordnen kann.
// Returnwert:keiner
//----------------------------------------------
// Hintergrund setzen
function setmenpoint(menp)
{
// Browserabfrage, bestimmte Browser unterstützen das Verändern von Styles noch nicht
var name = navigator.appName;
var vers = navigator.appVersion;
if (name == "Microsoft Internet Explorer" || vers.charAt(0) > 4)
	{var ele = document.getElementById(menp);
	}

//Markergrafik  setzen 
var suche =(document.URL).indexOf(menp);
if (suche >= 0)
	{
		//Wenn es sich um die Indexseite handelt, so ist der Pfad zur Markergrafik ein anderer 
		if ((document.URL).indexOf('index')> -1)
		{document.write('<img src=\"medien/topic_marker.gif\" width=\"7\" height=\"11\">');
		}
		else 
		{document.write('<img src=\"../../medien/topic_marker.gif\" width=\"7\" height=\"11\">');
		}
		if (name == "Microsoft Internet Explorer" || vers.charAt(0) > 4)
		{ 
		ele.style.backgroundColor = "#BBDBEB";
		}
	}
}

// Nicht gewählter Menüpunkt soll gehilitet werden
function hilitemenp(menp) 
{
	// Gucken ob aktueller schon Menüpunkt gewählt ist
	var ele = document.getElementById(menp);
	var suche =(document.URL).indexOf(menp);
	// Nur wenn der aktuelle Menüpunkt nicht gesetzt wurde, Markierung setzen
	if (suche == -1)
	{
	ele.style.backgroundColor = "#FFD9BC";
	} 
} 

// Nicht gewählter Menüpunkt zurücksetzen
function hidemenp(menp) 
{
	// Gucken ob aktueller Menüpunkt gewählt ist
	var ele = document.getElementById(menp);
	var suche =(document.URL).indexOf(menp);
	if (suche == -1)
	// Nur wenn der aktuelle Menüpunkt nicht gesetzt wurde, Markierung zurücksetzen
	{
	ele.style.backgroundColor = "#FFFFFF";
	} 
}