//ONE SITE FITS ALL

// this scripts are written by TILO/2009
//  www.tilometer.eu

// feel free to learn and copy parts of this complex XML based site
// for sponsoring or jobs please contact though the side

var nTelLoop=0;
var sXMLorg;
var aMusicTXT = new Array ('<a href="javascript: backgroundMusic(0);" target="">no music</a><br>\n<a href="javascript: backgroundMusic(1);" target="">music mix</a><br>\n<a href="javascript: backgroundMusic(4);" target="">mp3 collection</a><br>\n', '<a href="javascript: backgroundMusic(0);" target="">no music</a><br>\n<a href="javascript: backgroundMusic(2);" target="">hide player</a><br>\n<a href="javascript: backgroundMusic(4);" target="">mp3 collection</a><br>\n', '<a href="javascript: backgroundMusic(0);" target="">no music</a><br>\n<a href="javascript: backgroundMusic(3);" target="">show player</a><br>\n<a href="javascript: backgroundMusic(4);" target="">mp3 collection</a><br>\n');
var aYear, aTitle, aTitleTXT, aDetails, aImgs, aAnker, aEmbed, aMenueItems, aMenueItemEvent, aMenueItemKind, aMenueItemTitle, aMenueItemTXT, telIMG, oSliteshow, oNode, oImg, oOldImg, oTime, nTime, nOldTime, oCheckTime, nCheckTime, nCheckOldTime;
var aPFImages = new Array();
var sImgURL = "";
var sliteTel = 1;
var aTop = new Array(125, 345);
var aTXTfiles = new Array("danube", "london", "nyc", "outdoor", "sandunga", "bosch");
var nFrequene = 3000;
var nNumberSlites = 86;
nTime = nOldTime = nCheckTime = nCheckOldTime = telIMG = 0;
 //==========================================================
// switchMenue.js
 //==========================================================
function init(p_URL_XML) {
 window.scrollTo(0,0);
 sXMLorg = readXML(p_URL_XML);
 makeHTML();
 //document.getElementById('recent').style.top = '61px';
 //document.getElementById('recent').getElementsByTagName('a')[0].innerHTML = '<SPAN style="font-size:39pt; color:#eedd99; background-color:#aa1100;">&nbsp;&nbsp;&nbsp;now&nbsp;&nbsp;&nbsp;&nbsp;</SPAN>';
}

 //==========================================================
function backgroundMusic(nChoise) {
 //if (document.getElementById("music_bg").style.top != '80px') replaceMusicMenue();
 if (nChoise ==0) {
   stopMusic();
 } else if (nChoise ==1) {
   showMusicPlayer('');
 } else if (nChoise ==2) {
   hideMusicPlayer();
 } else if (nChoise ==3) {
   reShowMusicPlayer();
 } else if (nChoise ==4) {
   showMusicChoise();
 }
 var temp =1;
 if (nChoise <=2) temp=nChoise;

 var oNode = document.getElementById("music_txt");
 oNode.innerHTML = aMusicTXT[temp];
}
 //==========================================================
function showMusicChoise() {
 window.scrollTo(0,0);
 hideHome();

 visibleDiv("content_music_choise");
 inlineDiv("content_music_choise");
 visibleDiv("mp3_playlists");
 hiddenDiv ("music_player");
}
 //==========================================================
function stopMusic() {
 var oNode = document.getElementById("music_player");
 oNode.innerHTML = "";
 noneDiv ("content_music_choise");
 noneDiv("content_music_player");
 if ( (document.getElementById("bg_details").style.display == "none") && (document.getElementById("bg_WS").style.display == "none") ) showHome();
}
 //==========================================================
function hideMusicPlayer(sPlaylist) {
 hiddenDiv("content_music_player");
 hiddenDiv("music_player");
 if ( (document.getElementById("bg_details").style.display == "none") && (document.getElementById("bg_WS").style.display == "none") ) showHome();
}
 //==========================================================
function reShowMusicPlayer(sPlaylist) {
 visibleDiv("content_music_player");
 visibleDiv("music_player");
}
 //==========================================================
function showMusicPlayer(sPlaylist) {
 hideHome();
 var oNode = document.getElementById("music_txt");
 var temp = String(oNode.innerHTML);

 inlineDiv ("content_music_player");
 visibleDiv ("content_music_player");
 hiddenDiv ("content_music_choise");
 hiddenDiv("mp3_playlists");
 inlineDiv ("music_player");
 visibleDiv ("music_player");
 if (sPlaylist == '') {
   if (nPartNR == 1) {
     var sPlayerURL = 'http://www.tilometer.eu/msp/player/xspf_player.swf?playlist_url=http://www.tilometer.eu/msp/playlists/freakout.xspf&autoload=true&autoplay=true';
   }
   if (nPartNR == 2) {
     var sPlayerURL = 'http://www.tilometer.eu/msp/player/xspf_player.swf?playlist_url=http://www.tilometer.eu/msp/playlists/freetime.xspf&autoload=true&autoplay=true';
   }
 } else {
     var sPlayerURL = 'http://www.tilometer.eu/msp/player/xspf_player.swf?playlist_url=http://www.tilometer.eu/msp/playlists/' +sPlaylist + '.xspf&autoload=true&autoplay=true';
 
 }
 var oPlayer = '<OBJECT align=middle classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codeBase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0 height="188" id=xpsf_player style="FONT-FAMILY: verdana" width="400"><PARAM NAME="movie" VALUE="' + sPlayerURL + '"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#fec930">  <embed src="' + sPlayerURL + '" quality="high" bgcolor="#fec930" name="xpsf_player" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="188" width="400"></OBJECT>';

 oNode = document.getElementById("music_player");
 if ( (oNode.childNodes.length == 0) || (oNode.childNodes[0].getElementsByTagName('param')[0].value != sPlayerURL) ) oNode.innerHTML = oPlayer;
}

 //==========================================================
