window.onload = function() {


	var standardtags = '<li class="sections"><span class="section_img">';

	var subcatis = "";

	var subcatone = "";
	var subcattwo = "";
	var subcatthree = "";

	document.getElementById("nature1").onclick = function() {
		document.getElementById("myinfo").innerHTML="";
		document.getElementById("subcat1").innerHTML='<span class="section_img"><img class="img_links" src="images/thumbs/macro1.jpg" alt="" /><br />Close Up</span>';
		document.getElementById("subcat2").innerHTML='';
		document.getElementById("subcat3").innerHTML='<span class="section_img"><img class="img_links" src="images/thumbs/lscape1.jpg" alt="" /><br />Landscape</span>';
		subcatis="Nature"; subcatone="1"; subcattwo="2"; subcatthree="3";
		document.getElementById("picdisplay").innerHTML="";
	}
	document.getElementById("petportrait1").onclick = function() {
		document.getElementById("myinfo").innerHTML="";
		document.getElementById("subcat1").innerHTML='<span class="section_img"><img class="img_links" src="images/thumbs/shadow.jpg" alt="" /><br />Shadow</span>';
		document.getElementById("subcat2").innerHTML='<span class="section_img"><img class="img_links" src="images/thumbs/titan.jpg" alt="" /><br />Titan</span>';
		document.getElementById("subcat3").innerHTML='<span class="section_img"><img class="img_links" src="images/thumbs/otherpets.jpg" alt="" /><br />Other</span>';
		subcatis="Nature"; subcatone="4"; subcattwo="5"; subcatthree="6";
		document.getElementById("picdisplay").innerHTML="";
	}
	document.getElementById("family1").onclick = function() {
		document.getElementById("myinfo").innerHTML="";
		document.getElementById("subcat1").innerHTML='';
		document.getElementById("subcat2").innerHTML='<span class="section_img"><img class="img_links" src="images/thumbs/family.jpg" alt="" /><br />Family Portrait</span>';
		document.getElementById("subcat3").innerHTML='';
		subcatis="Models"; subcatone="7"; subcattwo="8"; subcatthree="9";
		document.getElementById("picdisplay").innerHTML="Please Wait ...";
		loadXMLDoc('family.txt');
	}
	document.getElementById("architecture1").onclick = function() {
		document.getElementById("myinfo").innerHTML="";
		document.getElementById("subcat1").innerHTML='';
		document.getElementById("subcat2").innerHTML='<span class="section_img"><img class="img_links" src="images/thumbs/architecture.jpg" alt="" /><br />Architecture</span>';
		document.getElementById("subcat3").innerHTML='';
		subcatis="Architecture"; subcatone="10"; subcattwo="11"; subcatthree="12";
		document.getElementById("picdisplay").innerHTML="Please Wait ...";
		loadXMLDoc('architecture.txt');
	}
	document.getElementById("religious1").onclick = function() {
		document.getElementById("myinfo").innerHTML="";
		document.getElementById("subcat1").innerHTML='';
		document.getElementById("subcat2").innerHTML='<span class="section_img"><img class="img_links" src="images/thumbs/christening.jpg" alt="" /><br />Christening</span>';
		document.getElementById("subcat3").innerHTML='';
		subcatis="Religous"; subcatone="13"; subcattwo="14"; subcatthree="15";
		document.getElementById("picdisplay").innerHTML="Please Wait ...";
		loadXMLDoc('christening.txt');
	}
	document.getElementById("wedding1").onclick = function() {
		document.getElementById("myinfo").innerHTML="";
		document.getElementById("subcat1").innerHTML='<span class="section_img"><img class="img_links" src="images/thumbs/lee_melissa.jpg" alt="" /><br />Lee & Melissa</span>';
		document.getElementById("subcat2").innerHTML='';
		document.getElementById("subcat3").innerHTML='<span class="section_img"><img class="img_links" src="images/thumbs/weddings.jpg" alt="" /><br />Darren & Paula</span>';
		subcatis="Weddings"; subcatone="16"; subcattwo="17"; subcatthree="18";
		document.getElementById("picdisplay").innerHTML="";
	}


	document.getElementById("subcat1").onclick = function() {
		if (subcatone=="1") {
			loadXMLDoc('macros.txt');
		}
		if (subcatone=="4") {
			loadXMLDoc('shadow.txt');
		}
		if (subcatone=="16") {
			loadXMLDoc('lee_melissa.txt');
		}
	}
	document.getElementById("subcat2").onclick = function() {
		if (subcattwo=="5") {
			loadXMLDoc('titan.txt');
		}
		if (subcattwo=="8") {
			loadXMLDoc('family.txt');
		}
		if (subcattwo=="11") {
			loadXMLDoc('architecture.txt');
		}
		if (subcattwo=="14") {
			loadXMLDoc('christening.txt');
		}

	}
	document.getElementById("subcat3").onclick = function() {
		if (subcatthree=="3") {
			loadXMLDoc('lscape.txt');
		}
		if (subcatthree=="6") {
			loadXMLDoc('otherpets.txt');
		}
		if (subcatthree=="18") {
			loadXMLDoc('darren_paula.txt');
		}
	}

	document.getElementById("contactis").onclick = function() {
		document.getElementById("picdisplay").innerHTML="";
		document.getElementById("myinfo").innerHTML="";
		document.getElementById("subcat1").innerHTML="";
		document.getElementById("subcat2").innerHTML="";
		document.getElementById("subcat3").innerHTML="";
		document.getElementById("myinfo").innerHTML='<img class="img_links" src="images/thumbs/contact.jpg" alt="" />';
	}

	document.getElementById("ind_port").onclick = function() {
		document.getElementById("myinfo").innerHTML="";
		document.getElementById("picdisplay").innerHTML="Please Wait ...";
		loadXMLDoc('rt_ind_port.txt');
	}
}


function loadXMLDoc(filename_is) {
	if (window.XMLHttpRequest) {
		// code for IE7+, Firefox, Chrome, Opera, Safari
  		xmlhttp=new XMLHttpRequest();
  	} else {
		// code for IE6, IE5
  		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  	}
	xmlhttp.onreadystatechange=function() {
  		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    			document.getElementById("picdisplay").innerHTML=xmlhttp.responseText;
    		}
  	}
	xmlhttp.open("GET",filename_is,true);
	xmlhttp.send();
}

function loadXMLDoc2(filename_is) {
	if (window.XMLHttpRequest) {
		// code for IE7+, Firefox, Chrome, Opera, Safari
  		xmlhttp=new XMLHttpRequest();
  	} else {
		// code for IE6, IE5
  		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  	}
	xmlhttp.onreadystatechange=function() {
  		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    			document.getElementById("content_index").innerHTML=xmlhttp.responseText;
    		}
  	}
	xmlhttp.open("GET",filename_is,true);
	xmlhttp.send();
}