try //Internet Explorer
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  }
catch(e)
  {
  try //Firefox, Mozilla, Opera, etc.
    {
    xmlDoc=document.implementation.createDocument("","",null);
	    }
  catch(e) {alert(e.message)}
  }
try 
  {
  xmlDoc.async=false;
  xmlDoc.load("case_studies.xml");
   }
catch(e) {alert(e.message)}

var xrefcases=xmlDoc.getElementsByTagName("case");
var summary="There is no referentie";
var logotitle="There is no referentie";
var title="There is no referentie";
var content="There is no referentie";
var contentlength=0;
var att=new Array()	;
var att1=new Array();
var att2=new Array();
var attnum=new Array();
var category="Alle oplossingen";
var category1="Alle marktsegmenten";
var category2="Alle klanten";
var identity="op1";
var identity1="ms1";
var identity2="sk1";
var turnoff=category;
var turnoffid=identity;
var turnoff1=category1;
var turnoffid1=identity1;
var turnoff2=category2;
var turnoffid2=identity2;
var ifor=0;
var idfor=0;
var num=0;
var count=0;
var catamount=0;


function bread() {
document.getElementById("caseamount").innerHTML="Er zijn <b>"+count+" referenties</b> met de volgende combinatie:<b> " + category +"</b> -> <b>" + category1 +"</b> -><b>"+category2 +"</b>";
};
function selectbold() {
document.getElementById(turnoffid).innerHTML=turnoff;
document.getElementById(identity).innerHTML=category.bold();
turnoff=category;
turnoffid=identity;
}


function selectbold1() {
document.getElementById(turnoffid1).innerHTML=turnoff1;
document.getElementById(identity1).innerHTML=category1.bold();
turnoff1=category1;
turnoffid1=identity1;
}

function selectbold2() {
document.getElementById(turnoffid2).innerHTML=turnoff2;
document.getElementById(identity2).innerHTML=category2.bold();
turnoff2=category2;
turnoffid2=identity2;
}

	

/*assign each case id to an array*/

for (lx=0;lx<xrefcases.length;lx++)
{att[lx]=xmlDoc.getElementsByTagName("case")[lx].getAttribute("cat1");
}
for (lxx=0;lxx<xrefcases.length;lxx++)
{att1[lxx]=xmlDoc.getElementsByTagName("case")[lxx].getAttribute("cat2");
}
for (lxxx=0;lxxx<xrefcases.length;lxxx++)
{att2[lxxx]=xmlDoc.getElementsByTagName("case")[lxxx].getAttribute("cat3");
}


function initdisplay() {
pos=num+1;
arrow=document.getElementById("arrows");
arrow.style.display="block";
logo=(xrefcases[idfor].getElementsByTagName("logo")[0].childNodes[0].nodeValue);
logotitle=(xrefcases[idfor].getElementsByTagName("client")[0].childNodes[0].nodeValue);
title=(xrefcases[idfor].getElementsByTagName("title")[0].childNodes[0].nodeValue);
summary=(xrefcases[idfor].getElementsByTagName("summary")[0].childNodes[0].nodeValue);
content=(xrefcases[idfor].getElementsByTagName("content")[0].childNodes[0].nodeValue);
contentlength=(xrefcases[idfor].getElementsByTagName("content")[0].childNodes[0].nodeValue.length/1.8);
client=(xrefcases[idfor].getElementsByTagName("client")[0].childNodes[0].nodeValue);
solution=(xrefcases[idfor].getElementsByTagName("solution")[0].childNodes[0].nodeValue);
marktsegment=(xrefcases[idfor].getElementsByTagName("marktsegment")[0].childNodes[0].nodeValue);
partner=(xrefcases[idfor].getElementsByTagName("partner")[0].childNodes[0].nodeValue);
document.getElementById("show").innerHTML= logo;
document.getElementById("showtitle").innerHTML= title;
document.getElementById("showsummary").innerHTML= summary;
document.getElementById("showcontent").innerHTML= content;
document.getElementById("position").innerHTML=pos+" / "+attnum.length;
document.getElementById("showclient").innerHTML= client;
document.getElementById("showsolution").innerHTML= solution;
document.getElementById("showmarktsegment").innerHTML= marktsegment;
document.getElementById("showpartner").innerHTML= partner;
//alert (contentlength);
}