function replaceMusicMenue() {
  var oNode = document.getElementById("music_bg");
  oNode.style.position = 'fixed';
  oNode.style.top = '80px';
  oNode.style.left = '-6px';
  oNode.firstChild.src = './images/menue_bg_k.png';
  oNode.firstChild.width = 140;
  oNode.firstChild.height = 70;

  var oNode = document.getElementById("music_txt");
  oNode.style.position = 'fixed';
  oNode.style.top = '86px';
  oNode.style.left = '8px';  
}

 //==========================================================
function firstHome() {
 noneDiv("welcome");
 inlineDiv("content_all");
 init(URL_XML);
 }

 //==========================================================
function showHome() {
 window.scrollTo(0,0);
 noneDiv("bg_details");
 noneDiv("bg_slites");
 noneDiv("bg_slites_TXT");
 noneDiv("bg_WS");
 
 hiddenDiv("goHome");
 inlineDiv("content_home");
 hiddenDiv("content_music_player");
 noneDiv("content_music_choise");
 hiddenDiv("music_player");
 hiddenDiv("mp3_playlists");
 visibleDiv("content_show");
 visibleDiv("content_video_player");
 inlineDiv("content_video_player");
 noneDiv("content_recent");
 noneDiv("content_VJ");
 noneDiv("VJ_slites");
 noneDiv("content_WS");
 noneDiv("WS_images");
 noneDiv("content_FAQ");
 noneDiv("content_links");
 var oNode = document.getElementById("music_txt");
 
 if (oNode.innerHTML.match('hide player') ) {
   oNode.innerHTML = aMusicTXT[2];
 }

 stopInterval();
}

 //==========================================================
function showRecent() {
 hideHome();
 inlineDiv("bg_details");
 inlineDiv("content_recent");
 visibleDiv("recent_activities");
}

 //==========================================================
function showFAQall() {
 window.scrollTo(0,0);
 if (document.getElementById("portfolio").style.visibility == 'visible') inlineDiv("bg_slites");
 hideHome();
 inlineDiv("bg_details");
 inlineDiv("content_FAQ");
 visibleDiv("faq");
 visibleDiv("menueFAQ");
}

 //==========================================================
function showWS() {
 window.scrollTo(0,0);
 wunschspiel();
 hideHome();
 inlineDiv("bg_WS");
 
 inlineDiv("content_WS");
 visibleDiv("slites_WS");
 inlineDiv("single_drawing");
 inlineDiv("WS_images");
 visibleDiv("single_drawing");
 hiddenDiv("PF_slites");
}

 //==========================================================
function showVJ() {
 window.scrollTo(0,0);
 preLoad_VJ();
 hideHome();
 inlineDiv("bg_details");
 inlineDiv("bg_slites");
 inlineDiv("bg_slites_TXT");
 
 inlineDiv("content_VJ");
 visibleDiv("titech_visuals");
 inlineDiv("VJ_preload");
 inlineDiv("VJ_slites");
 visibleDiv("VJ_slites");
 hiddenDiv("PF_slites");
 startInterval();
}

 //==========================================================
function showFAQ(p_sCat) {
 inlineDiv("bg_details");
 inlineDiv("content_FAQ");

 if ((p_sCat == "curriculum") || (p_sCat == "concepts")) {
    hiddenDiv("PF_slites");
    noneDiv("bg_slites");
  } else if (p_sCat == "portfolio") {
    preLoad_PF();
    visibleDiv("portfolio");
    inlineDiv("bg_slites");
    inlineDiv("PF_preload");
    inlineDiv("PF_slites");
    visibleDiv("PF_slites");
  }
 var aDivFAQ = document.getElementById('content_FAQ').getElementsByTagName('DIV');
 for (var i=0; i<aDivFAQ.length; i++) {
   if (aDivFAQ[i].id != 'faq') {
     if ( (aDivFAQ[i].id.slice(0,3) != 'Nav') && (aDivFAQ[i].parentNode.id != 'menueFAQ') ) {
	   aDivFAQ[i].style.visibility = 'hidden';
	 } else if ( (aDivFAQ[i].parentNode.id == 'menueFAQ') && (document.getElementById(p_sCat).parentNode.id == 'menueFAQ') ) {
	   aDivFAQ[i].style.visibility = 'hidden';
	 }
   }
 }
 visibleDiv("menueFAQ");
 visibleDiv(p_sCat);
}

 //==========================================================
function showLinks() {
 window.scrollTo(0,0);
 
 hideHome();
 inlineDiv("bg_details");
 
 visibleDiv("goHome");
 inlineDiv("content_links");
 visibleDiv("link_list");
}

 //==========================================================
function hideHome() {
 if (document.getElementById("music_bg").style.top != '80px') replaceMusicMenue();
 visibleDiv("goHome");
 noneDiv("content_home");
 hiddenDiv("content_show");
 hiddenDiv("content_video_player");
}

 //==========================================================
 //==========================================================
function visibleDiv(nDiv) {
 document.getElementById(nDiv).style.visibility = "visible";
}
function hiddenDiv(nDiv) {
 document.getElementById(nDiv).style.visibility = "hidden";
}
function noneDiv(nDiv) {
 document.getElementById(nDiv).style.display = "none";
}
function inlineDiv(nDiv) {
 document.getElementById(nDiv).style.display = "inline";
}

//===========================================================================
//gerneralScript.js
//===========================================================================

function showDOM() {
 window.scrollTo(0,0);
 visibleDiv("welcome");
 var sFilter = testBrowser();
 if (sFilter=="IEoud" || sFilter=="unknown") return;
 findStyle();
}

