//Change Log:
//* Updated: July 31st, 07: Fixed bug where with persistence enabled, the class="selected" feature no longer works properly.
//* Updated: July 11th, 07: Fixed bug with persistence not working. Doh.
//* Updated: July 9th, 07: Added session only persistence to tabs (set "enabletabpersistence" var below). Only .js file changed.
//* Updated Nov 8th, 06. Ability to select a tab dynamically, by calling a method (ie: via a link). Only .js file changed.

var bustcachevar=0 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadstatustext="<img src='http://www.klw.de/img/loading.gif' /> Lade Inhalt..."
var enabletabpersistence=1 //enable tab persistence via session only cookies, so selected tab is remembered (1=yes, 0=no)?

////NO NEED TO EDIT BELOW////////////////////////
var loadedobjects=""
var defaultcontentarray=new Object()
var bustcacheparameter=""

function ajaxpage(url, containerid, targetobj) {
	var page_request = false
	if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc
		page_request = new XMLHttpRequest()
	else if (window.ActiveXObject){ // if IE
		try {
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
		} 
		catch (e){
			try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
			}
				catch (e){}
		}
	}
	else
		return false
	
	var ullist=targetobj.parentNode.parentNode.getElementsByTagName("li")
	for (var i=0; i<ullist.length; i++)
		ullist[i].className=""  //deselect all tabs
	
	targetobj.parentNode.className="selected"  //highlight currently clicked on tab
	if (url.indexOf("#default")!=-1){ //if simply show default content within container (verus fetch it via ajax)
		document.getElementById(containerid).innerHTML=defaultcontentarray[containerid]
		return
	}
	document.getElementById(containerid).innerHTML=loadstatustext
	page_request.onreadystatechange=function(){
		loadpage(page_request, containerid)
	}
	if (bustcachevar) //if bust caching of external page
		bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
		page_request.open('GET', url+bustcacheparameter, true)
		page_request.send(null)
}

function loadpage(page_request, containerid){
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
		document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(revattribute){
	if (revattribute!=null && revattribute!=""){ //if "rev" attribute is defined (load external .js or .css files)
		var objectlist=revattribute.split(/\s*,\s*/) //split the files and store as array
		for (var i=0; i<objectlist.length; i++){
			var file=objectlist[i]
			var fileref=""
			if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
				if (file.indexOf(".js")!=-1){ //If object is a js file
					fileref=document.createElement('script')
					fileref.setAttribute("type","text/javascript");
					fileref.setAttribute("src", file);
				}
				else if (file.indexOf(".css")!=-1){ //If object is a css file
					fileref=document.createElement("link")
					fileref.setAttribute("rel", "stylesheet");
					fileref.setAttribute("type", "text/css");
					fileref.setAttribute("href", file);
				}
			}
			if (fileref!=""){
				document.getElementsByTagName("head").item(0).appendChild(fileref)
				loadedobjects+=file+" " //Remember this object as being already added to page
			}
		}
	}
}

function expandtab(tabcontentid, tabnumber){ //interface for selecting a tab (plus expand corresponding content)
	var thetab=document.getElementById(tabcontentid).getElementsByTagName("a")[tabnumber]
	if (thetab.getAttribute("rel")){
		ajaxpage(thetab.getAttribute("href"), thetab.getAttribute("rel"), thetab)
		loadobjs(thetab.getAttribute("rev"))
	}
}

function savedefaultcontent(contentid){// save default ajax tab content
	if (typeof defaultcontentarray[contentid]=="undefined") //if default content hasn't already been saved
		defaultcontentarray[contentid]=document.getElementById(contentid).innerHTML
}

function startajaxtabs(){
	for (var i=0; i<arguments.length; i++){ //loop through passed UL ids
		var ulobj=document.getElementById(arguments[i])
		var ulist=ulobj.getElementsByTagName("li") //array containing the LI elements within UL
		var persisttabindex=(enabletabpersistence==1)? getCookie(arguments[i]) : "" //get index of persisted tab (if applicable)
		var isvalidpersist=(persisttabindex<ulist.length)? true : false //check if persisted tab index falls within range of defined tabs
		for (var x=0; x<ulist.length; x++){ //loop through each LI element
			var ulistlink=ulist[x].getElementsByTagName("a")[0]
			ulistlink.index=x
			if (ulistlink.getAttribute("rel")){
				var modifiedurl=ulistlink.getAttribute("href").replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/")
				ulistlink.setAttribute("href", modifiedurl) //replace URL's root domain with dynamic root domain, for ajax security sake
				savedefaultcontent(ulistlink.getAttribute("rel")) //save default ajax tab content
				ulistlink.onclick=function(){
					ajaxpage(this.getAttribute("href"), this.getAttribute("rel"), this)
					loadobjs(this.getAttribute("rev"))
					saveselectedtabindex(this.parentNode.parentNode.id, this.index)
					return false
				}
				if ((enabletabpersistence==1 && persisttabindex<ulist.length && x==persisttabindex) || (enabletabpersistence==1 && persisttabindex=="" && ulist[x].className=="selected") || (enabletabpersistence==0 && ulist[x].className=="selected")){
					ajaxpage(ulistlink.getAttribute("href"), ulistlink.getAttribute("rel"), ulistlink) //auto load currently selected tab content
					loadobjs(ulistlink.getAttribute("rev")) //auto load any accompanying .js and .css files
				}
			}
		}
	}
}