/*MAKE LIST FOR CAT1*/
	
function makecaselist() {
//alert("making caselist");
document.getElementById("introtext").style.display="none";
document.getElementById("introimage").style.display="none";
document.getElementById("rightcont").style.display="block";
var arrowon=document.getElementById("nextarrow");
arrowon.style.display="block";
var arrowback=document.getElementById("prevarrow");
arrowback.style.display="none"; 
var sis=document.getElementById("plusminus");
sis.style.display="block";
selectbold();	
selectbold1();
selectbold2();
setheight();
attnum.length=0;
count=0;
num=0;
ifor=0;
contentflag=0;

for (mcl=0;mcl<xrefcases.length;mcl++)
{
if (att[mcl]==category && category1=="Alle marktsegmenten" && category2=="Alle klanten") {
//alert("test this");
contentflag=1;
attnum[count]=mcl;
count++;
} else if (att[mcl]==category && category1=="Alle marktsegmenten" && att2[mcl]==category2) {
contentflag=1;
attnum[count]=mcl;
count++;
} else if (att[mcl]==category && att1[mcl]==category1 && category2=="Alle klanten") {
contentflag=1;
attnum[count]=mcl;
count++;
} else if (category=="Alle oplossingen" && att1[mcl]==category1 && att2[mcl]==category2) {
contentflag=1;
attnum[count]=mcl;
count++;
} else if (category=="Alle oplossingen" && att1[mcl]==category1 && category2=="Alle klanten"){
contentflag=1;
attnum[count]=mcl;
count++;
} else if (category=="Alle oplossingen" && category1=="Alle marktsegmenten" && att2[mcl]==category2) {
contentflag=1;
attnum[count]=mcl;
count++;
} else if (att[mcl]==category && att1[mcl]==category1 && att2[mcl]==category2) {
contentflag=1;
attnum[count]=mcl;
count++;
} else if (category=="Alle oplossingen" && category1=="Alle marktsegmenten" && category2=="Alle klanten") {

contentflag=1;
attnum[count]=mcl;
count++;
attnum.length=xrefcases.length;
}
}

if(count==1){
var arrowon=document.getElementById("nextarrow");
arrowon.style.display="none";
var arrowback=document.getElementById("prevarrow");
arrowback.style.display="none"; 
}

if (contentflag==0) {
catamount=0;
bread();
document.getElementById("showtitle").innerHTML= "Helaas is er op dit moment op deze website geen referentie beschikbaar die voldoet aan de selectiecriteria van uw keuze."+'<br><br>'+"Wellicht kunt u kiezen voor een andere combinatie van type oplossing, marktsegment, en/of klant.";
document.getElementById("show").innerHTML= '<img src="images/nocase.gif">';
document.getElementById("showsummary").innerHTML= "";
document.getElementById("showcontent").innerHTML= "";
document.getElementById("showclient").innerHTML= "";
document.getElementById("showsolution").innerHTML= "";
document.getElementById("showmarktsegment").innerHTML= "";
document.getElementById("showpartner").innerHTML= "";
sis=document.getElementById("plusminus");
sis.style.display="none";
arrow=document.getElementById("arrows");
arrow.style.display="none";

} else {
idfor=attnum[0];
initdisplay();
bread();
}
}


/*navigate thru xml file*/

function next()
{
	ifor=0;
	
if (ifor<attnum.length-1)
  { 
 // alert(attnum[num]);
 
 ifor=attnum[num+1];
num++;

pos=num+1;
display();
document.getElementById("position").innerHTML=pos+" / "+attnum.length;
    } 
if (pos==attnum.length) {
		var arrowon=document.getElementById("nextarrow");
		arrowon.style.display="none";
	}
	
if (pos>0) {
	 var arrowback=document.getElementById("prevarrow");
		arrowback.style.display="block"; 
}

}