//===========================================================================
//test brouwser
//===========================================================================
function testBrowser() {
 if (navigator.appVersion.indexOf("MSIE")!=-1) {
   var temp=navigator.appVersion.split("MSIE");
   var version=parseFloat(temp[1]);
   if (version < 5.5) {
     sFilter="IEoud";
   } else if (version>=5.5) {
     sFilter="IEnew";
   }
 } else {
   var temp=navigator.userAgent.split("Firefox");
   if (temp !=navigator.userAgent) {
     sFilter="firefox";
   } else {
     sFilter="unknown";
   }
 }
 return sFilter;
}


//===========================================================================
//intro animation
//===========================================================================
function startAnimatie(){
 oInterval = window.setInterval('aniLoop(aVariablen=autoSteps())',120);
}

 //==========================================================
function autoSteps () {
 var nNumberrSteps = 16;
 var aResuld = new Array ();
 var aAbsolute = new Array (1024, 154, 151, 900);

 for (i=0; i<= aAbsolute.length-1; i++) {
   aResuld[i]= newSize(nNumberrSteps, aAbsolute[i]) ;
 }
 return aResuld;
}

 //==========================================================
function newSize(nNumberrSteps, nAbsolute) {
 var aContent= new Array ();
 for (var tel=0; tel<=nNumberrSteps-1; tel++) {
   aContent[tel]= Math.round(nAbsolute/(nNumberrSteps/(nNumberrSteps-tel-1) ) );
 }
 return aContent;
}

 //==========================================================
function aniLoop(p_aVariablen){
 var a = nTelLoop;
 var oNode = document.getElementById('knp');
  oNode.src = './images/eu-welcome.png'; 

  var aWidth = p_aVariablen[0];
  var aHeight = p_aVariablen[1];
  var aTop = p_aVariablen[2];
  var aLeft = p_aVariablen[3];
  aLeft.reverse();

 if (nTelLoop <= aWidth.length-1){
   oNode.width = aWidth[a];
   oNode.height = aHeight[a];
   oNode.style.top = aTop[a];
   oNode.style.left = aLeft[a];
   nTelLoop++;
 } 
 if (nTelLoop >= aWidth.length){
   stopAnimatie(oNode);
   nTelLoop=0;
 }
}

 //==========================================================
function stopAnimatie(p_oNode) {
 p_oNode.src= './images/maas-basis.gif';
 window.clearInterval(oInterval);  
 p_oNode.width= 1024;
 p_oNode.height= 154;
 p_oNode.style.top= 151;
 p_oNode.style.left= 0;
} 

 //==========================================================
// clsXMLrequest.js
 //==========================================================
function readXML(sURL){
// uit URL; gives sXMLorg
// testBrowser () in this cls 
var sFilter = testBrowser();
//request page
	if (sFilter == "IEoud" || sFilter == "IEnew" ){
		var request = new ActiveXObject("Msxml2.XMLHTTP");
	} else {
		var request = new XMLHttpRequest();
	}
	
request.open("GET", sURL, false);
request.send(null);
  
if (request.responseText.match(/404 Not Found/)) {
	alert ("error: the URL doesn't exist");
	var sXMLorg = 'URL_error';
	} else {
	var sXMLorg = request.responseText;
}
splitXML(sXMLorg);
return sXMLorg;
}

//==========================================================
function testBrowser() {
// generates sFilter - IEoud - IEnew - firefox - unknown
if (navigator.appVersion.indexOf("MSIE")!=-1) {
	temp=navigator.appVersion.split("MSIE")
	var version=parseFloat(temp[1])
	if (version < 5.5) {
		sFilter="IEoud";
		mBrowser(sFilter);
	} else {
		if (version>=5.5) {
		  sFilter="IEnew";
		}
	}
} else {
	temp=navigator.userAgent.split("Firefox");
	if (temp !=navigator.userAgent) {
		sFilter="firefox";
	} else {
		sFilter="unknown";
		mBrowser(sFilter);
	}
}
return sFilter;
}

 //==========================================================
// findStyle.js
 //==========================================================
function findStyle() {
 var oStyle;
 var sText;
 getTimeDayPart();
 oStyle = document.getElementById("styleScript");
 if (nPartNR == 2){
   sText =("./style/night.css");
 }
 if (nPartNR == 1){
   sText =("./style/day.css");
 }
 oStyle.href = sText;
 replaceScrollTop(nPartNR);
 return;
}

 //===========================================================================
//replace Image for ScrollTop
//===========================================================================
function replaceScrollTop(nPartNR) {
 if (nPartNR==1) var sImgSrc = "./images/menue_up_day.png";
 if (nPartNR==2) var sImgSrc = "./images/menue_up_night.png";

 var oNode = document.getElementById(id="scrollTop_Mus" );
 oNode.src = sImgSrc;
 var oNode = document.getElementById(id="scrollTop_Det" );
 oNode.src = sImgSrc;
 }
 
//==========================================================
// clsGetTime.js
 //==========================================================
function getTimeDayPart() {	
	var Jetzt = new Date();
	var nTime = Number(Jetzt.getHours());
	if ((nTime >= 8) && (nTime < 20)) {
		nPartNR = 1;
	} else {
		nPartNR = 2;
	}
}

 //==========================================================
// makeHTML.js
 //==========================================================
function preLoad_PF(){
 var oNode = document.getElementById("PF_slites");
 if (oNode.innerHTML == "") {
  var sHTML = "";
  for (var i=0; i<aPFImages.length; i++){
    sHTML += aPFImages[i]
	}
  oNode.innerHTML = sHTML;
  }
}

