var panes = new Array();
var tabs = new Array();
var geladen = new Array();
var thumbnailBlock;
var theText;

var http = getHTTPObject();

function setupPanes()
{
	panes[0] = document.getElementById("pane0");
	panes[1] = document.getElementById("pane1");
	panes[2] = document.getElementById("pane2");
	tabs[0] = document.getElementById("tab0");
	tabs[1] = document.getElementById("tab1");
	tabs[2] = document.getElementById("tab2");
	geladen[0] = 1;
 	geladen[1] = 0;
 	geladen[2] = 0;
	showPane(0);
}

function showPane(activeId)
{
  if (activeId == 0)
  {
  	panes[0].style.display = "block";
  	panes[1].style.display = "none";
  	panes[2].style.display = "none";
  	tabs[0].blur(); tabs[0].className = "tab-active";
  	tabs[1].className = "tab-disabled";
  	tabs[2].className = "tab-disabled";
  	neuAufbau();
  }
  if (activeId == 1)
  {
    if (geladen[1] == 0)
    {
    	getThumbnailBlock();
    	document.getElementById("tnlist").innerHTML = thumbnailBlock;
    	return false;
    }
  	panes[1].style.display = "block";
  	panes[0].style.display = "none";
  	panes[2].style.display = "none";
  	tabs[1].blur(); tabs[1].className = "tab-active";
  	tabs[0].className = "tab-disabled";
  	tabs[2].className = "tab-disabled";
  	neuAufbau();
  }
  if (activeId == 2)
  {
  	panes[2].style.display = "block";
  	panes[0].style.display = "none";
  	panes[1].style.display = "none";
  	tabs[2].blur(); tabs[2].className = "tab-active";
  	tabs[0].className = "tab-disabled";
  	tabs[1].className = "tab-disabled";
//  	neuAufbau();
  	StartDiaShow();
  }
  return false;    
}

function handleTextResponse() 
{ 
	if (http.readyState == 4)
  { 
		theText = http.responseText;
  	populate ();
	}
}

function handleThumbnailResponse() 
{ 
	if (http.readyState == 4)
  { 
		thumbnailBlock = http.responseText;
   	document.getElementById("tnlist").innerHTML = thumbnailBlock;
   	geladen[1] = 1;
  	panes[1].style.display = "block";
  	panes[0].style.display = "none";
  	panes[2].style.display = "none";
  	tabs[1].blur(); tabs[1].className = "tab-active";
  	tabs[0].className = "tab-disabled";
  	tabs[2].className = "tab-disabled";
  	neuAufbau();
	}
}

function getThumbnailBlock()
{
  http.open("GET", "gettext.php?Text=kontaktbogen.dat", true);
  http.onreadystatechange = handleThumbnailResponse;
  http.send(null);
}

function getHTTPObject() {

  var xmlhttp;

  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/

  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}

function getInnerWidth () {
	if(document.documentElement && document.documentElement.clientWidth) {
	 	// IE Breite
	 	return (document.body.clientWidth);
	} else if (document.body)
    {
	 	  // IE Breite
	    return (document.body.clientWidth);
  	} else {
	 	  // Sonst Breite
	 	  return (window.innerWidth);
	  }
}
function splitText() {
	var text1, text2;
	var oldi;
  var i = Math.round (theText.length/2);
  while ((theText.charAt(i) != " ") && (i < theText.length))
    i++;
  text1 = theText.substring(0, i);
	text2 = theText.substring(i, theText.length);
	document.getElementById("links").innerHTML = text1;
	document.getElementById("rt").innerHTML = text2;
//	alert (document.getElementById("links").offsetHeight + " / " + document.getElementById("links").offsetWidth)
//	alert (document.getElementById("rechts").offsetHeight + " / " + document.getElementById("rechts").offsetWidth)

	while (document.getElementById("links").offsetHeight < document.getElementById("rechts").offsetHeight)
	{
		i++;
	  while (theText.charAt(i) != " ")
  	  i++;
	  text1 = theText.substring(0, i);
		text2 = theText.substring(i, theText.length);
		document.getElementById("links").innerHTML = text1;
		document.getElementById("rt").innerHTML = text2;
//		alert (document.getElementById("links").offsetHeight + " / " + document.getElementById("links").offsetWidth)
//		alert (document.getElementById("rechts").offsetHeight + " / " + document.getElementById("rechts").offsetWidth)
	}
	oldi = i;
	oldhl = document.getElementById("links").offsetHeight;
	while (oldhl == document.getElementById("links").offsetHeight)
	{
		oldi = i;
		oldhl = document.getElementById("links").offsetHeight;
		i++;
	  while (theText.charAt(i) != " ")
  	  i++;
	  text1 = theText.substring(0, i);
		text2 = theText.substring(i, theText.length);
		document.getElementById("links").innerHTML = text1;
		document.getElementById("rt").innerHTML = text2;
//		alert (document.getElementById("links").offsetHeight + " / " + document.getElementById("links").offsetWidth)
//		alert (document.getElementById("rechts").offsetHeight + " / " + document.getElementById("rechts").offsetWidth)
	}
	i = oldi;
  text1 = theText.substring(0, i);
	text2 = theText.substring(i, theText.length);
	document.getElementById("links").innerHTML = text1;
	document.getElementById("rt").innerHTML = text2;
}


function populate ()
{
	splitText();
  setupPanes();
}

function init ()
{
/*
	document.getElementById("links").style.width = Math.round ((getInnerWidth() - 100) / 2 - 40) + "px";
	document.getElementById("rechts").style.width = Math.round ((getInnerWidth() - 100) / 2 - 40) + "px";
	document.getElementById("tnlist").style.width = Math.round (getInnerWidth() - 120) + "px";
*/
  neuAufbau();
  getText ();
  populate();
}

function neuAufbau()
{
	document.getElementById("links").style.width = Math.round ((getInnerWidth() - 100) / 2 - 40) + "px";
	document.getElementById("rechts").style.width = Math.round ((getInnerWidth() - 100) / 2 - 40) + "px";
	document.getElementById("tnlist").style.width = Math.round (getInnerWidth() - 120) + "px";
}

window.onresize = neuAufbau;