var thumbList = new Array("DarkRoom.html", "Digital.html", "Drawings.html", "Paintings.html");
var current = 0;
var Thumbs = new Array();
var Pics = new Array();

function getFile(pURL,where) {
  
  var curDateTime = new Date() 
  oxmlhttp = null;
    try
      { oxmlhttp = new XMLHttpRequest();
        oxmlhttp.overrideMimeType("text/xml");
      }
    catch(e)
      { try
          { oxmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
          }
        catch(e)
          { return null;
          }
      }
    if(!oxmlhttp) return null;
    try
      { oxmlhttp.open("GET",pURL,false);
        oxmlhttp.send(null);
      }
    catch(e)
      { return null;
      }
    //return oxmlhttp.responseText;
	 
	mywebpage=oxmlhttp.responseText;
	//where="nav";
	document.getElementById(where).innerHTML=mywebpage; 
}

function getXML(URL) {
  
     var curDateTime = new Date()
   
   
  oxmlhttp = null;
    try
      { oxmlhttp = new XMLHttpRequest();
        oxmlhttp.overrideMimeType("text/xml");
      }
    catch(e)
      { try
          { oxmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
          }
        catch(e)
          { return null;
          }
      }
    if(!oxmlhttp) return null;
    try
      { oxmlhttp.open("GET",pURL,false);
        oxmlhttp.send(null);
      }
    catch(e)
      { return null;
      }
    //return oxmlhttp.responseText;
	 
	mywebpage=oxmlhttp.responseXML;
	return mywebpage;
}
function thumb(dir) {
	if( dir =="UP"){ current = (current + 1) % thumbList.length;}
	else{current --; if(current < 0){
		current = thumbList.length-1;}
	}
	if(current == 0){loadThumbs("DarkRoom.xml");}
	else if(current == 1){loadThumbs("Digital.xml");}
	else if(current == 2){loadThumbs("Drawings.xml");}
	else{loadThumbs("Paintings.xml");}
}

function stateChanged(){
	if (xmlHttp.readyState==4)
	{ 
		//document.getElementById("thumbs").innerHTML=xmlHttp.responseText;
		
		
		var xml = xmlHttp.responseText;
		
		var images = xml.split('\n');
		for(var i = 0; i<images.length; i++){
			images[i]=images[i].replace("<thumb>", " ");
			images[i]=images[i].replace("</thumb>", " ");
			images[i]=images[i].replace("<pic>", " ");
			images[i]=images[i].replace("</pic>", " ");
			images[i]=images[i].replace("</image>", " ");
			images[i]=images[i].replace("<image>", " ");
			images[i]=images[i].replace("</images>", " ");
			images[i]=images[i].replace("<images>", " ");
			while(images[i].indexOf(' ')!= -1){images[i]=images[i].replace(" ", "");}
			//while(images[i].indexOf("\n")!= -1)images[i]=images[i].replace("\n", "");}
		}
		var imageArray = new Array();
		for(var i = 1; i<images.length; i++){
			if(images[i].indexOf(".") != -1){imageArray.push(images[i]);}
		}
		var thumbs = new Array();
		var pics = new Array();
		for(var i = 0; i<imageArray.length; i=i+2){
			thumbs.push(imageArray[i]);
			pics.push(imageArray[i+1]);
		}
		Thumbs=thumbs;
		Pics=pics;
	/*var xmlDoc = xmlHttp.responseXML.documentElement;
	var x = xmlDoc.getElementsByTagName("image");
	
	document.getElementById("thumbs").innerHTML=x.item(0).childNodes[0].text;*/
	}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}
function loadThumbs(url){
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	  {
		  alert ("Your browser does not support AJAX!");
		  return;
	  } 
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("GET",url,false);
	xmlHttp.send(null);
	fillThumbs();
}

function fillThumbs(){
	var htmlText =  "<table cellspacing = '50'><tr>";
	for(var i = 0; i < Thumbs.length; i++){
		htmlText +=  "<td align='Center' class = 'ThumbCell'><a href='#' onclick='displayImage("+ new String(i) +");'><img src='" + Thumbs[i] + "' /></a></td>";
	}
	htmlText +=  "</tr></table>";
	document.getElementById("thumbs").innerHTML = htmlText;
}

function displayImage(myLink){
	document.getElementById("display").innerHTML = "<img src='" + Pics[myLink] + "' />";
}