//==========================================================
function makeMenueFAQ(p_nItem, p_divName) {
 var p_sHTML='<span class="menueItems">' + aMenueItemTitle[p_nItem] + '</span><br>\n';
 for (var i=0; i<aDetails[p_nItem].length; i++){
   if  (aTitle[p_nItem][i] != "") p_sHTML += '<DIV id="' + aTitle[p_nItem][i] + '" style="position:absolute; left:' + (i*170) + 'px;">\n';
   if (aDetails[p_nItem][i].match("///ANKER") ) p_sHTML += placeAnkerHTML(p_nItem, i);
   p_sHTML += '</DIV>';
 }
 var oNode = document.getElementById(p_divName);
 oNode.innerHTML = p_sHTML;
}

//==========================================================
function makeMenueHome(p_nItem, p_divName) {
 var p_sHTML='';
 for (var i=0; i<aDetails[p_nItem].length; i++){
   if  (aTitle[p_nItem][i] != "") p_sHTML += '<DIV id="' + aTitle[p_nItem][i] + '" style="position:absolute; left:' + (i*170) + 'px;">\n';
   if (aDetails[p_nItem][i].match("///ANKER") ) p_sHTML += placeAnkerHTML(p_nItem, i);
   if (aDetails[p_nItem][i].match("///EMBED") ) p_sHTML += placeEmbedHTML(p_nItem, i);
   p_sHTML += '</DIV>';
 }
 var oNode = document.getElementById(p_divName);
 oNode.innerHTML = p_sHTML;
}

//==========================================================
function makeHTML(){
  for (var p_nItem=0; p_nItem < aMenueItems.length; p_nItem++) {
   var divName = aMenueItemTitle[p_nItem].toLowerCase();
   if (aMenueItemKind[p_nItem] == 'menue_home') {
     makeMenueHome(p_nItem, divName);
   } else if (aMenueItemKind[p_nItem] == 'menue_FAQ') {
     makeMenueFAQ(p_nItem, divName);
   } else {
    var oNode = document.getElementById(divName);
	if ( (divName != "titech_visuals") && (divName != "link_list") && (divName != "mp3_playlists")  && (divName != "recent_activities") ) {
      oNode.style.position = 'absolute';
      oNode.style.top = '100px';
	}
    var sHTML = "<a name='top'></a>";

    if ((divName != 'link_list') && (divName != 'titech_visuals') && (aMenueItemKind[p_nItem] != "Concepts") ) sHTML += '<SPAN class="menueItems">' + aMenueItemTitle[p_nItem] + '</SPAN><BR>\r';
    sHTML += '<SPAN class="text">' + aMenueItemTXT[p_nItem] + '</SPAN>';
  
    for (var i=0; i<aYear[p_nItem].length; i++) {
      if (aYear[p_nItem][i] !="") sHTML += '<BR>\r\n\n<DIV id="Nav_P' + p_nItem + i + '" style="position: relative; top:12px;">\r <SPAN class="year">' + aYear[p_nItem][i] + '</SPAN>\r';
	  if (aDetails[p_nItem][i].match("///IMAGE") ) {
	    if ( (divName == 'link_list') || (divName == 'titech_visuals')  || (divName == 'mp3_playlists') ) {
	      sHTML += placeImageHTML(p_nItem, i);
    	} else {
		  sHTML += placeImageLink(p_nItem, i);
	    }
      }
	  if (aTitle[p_nItem][i] !="") sHTML += ' <SPAN class="title">' + aTitle[p_nItem][i] + '</SPAN>';
      if (aTitleTXT[p_nItem][i] !="") sHTML += '<SPAN class="text">' + aTitleTXT[p_nItem][i];
      if (aMenueItemKind[p_nItem] != "music_choise") sHTML += '<BR>\r ';
	  if (aDetails[p_nItem][i].match("///ANKER") ) sHTML += placeAnkerHTML(p_nItem, i);
	  if (aDetails[p_nItem][i].match("///EMBED") ) sHTML += placeEmbedHTML(p_nItem, i);
	  if (aDetails[p_nItem][i].match("///") ) aDetails[p_nItem][i] = reduceUse(aDetails[p_nItem][i], "///", "///") ;	  
      if (aDetails[p_nItem][i] !="") {	  
	    if (aDetails[p_nItem][i].match("<LINE>") ) {
		  sHTML += splitToLines(aDetails[p_nItem][i]);
  	    } else {
	      sHTML += ' ' + aDetails[p_nItem][i] + '<BR>';
	    }
	  }
      sHTML += '</SPAN>\n</div>\r\n';
    }
    sHTML += '</div>\r\r\n';
	if (aMenueItemKind[p_nItem].toLowerCase() != "concepts") sHTML += '<BR><hr size="10" noshade="noshade"><a href="javascript:window.scrollTo(0,0);">&nbsp;&nbsp;&nbsp;<img src="./images/pijl_up.gif" border="0" width="14" height="10"></a><hr size="6" noshade="noshade">';
  oNode.innerHTML += sHTML;
  }
 }
}

 //==========================================================
function splitToLines(p_aDetails) {
 var aTemp = new Array();
 var tempHTML = "";
 aTemp = p_aDetails.split("LINE>");
 for (var tel=1; tel<aTemp.length; tel+=2) {
   tempHTML += aTemp[tel].slice(0,aTemp[tel].length-2) + "<BR>" + aTemp[tel+1].slice(0,aTemp[tel+1].length-2);
 }
 return tempHTML;
}

 //==========================================================
