// JavaScript Document

var previousPage = '';
var pagina='';
var ref;

function GetXmlHttpObject()
{ 
    var objXMLHttp=null
    if (window.XMLHttpRequest)
    {
       objXMLHttp=new XMLHttpRequest()
    }
    else if (window.ActiveXObject)
    {
       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
    }
    return objXMLHttp
}

function showPage(page){
	if (previousPage == ''){
		previousPage = 'Twood';
	}
	pagina = page;
	if(pagina != previousPage){
		document.getElementById('rozebalktext').innerHTML= pagina;
		document.getElementById('welkom').innerHTML= ' ';	
		var left = document.getElementById('columnleft');
		var right = document.getElementById('flash');		
		if (previousPage == 'Twood' || previousPage == 'Contact'){
				if(pagina == 'Projecten'){
					left.style.width = '255px';
					right.style.width ='500px';	
					changeFlash('projecten');
				}
				if(pagina == 'Referenties'){
					left.style.width = '755px';
					right.style.width ='0px';
					right.innerHTML=' ';
				}
				previousPage = pagina;
				showContent(pagina);
		} else if( previousPage == 'Referenties'){
				if(pagina == 'Projecten'){
					left.style.width = '255px';
					right.style.width ='500px';	
					changeFlash('Projecten');
				} else {	
					left.style.width = '377px';
					right.style.width ='378px';	
					changeFlash('default');
				}
				previousPage = pagina;
				showContent(pagina);
		} else {
				if(pagina == 'Referenties'){
					left.style.width = '755px';
					right.style.width ='0px';
					right.innerHTML=' ';
				} else {	
					left.style.width = '377px';
					right.style.width ='378px';	
					changeFlash('default');
					previousPage = pagina;
				}
				previousPage = pagina;
				showContent(pagina);
		}
	}
}
function setText(text,titel){
	var porttext = "<b>" + titel + "</b><br>" + text;
	document.getElementById('welkom').innerHTML= porttext;		
}

function changeFlash(page){
		if(page == 'projecten'){
			document.getElementById('welkom').innerHTML= '';	
			var url="http://www.twood.nl/includes/flash/iTunesAlbumArt.swf";
			var so = new SWFObject(url, "test", "500", "270", "8", "#000000");
			so.addParam("allowScriptAccess", "always");
			so.write("flash");
		} else{
			var url="http://www.twood.nl/includes/flash/image_fader1.swf";
			var so = new SWFObject(url, "test", "378", "270", "8", "#000000");
			so.addParam("allowScriptAccess", "always");
			so.write("flash");		
		}
}
function showContent(){
   xmlHttp=GetXmlHttpObject();

   if (xmlHttp==null)
   {
      alert ("Browser does not support HTTP Request")
      return
    } 
	if(pagina == 'Twood' || pagina == 'Contact'){
		divToChange="welkom";
		var url = "includes/pages/" + pagina + ".html";	
		url=url+"?sid="+Math.random();
		xmlHttp.onreadystatechange=stateChanged;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null)	;
	}
	if(pagina == 'Referenties'){
 		var url = "includes/pages/referenties.xml";	
		url=url+"?sid="+Math.random();
		xmlHttp.onreadystatechange=stateChangedxml; 
    	xmlHttp.open("GET",url,true);
    	xmlHttp.send(null)	;		
	}
}

function stateChangedxml() 
{ 
	
   
    if (xmlHttp.readyState==4)
   {
   
      if(xmlHttp.status == 200)
      { 
	  		var ref='';
			var refbody='';
			var refall='';
			var divToChange= 'flash';
		    var xmlDoc = xmlHttp.responseXML;
   			var referenties = xmlDoc.getElementsByTagName("referentie");
			var teller=0;
			refbody = '<div id="text">';
			refall = '<div id="text">';
				for(var i = 0; i < referenties.length; i++) {
					    ref = referenties[i];
       		 			var url= ref.getElementsByTagName("url")[0].firstChild.nodeValue;
       		 			var naam= ref.getElementsByTagName("naam")[0].firstChild.nodeValue;	
						if(teller < 17){
							if (url != '_'){
								refbody += '<a href="' + url + '" target=_blank>' + naam + '</a><br>';
							} else{
								refbody += naam +'<br>';
							}
							teller++;
						} else {
							
							if (url != '_'){
								refbody += '<a href="' + url + '" target=_blank>' + naam + '</a><br>';
							} else{
								refbody += naam +'<br>';
							}
							refbody += '</div><div id="text">';
							teller=0;
						}
					
    			}
			refbody += '</div>';
			refall += '</div>';
			var refall1 = '<div id="welkom2">' + refall + '</div>'
			refall1 += '<div id="paarsvlak"></div>';
			//alert (refall);
			document.getElementById('welkom').innerHTML = refbody;
			//document.getElementById('flash').innerHTML = refall1;
      } 
	  else
	  {
	  	alert("Probleem met het request!");alert(xmlHttp.status);
	  }  
   }
}

function stateChanged() 
{ 
   
    if (xmlHttp.readyState==4)
   {
   
      if(xmlHttp.status == 200)
      { 
         document.getElementById(divToChange).innerHTML=xmlHttp.responseText; 
      } 
	  else
	  {
	  	alert("Probleem met het request!");alert(xmlHttp.status);
	  }
	  
   }
}