var browser;
var projectsXML;
var projectsArray=new Array();
function loadXML(path)
{
// code for IE
if (window.ActiveXObject)
  {
      xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
      xmlDoc.async=false;
      xmlDoc.load(path);
      browser="ie";
      parseData();
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation &&
document.implementation.createDocument)
  {
      xmlDoc=document.implementation.createDocument("","",null);
      xmlDoc.load(path);
      browser="ff";
      xmlDoc.onload=parseData;
  }
else
  {
  alert('Your browser cannot handle this script');
  }
}
function parseData(){
    if(browser=="ie"){
        
		projectsXML=xmlDoc.documentElement;
        var i=0;
        for(i=0;i<projectsXML.childNodes.length;i++){
			var tempObj=new Object();
		    tempObj.label=projectsXML.childNodes[i].getAttribute("label");
		    tempObj.url=projectsXML.childNodes[i].getAttribute("url");
			tempObj.thumb=projectsXML.childNodes[i].getAttribute("thumb");
			if(projectsXML.childNodes[i].firstChild!=null){
				tempObj.desc=projectsXML.childNodes[i].firstChild.nodeValue;
			}
			else{
					tempObj.desc="";
			}
	        projectsArray.push(tempObj)
        }
        
    }else{
        projectsXML=xmlDoc.documentElement;
		var i=0;
        for(i=0;i<projectsXML.childNodes.length;i++){
		      if(projectsXML.childNodes[i].attributes!=null){
			  	var tempObj=new Object();
				tempObj.url=projectsXML.childNodes[i].attributes["url"].value;
		        tempObj.label=projectsXML.childNodes[i].attributes["label"].value;
				tempObj.thumb=projectsXML.childNodes[i].attributes["thumb"].value;
				if(projectsXML.childNodes[i].firstChild!=null){
					tempObj.desc=projectsXML.childNodes[i].firstChild.nodeValue;
				}
				else{
					tempObj.desc="";
				}
				
				projectsArray.push(tempObj)
			  }
        }
		
    }
   populateContent();
}
function populateContent(){
	
	var thumbs=document.getElementById("thumbnails");
	var thmbsStr="";
	for(var i=0;i<projectsArray.length;i++){
		if(projectsArray[i]!=null){
			thmbsStr+='<div class="ImageConteiner"><a class="ImageLink" href="javascript:void(0);" onclick="chnageImage('+i+')" ><div class="txtDiv">'+projectsArray[i].label+'</div><img src="'+projectsArray[i].thumb+'" alt="'+projectsArray[i].label+'" width="79" height="99" /></a></div>';
		}
	}
	thumbs.innerHTML=thmbsStr;
}
function chnageImage(index){
	var tempImage=new Image();
	
	tempImage.onload=function(){
		var mainImage=document.getElementById("mainImage");
		mainImage.innerHTML='<div class="BigtxtDiv">'+projectsArray[index].label+'</div><img src="'+projectsArray[index].url+'" alt="'+projectsArray[index].label+'" />';
		var imageComments=document.getElementById("imageComments");
		imageComments.innerHTML=projectsArray[index].desc;
	}
	tempImage.src=projectsArray[index].url;
	
	
}