////////////Persistence related functions//////////////////////////

function saveselectedtabindex(ulid, index){ //remember currently selected tab (based on order relative to other tabs)
	if (enabletabpersistence==1) //if persistence feature turned on
		setCookie(ulid, index)
}

function getCookie(Name) {
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return ""
}

function setCookie(name, value) {
	document.cookie = name+"="+value //cookie value is domain wide (path=/)
}



/*var xmlHttp = null;
// Mozilla, Opera, Safari sowie Internet Explorer 7
if (typeof XMLHttpRequest != 'undefined') {
	xmlHttp = new XMLHttpRequest();
}
if (!xmlHttp) {
	// Internet Explorer 6 und älter
	try {
		xmlHttp  = new ActiveXObject("Msxml2.XMLHTTP");
	} catch(e) {
		try {
			xmlHttp  = new ActiveXObject("Microsoft.XMLHTTP");
		} catch(e) {
			xmlHttp  = null;
		}
	}
}


function change_content(wohin)
{
	
	//SWF nur auf der Startseite anzeigen
	if(wohin == 'start')
		document.getElementById("flash_video_container").style.display = "block";
	else
		document.getElementById("flash_video_container").style.display = "none";
	
	//Content nachladen
	if(xmlHttp) {
		var load_div = document.getElementById("loading");
		if(load_div != null)
			load_div.style.display = "block";
		
		xmlHttp.open('GET', 'incs/'+wohin+'.html', true);
		xmlHttp.onreadystatechange = function() {
			if(xmlHttp.readyState == 4) {
				var werte = xmlHttp.responseText;
				var output_div = document.getElementById("col3_content");
				output_div.innerHTML = werte;
				
				if(load_div != null)
					load_div.style.display = "none";
			}
		};
		xmlHttp.send(null);
	}
}


var xmlHttp2 = null;
// Mozilla, Opera, Safari sowie Internet Explorer 7
if (typeof XMLHttpRequest != 'undefined') {
	xmlHttp2 = new XMLHttpRequest();
}
if (!xmlHttp2) {
	// Internet Explorer 6 und älter
	try {
		xmlHttp2  = new ActiveXObject("Msxml2.XMLHTTP");
	} catch(e) {
		try {
			xmlHttp2  = new ActiveXObject("Microsoft.XMLHTTP");
		} catch(e) {
			xmlHttp2  = null;
		}
	}
}

function change_video(wohin)
{
	//Content nachladen
	if(xmlHttp2) {
		var load_div = document.getElementById("loading_video");
		if(load_div != null)
			load_div.style.display = "block";
		
		xmlHttp2.open('GET', 'incs/video_'+wohin+'.html', true);
		xmlHttp2.onreadystatechange = function() {
			if(xmlHttp2.readyState == 4) {
				//Video anzeigen
				var werte = xmlHttp2.responseText;
				var output_div = document.getElementById("video_content");
				output_div.innerHTML = werte;
				
				//navigation erneuern
				var menu = document.getElementById("video_nav").firstChild;
				while(menu != null) {
					
					if(menu.nodeName == "A" ) {
						var tmp = menu.firstChild.src.split('/');
						if(tmp[tmp.length-1].indexOf(wohin) == -1) {
							if(tmp[tmp.length-1].indexOf('_off.jpg') == -1)
								menu.firstChild.src = menu.firstChild.src.replace(/.jpg/g, "_off.jpg");
						} else 
							menu.firstChild.src = menu.firstChild.src.replace(/_off.jpg/g, ".jpg");
					}
					
					menu = menu.nextSibling;
				}
				
				
				if(load_div != null)
					load_div.style.display = "none";
			}
		};
		xmlHttp2.send(null);
	}
}*/