function placeAnkerHTML(p_nItem, i) {
 var aTemp = aDetails[p_nItem][i].split("///");
 var sTempHTML = "";
 for (var tel=3; tel<aTemp.length; tel+=5) {
   if (aTemp[tel+1] == "ANKER") {
     if (aMenueItemKind[p_nItem] != "music_choise") {
	   if (aMenueItemTitle[p_nItem] == "link_list") sTempHTML += '<BR>';
       sTempHTML += "\n<A HREF=\"" + aAnker[aTemp[tel]][1] + "\" target=\"" + aAnker[aTemp[tel]][2] + "\">" + aAnker[aTemp[tel]][3] + "</A><BR> " + aAnker[aTemp[tel]][4] + "\n";
	   if ( (aMenueItemKind[p_nItem] == "menue_home") && (aMenueItemTitle[p_nItem] != "music_txt") ) sTempHTML += '<BR>';
	 } else {
       sTempHTML += "<A HREF=\"" + aAnker[aTemp[tel]][1] + "\">&nbsp;&nbsp;<SPAN class='song_titel'>" + aAnker[aTemp[tel]][4] + "</SPAN>&nbsp;&nbsp;(" + aAnker[aTemp[tel]][3] + "}</A>\n";
	 }
   }
 }
 return sTempHTML;
}

 //==========================================================
function placeEmbedHTML(p_nItem, i) {
 var aTemp = aDetails[p_nItem][i].split("///");
 var sTempHTML = "";
 for (var tel=3; tel<aTemp.length; tel+=5) {
   if (aTemp[tel+1] == "EMBED") {
     var tempString ='http://vimeo.com/hubnut/?user_id=vjtitech&amp;color=00adef&amp;background=565656&amp;fullscreen=1&amp;slideshow=0&amp;stream=uploaded_videos&amp;id=&amp;server=vimeo.com';
     sTempHTML = '\n<div onclick="javascript:backgroundMusic(0);"><object type="application/x-shockwave-flash" width="300" height="225" data="' + tempString + '">\n<param name="quality" value="best" />\n<param name="allowfullscreen" value="true" />\n<param name="scale" value="showAll" />\n<param name="movie" value="' + tempString + '" /></object></DIV>';
	 }
 }
 return sTempHTML;
}

//==========================================================
function placeImageHTML(p_nItem, a) {
 var aTemp = aDetails[p_nItem][a].split("///");
 var sTempHTML = "";
 for (var tel=3; tel<aTemp.length; tel+=5) {
   if (aTemp[tel+1] == "IMAGE") {
     if (aImgs[aTemp[tel]][2]) {
       sTempHTML += "<BR><CENTER><IMG SRC='" + aImgs[aTemp[tel]][1] + "' width=" + aImgs[aTemp[tel]][2] + " height=" + aImgs[aTemp[tel]][3] + "></CENTER>\n";
     } else {
	   sTempHTML += "<IMG SRC='" + aImgs[aTemp[tel]][1] + "' width=57 height=46>\n";
	 }
   }
 }
 return sTempHTML;
}

//==========================================================
function placeImageLink(p_nItem, i) {
 var aTemp = aDetails[p_nItem][i].split("///");
 var sTempHTML = "";
 for (var tel=3; tel<aTemp.length; tel+=5) {
   var sId =  "Nav_" + String(aTemp[1]) + "_" + String(aTemp[2]) + "_" + String((tel-3)/5);
   sTempHTML += "<a href=\"" + aImgs[aTemp[tel]][1] +  "\" target=\"_pic-faq\"><img src=\"./images/image.gif\" style=\"border-color: #dd5533; border-width: 1px;\" alt=\"get image\" onmouseover=\"javascript: visibleDiv('" + sId + "')\" onmouseout=\"javascript: hiddenDiv('" + sId + "')\" height=\"12\" vspace=\"6\" width=\"24\"></a>";
   aPFImages[telIMG] = '\r<DIV id="' + sId + '" style="visibility:hidden; position:fixed; top:123px; left:583px; width:320px; height:460px; "><IMG src="' + aImgs[aTemp[tel]][1] + '" width="320" height="460" border="0" alt="" ></DIV>';
   telIMG++;
  }
 aDetails[p_nItem][i] = reduceUse(aDetails[p_nItem][i], "///", "///") ;
 return sTempHTML;
}
  