function previous()
{
	
if (ifor>0)
  {
ifor=attnum[num-1];
 num--;
 pos=num+1;

  display();
  document.getElementById("position").innerHTML=pos +" / "+attnum.length;
  } 
 if (pos==attnum.length-1) {
	var arrowon=document.getElementById("nextarrow");
		arrowon.style.display="block"; 
		  }
 if (pos==1) {
	 var arrowback=document.getElementById("prevarrow");
		arrowback.style.display="none"; 
 }

 }


function display() {
logo=(xrefcases[ifor].getElementsByTagName("logo")[0].childNodes[0].nodeValue);
logotitle=(xrefcases[ifor].getElementsByTagName("client")[0].childNodes[0].nodeValue);
title=(xrefcases[ifor].getElementsByTagName("title")[0].childNodes[0].nodeValue);
summary=(xrefcases[ifor].getElementsByTagName("summary")[0].childNodes[0].nodeValue);
content=(xrefcases[ifor].getElementsByTagName("content")[0].childNodes[0].nodeValue);
contentlength=(xrefcases[ifor].getElementsByTagName("content")[0].childNodes[0].nodeValue.length/1.8);
//alert (contentlength);
client=(xrefcases[ifor].getElementsByTagName("client")[0].childNodes[0].nodeValue);
solution=(xrefcases[ifor].getElementsByTagName("solution")[0].childNodes[0].nodeValue);
marktsegment=(xrefcases[ifor].getElementsByTagName("marktsegment")[0].childNodes[0].nodeValue);
partner=(xrefcases[ifor].getElementsByTagName("partner")[0].childNodes[0].nodeValue);
document.getElementById("show").innerHTML= logo;
document.getElementById("showtitle").innerHTML= title;
document.getElementById("showsummary").innerHTML= summary;
document.getElementById("showcontent").innerHTML= content;
document.getElementById("showclient").innerHTML= client;
document.getElementById("showsolution").innerHTML= solution;
document.getElementById("showmarktsegment").innerHTML= marktsegment;
document.getElementById("showpartner").innerHTML= partner;
//alert (contentlength);
}

/*<!----------------------------------------------------------------->*/


/*DYNAMIC JAVASCRIPT*/


var height=200;
var active = 0;

function toggle_visible() {
 	if(active == 0) {
 		active = 1;
		changeheight();
		swapImage();
		
 	} else if(active == 1){
 		active = 0;	
		changeheightback();
 		swapImageback();
		
 	}
 }


function changeheight(){
	e=document.getElementById("container");
	im=document.getElementById("backimage");
	//alert("height:"+e.style.height);
	//YOU MIGHT NEED TO ALTER THE VALUES IN THE CONDITIONAL IF YOUR CONTENT TEXT IS NOT FITTING WITHIN THE CONTAINER IMG
	
	if(contentlength<350) {
		contentlength=contentlength+50;
			} 
	if (contentlength<200 && contentlength>80)
	{contentlength=contentlength+160;
	
	}
	
		if(e.style.height.split('px')[0]<contentlength-1) {
 		height = height + 20;
		e.style.height=height + 'px';	
		im.style.height=height + 'px';
				window.setTimeout('changeheight()', 1);
				
 	} 
	if(height>contentlength-1) {
		document.getElementById("showcontent").style.display="block";
		
	}
	
}

function changeheightback() {
 e=document.getElementById("container");
 im=document.getElementById("backimage");
 	if(e.style.height.split('px')[0]>200) {
 		height = height - 20;
		e.style.height=height + 'px';
		im.style.height=height + 'px';
		 		window.setTimeout('changeheightback()', 1);
				
 	} 
	
	if(height<contentlength-1) {
		document.getElementById("showcontent").style.display="none";
		
	}
 } 



function setheight(){
	ee=document.getElementById("container");
	ee.style.height=220+'px';
	eee=document.getElementById("backimage");
	eee.style.height=220+'px';
	rr=document.getElementById("showcontent");
	rr.style.display='none';
	/*sis=document.getElementById("plusminus");
	sis.src='images/show_gray.gif';*/
	active=0;
}


function swapImage(){
var showmin=document.getElementById("plusminus");
showmin.style.display='block';
showmin.src='images/show_gray2.gif';
}

function swapImageback(){
var showmax=document.getElementById("plusminus");
showmax.style.display='block';
showmax.src='images/show_gray.gif';
}