//==========================================================
function splitXML(sXMLorg) {
//count and seperate MenueItems
 aMenueItems = new Array();
 aMenueItems = sXMLorg.split("MENUE_ITEM>");
 aMenueItems.shift();
 aMenueItems.pop();
 var tel=0;
 for (var i=0; i<aMenueItems.length; i++) {
   if (aMenueItems[i].length > 7) {
     aMenueItems[tel] = aMenueItems[i];
	 tel++;
   } 
 }
 while (aMenueItems.length > tel) {
   aMenueItems.pop();
 }
// count and seperate single events in M_Item
 var aTempItemKind = new Array(aMenueItems.length);
 var aTempItemTitle = new Array(aMenueItems.length);
 var aTempItemTXT = new Array(aMenueItems.length);
 aMenueItemKind = new Array(aMenueItems.length);
 aMenueItemTitle = new Array(aMenueItems.length);
 aMenueItemTXT = new Array(aMenueItems.length);
 aImgs = new Array ();
 aAnker = new Array ();
 aEmbed = new Array ();

 for (var i=0; i<aMenueItems.length; i++){
   aTempItemKind[i] = aMenueItems[i].split("MENUE_ITEM_KIND>");
   aTempItemTitle[i] = aMenueItems[i].split("MENUE_ITEM_TITLE>");
   aTempItemTXT[i] = aMenueItems[i].split("MENUE_ITEM_TXT>")
 }
 for (var i=0; i<aMenueItems.length; i++){
   aMenueItemKind[i] = aTempItemKind[i][1].slice(0,aTempItemKind[i][1].length-2);
   aMenueItemTitle[i] = aTempItemTitle[i][1].slice(0,aTempItemTitle[i][1].length-2);
   aMenueItemTXT[i] = aTempItemTXT[i][1].slice(0,aTempItemTXT[i][1].length-2);
 }
 aMenueItemEvent = new Array(aMenueItems.length);
 var aTempEvent = new Array(aMenueItems.length);
 for (var i=0; i<aMenueItems.length; i++){
   aTempEvent[i] = aMenueItems[i].split("EVENT>");
 }
 for (var i=0; i<aMenueItems.length; i++){
   var tel=0;
   aMenueItemEvent[i] = new Array(Math.floor(aTempEvent[i].length/2));
   for (var a=1; a<aTempEvent[i].length; a+=2){
     aMenueItemEvent[i][tel] = aTempEvent[i][a].slice(0,aTempEvent[i][a].length-2);
	 tel++;
   }
 }
// seperate standart categories
 var aTempYear = new Array(aMenueItemEvent.length);
 var aTempTitle = new Array(aMenueItemEvent.length);
 var aTempTitleTXT = new Array(aMenueItemEvent.length);
 var aTempDetails = new Array(aMenueItemEvent.length);
  
 for (var i=0; i<aMenueItemEvent.length; i++){
   aTempYear[i] = new Array(aMenueItemEvent[i].length);
   aTempTitle[i] = new Array(aMenueItemEvent[i].length);
   aTempTitleTXT[i] = new Array(aMenueItemEvent[i].length);
   aTempDetails[i] = new Array(aMenueItemEvent[i].length);
    
   for (var a=0; a<aMenueItemEvent[i].length; a++){
     aTempYear[i][a] = aMenueItemEvent[i][a].split("YEAR>");
     aTempTitle[i][a] = aMenueItemEvent[i][a].split("TITLE>");
     aTempTitleTXT[i][a] = aMenueItemEvent[i][a].split("TITLE_TXT>");
     aTempDetails[i][a] = aMenueItemEvent[i][a].split("DETAILS>");
   }
 }

 aYear = new Array(aMenueItemEvent.length);
 aTitle = new Array(aMenueItemEvent.length);
 aTitleTXT = new Array(aMenueItemEvent.length);
 aDetails = new Array(aMenueItemEvent.length);
  
 for (var i=0; i<aMenueItemEvent.length; i++){
   aYear[i] = new Array(aMenueItemEvent[i].length);
   aTitle[i] = new Array(aMenueItemEvent[i].length);
   aTitleTXT[i] = new Array(aMenueItemEvent[i].length);
   aDetails[i] = new Array(aMenueItemEvent[i].length);
   for (var a=0; a<aMenueItemEvent[i].length; a++){
     aYear[i][a] = aTempYear[i][a][1].slice(0,aTempYear[i][a][1].length-2); 
     aTitle[i][a] = aTempTitle[i][a][1].slice(0,aTempTitle[i][a][1].length-2); 
     aTitleTXT[i][a] = aTempTitleTXT[i][a][1].slice(0,aTempTitleTXT[i][a][1].length-2);
     if (aTempItemKind !="Portfolio") aDetails[i][a] = aTempDetails[i][a][1].slice(0,aTempDetails[i][a][1].length-2); 
	 if ( (aDetails[i][a].match("ANKER")) || (aDetails[i][a].match("IMAGE")) || (aDetails[i][a].match("EMBED")) || (aDetails[i][a].match("IMAGE")) ) complexDetails(aDetails[i][a],i,a); 
    }	  
 }
}

 //==========================================================
function complexDetails(p_aDetails,p_i,p_a) {
 if (p_aDetails.match("IMAGE")) makeImage(p_aDetails, p_i, p_a);
 if (p_aDetails.match("ANKER")) makeAnker(p_aDetails, p_i, p_a);
 if (p_aDetails.match("EMBED")) makeEmbed(p_aDetails, p_i, p_a); 
}

//==========================================================
function makeEmbed(p_aDetails, p_i, p_a) {
 var aTempEmbed = new Array ();
 aTempEmbed = p_aDetails.split("EMBED");  
 aDetails[p_i][p_a] = reduceUse(aDetails[p_i][p_a], "<EMBED>", "</EMBED>") ;
 for (var i=1; i<aTempEmbed.length; i+=2) {
   var nArray = [aEmbed.length];
   aEmbed[nArray] = new Array(3);
   aEmbed[nArray][0] = "///" + p_i + "///" + p_a;
   aEmbed[nArray][1] = aTempEmbed[i].split("SERVER>")[1];
   aEmbed[nArray][1] = aEmbed[nArray][1].slice(0, aEmbed[nArray][1].length-2);
   aEmbed[nArray][2] = aTempEmbed[i].split("SRC>")[1];
   aEmbed[nArray][2] = aEmbed[nArray][2].slice(0, aAnker[nArray][2].length-2);
   aDetails[p_i][p_a] += "///" + p_i + "///" + p_a + "///" + nArray + "///EMBED///";
 } 
}

//==========================================================
function makeAnker(p_aDetails, p_i, p_a) {
 var aTempAnker = new Array ();
 aTempAnker = p_aDetails.split("ANKER");  
 aDetails[p_i][p_a] = reduceUse(aDetails[p_i][p_a], "<ANKER>", "</ANKER>") ;
 for (var i=1; i<aTempAnker.length; i+=2) {
   var nArray = [aAnker.length];
   aAnker[nArray] = new Array(5);
   aAnker[nArray][0] = "///" + p_i + "///" + p_a;
   aAnker[nArray][1] = aTempAnker[i].split("HREF>")[1];
   aAnker[nArray][1] = aAnker[nArray][1].slice(0, aAnker[nArray][1].length-2);
   aAnker[nArray][2] = aTempAnker[i].split("TARGET>")[1];
   aAnker[nArray][2] = aAnker[nArray][2].slice(0, aAnker[nArray][2].length-2);
   aAnker[nArray][3] = aTempAnker[i].split("NAME>")[1]; 
   aAnker[nArray][3] = aAnker[nArray][3].slice(0, aAnker[nArray][3].length-2);
   aAnker[nArray][4] = aTempAnker[i].split("LINK_TXT>")[1]; 
   aAnker[nArray][4] = aAnker[nArray][4].slice(0, aAnker[nArray][4].length-2);
   aDetails[p_i][p_a] += "///" + p_i + "///" + p_a + "///" + nArray + "///ANKER///";
 } 
}

//==========================================================
function makeImage(p_aDetails, p_i, p_a) {
 var aTempImgs = new Array ();
 aTempImgs = p_aDetails.split("IMAGE");  
 if (aDetails[p_i][p_a].match("SRC>") ) {
   aDetails[p_i][p_a] = reduceUse(aDetails[p_i][p_a], "<IMAGE>", "</IMAGE>") ;
   for (var i=1; i<aTempImgs.length; i+=2) {
     var nArray = [aImgs.length];
     aImgs[nArray] = new Array(4);
	 aImgs[nArray][0] = "///" + p_i + "///" + p_a;
	 aImgs[nArray][1] = aTempImgs[i].split("SRC>")[1];
	 aImgs[nArray][1] = aImgs[nArray][1].slice(0, aImgs[nArray][1].length-2);
     aImgs[nArray][2] = aTempImgs[i].split("WIDTH>")[1];
	 aImgs[nArray][2] = aImgs[nArray][2].slice(0, aImgs[nArray][2].length-2);
     aImgs[nArray][3] = aTempImgs[i].split("HEIGHT>")[1]; 
	 aImgs[nArray][3] = aImgs[nArray][3].slice(0, aImgs[nArray][3].length-2);
	 aDetails[p_i][p_a] += "///" + p_i + "///" + p_a + "///" + nArray + "///IMAGE///";
   }
 } else {
   aDetails[p_i][p_a] = reduceUse(aDetails[p_i][p_a], "<IMAGE>", "</IMAGE>") ;
   for (var i=1; i<aTempImgs.length; i+=2) {
     var nArray = [aImgs.length];
     aImgs[nArray] = new Array(4);
	 aImgs[nArray][0] = "///" + p_i + "///" + p_a;
	 aImgs[nArray][1] = aTempImgs[i].slice(1, aTempImgs[i].length-2);
	 aImgs[nArray][2] = "";
	 aImgs[nArray][3] = "";
	 aDetails[p_i][p_a] += "///" + p_i + "///" + p_a + "///" + nArray + "///IMAGE///";
   }
 }
}

 //==========================================================
function reduceUse(nOrgString, sStart, sStop) {
 var nStart = nOrgString.indexOf(sStart);
 var nStop = nOrgString.lastIndexOf(sStop) + sStop.length;
 var sBegin = nOrgString.slice(0, nStart);
 var sEnd = "";
 if (nStop !=2)sEnd = nOrgString.slice(nStop, nOrgString.length);
 var nReducedString = sBegin + sEnd;
 return nReducedString;
}

 //==========================================================
// sliteshowVJ.js
 //==========================================================
function preLoad_VJ() {
 for (var i=1; i<=40; i++) {
   if (i<=9) {
     sNull = "0";
   } else {
	 sNull = "";
   }
   sImgURL += "\r<IMG id='slite_" + sNull + i + "' " + "SRC ='./images/TiTech_img/Vj_" + sNull + i + ".jpg" + "' style='position:absolute; top:0px; visibility:hidden;'>";	
 }	
 oNode = document.getElementById("VJ_slites");
 oNode.innerHTML = sImgURL;
}

 //==========================================================
 function startInterval() {
 oImg = document.getElementById("slite_01");
 oImg.style.visibility = "visible";
 if (sliteTel > 1) {
   window.clearInterval(oSliteshow);
 }
 oSliteshow = setInterval("sliteShowVj()",nFrequene);
}

 //==========================================================
function selectTXT(p_sliteTel) {
 var p_nProject;
 if (p_sliteTel==1) {
   p_nProject =0;
 } else if (p_sliteTel==25) {
   p_nProject =1;
 } else if (p_sliteTel==27) {
   p_nProject =2;
 } else if (p_sliteTel==33) {
   p_nProject =3;
 } else if (p_sliteTel==35) {
   p_nProject =4;
 } else if (p_sliteTel==39) {
   p_nProject =5;
 } 
 return p_nProject;
}

function sliteShowVj() {	
 if (sliteTel<=9) {
   sNull = "0";
 } else {
   sNull = "";
 }  
 oImg = document.getElementById("slite_" + sNull + sliteTel);
 oImg.style.visibility = "visible";
 if (sliteTel!=1) {
   oOldImg.style.top = "230px";
 }
 oOldImg = oImg;
 if ( (sliteTel==1) || (sliteTel==25) || (sliteTel==27) || (sliteTel==33) || (sliteTel==35) || (sliteTel==39)) {
   var nProject = selectTXT(sliteTel);
   var tempSRC = "./images/TiTech_img/sliteTXT_" + aTXTfiles[nProject] + ".png";
   oNode = document.getElementById("project");
   oNode.src = tempSRC;
 } 
 sliteTel++;
 if (sliteTel>40) {
    resetShow();
 }
}

function resetShow() {
 oNode = document.getElementById("VJ_slites").getElementsByTagName("IMG");
 for (var i=0; i < oNode.length; i++) {
   oNode[i].style.visibility = "hidden";
   oNode[i].style.top = "0px";
 }
 sliteTel=1;
 oImg = document.getElementById("slite_01");
 if (oImg != null) {
   oImg.style.visibility = "visible";
 }
}

function stopInterval(){
 resetShow();
 window.clearInterval(oSliteshow);
}

 //==========================================================
// wunschspiel.js
 //==========================================================
function wunschspiel(){
 var oNode = document.getElementById("slites_WS");
 if (oNode.innerHTML == "") loadWS(oNode);
}

//==========================================================
function swapImage(p_nIndex){ 
 oCheckTime = new Date();
 nCheckTime = oCheckTime.getTime();
 if (nCheckTime-nCheckOldTime>1000) {
   nCheckOldTime = nCheckTime;
   var nNewIndex =1;
   while (nNewIndex ==1) {
     nNewIndex = findNewIndex(p_nIndex);
   }
   var sSrc = document.getElementById(p_nIndex).firstChild.src;
   document.getElementById("single_drawing").firstChild.src = sSrc;
   var sNewSrc = document.getElementById(nNewIndex).firstChild.src;
   var sBackSrc = document.getElementById("1").firstChild.src;
 
   document.getElementById(p_nIndex).firstChild.src = sBackSrc;
   document.getElementById(nNewIndex).firstChild.src = sNewSrc;
   document.getElementById("1").firstChild.src = sSrc;
   var aId = new Array (p_nIndex, nNewIndex, "1");
   var oNode = new Array(3);
   var oStyle = new Array(3);
   var aAttr = new Array(3);
   for (var i=0; i<3; i++) {
     oNode[i] = document.getElementById(aId[i]);
     oStyle[i] = oNode[i].style;
     aAttr[i] = new Array(5);
     aAttr[i][0] = String(oNode[i].id);
     aAttr[i][1] = String(oStyle[i].visibility);
     aAttr[i][2] = String(oStyle[i].zIndex);
     aAttr[i][3] = String(oStyle[i].top);
     aAttr[i][4] = String(oStyle[i].left);
   }
   oNode[2].id = "0";
   var a=0;
   for (var i=0; i<3; i++) {
     if (i==0) a=2; b=0;
     if (i==1) a=0; b=2;
     if (i==2) a=1; b=1;
     oNode[i].id = aAttr[a][0];
     oNode[i].style.visibility = aAttr[a][1];
     oNode[i].style.zIndex = aAttr[a][2];
     oNode[i].style.top = aAttr[b][3];
     oNode[i].style.left = aAttr[a][4];
   }
 } 
}

//==========================================================
function findNewIndex(p_nOldIndex) {
 var p_nNewIndex=0;
  while ( (Math.abs(p_nNewIndex - p_nOldIndex) < (nNumberSlites/20) )|| (p_nNewIndex ==0) ) {
    oTime = new Date();
    nTime = Number(oTime.getTime() );
	p_nNewIndex = nTime - (Math.floor(nTime/nNumberSlites)*nNumberSlites);
  }
  nOldTime = nTime;
 return p_nNewIndex ;
}

//==========================================================
function loadWS(p_oNode){
var aNumbersId = new Array(nNumberSlites);
for (var i=1; i<=nNumberSlites; i++) {
  aNumbersId[i] = i;
}
var sNull = "";
var nTop, nLeft, nIndex, nOldIndex;
nTop = nLeft = nIndex = nOldIndex = 0;
var sHTML = "";
for (var i=1; i<=nNumberSlites; i++) {
  if (i<=9) {
    sNull = "00";
  } else if (i<=99) {
    sNull = "0";
  }
  while ( (Math.abs(nIndex - nOldIndex) < (nNumberSlites/10) )|| (nIndex ==0) ) {
    oTime = new Date();
    nTime = Number(oTime.getTime() );
	nIndex = nTime - (Math.floor(nTime/nNumberSlites)*nNumberSlites) +1;
  }
  if (aNumbersId[nIndex] == 0) {
    for (tel=nIndex; tel>0; tel--) {
      if (aNumbersId[tel] != 0) {
	    nIndex = tel;
		break;
      }
	}
  }
  if (aNumbersId[nIndex] == 0) {
	for (tel=nIndex; tel<aNumbersId.length; tel++) {
      if (aNumbersId[tel] != 0) {
	    nIndex = tel;
	    break;
      }
	}
  }
  aNumbersId[nIndex] = 0;
  nOldIndex = nIndex;
  nTime = Number(oTime.getTime() );
  nTime -= (Math.floor(nTime /320))*320;
  nTop = 320 - nTime;
  nTime = Number(oTime.getTime() );
  nTime -= (Math.floor(nTime /110))*110;
  nLeft = nTime;
  if (nIndex > (aNumbersId.length-9) ) {
    sHTML += "\n<DIV id=\"" + nIndex + "\" style=\"visibility: visible; position: absolute; top:" + nTop + "px; left:" + nLeft + "px; z-index: " + nIndex + "\"><IMG src=\"./images/drawings/tek-" + sNull + String(i) + ".gif\" onmousemove =\"javascript: nId=this.parentNode.id; window.setTimeout('swapImage(nId)', 400)\" width=210 height=120 ></DIV>";
  } else {
    sHTML += "\n<DIV id=\"" + nIndex + "\" style=\"visibility:hidden; position: absolute; top:" + nTop + "px; left:" + nLeft + "px; z-index: " + nIndex + "\"><IMG src=\"./images/drawings/tek-" + sNull + String(i) + ".gif\" onmousemove =\"javascript: nId=this.parentNode.id; window.setTimeout('swapImage(nId)', 400)\" width=210 height=120 ></DIV>";
  }
}

p_oNode.innerHTML = sHTML;

}