fellows_xiti_names = new Array(
	"Zana_Briski",
	"Edward_Burtynsky",
	"Jim_Darling",
	"Iain_Douglas-Hamilton",
	"David_Hykes",
	"Andy_Lipkis",
	"Sharon_Matola",
	"Alan_Rabinowitz",
	"Carl_Safina",
	"James_Turrell"

);

function LeftNav() {
  var self = this;
  self.nav = null;
  self.items = null;
  self.lastItem = null;
  var req;
  var activeItem = activeFella;
  
  
  
  this.onclickHandler = function(i) {
	if (self.lastItem && self.lastItem != self.items[i]){
		for (j=0;j<self.items.length; j++){
		 	self.items[j].src = preLoadedOut[j].src;
		}
		self.items[i].src = preLoadedActive[i].src;
	}
	self.lastItem = self.items[i];  
  }
  
  
  this.onMouseOver = function(i) {
	 //self.items[i].className = self.items[i].className+'-over';
	 if (self.lastItem && self.lastItem != self.items[i]){	 	
		self.items[i].src = preLoadedOver[i].src;
	}
  }
  
  
  this.onMouseOut = function(i) {
		//self.items[i].className = self.items[i].className.replace(/\-over/,'');
	if (self.lastItem && self.lastItem != self.items[i]){
		self.items[i].src = preLoadedOut[i].src;
	}
  }
  
  
  function loadXMLDoc(x) {
    // branch for native XMLHttpRequest object
	var page = "/fellowships/fellows/fellow"+ x + ".inc";
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("GET", page, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        isIE = true;
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", page, true);
            req.send();
        }
    }
}

 this.loadDoc = function(evt,i) {
	// equalize W3C/IE event models to get event object
    evt = (evt) ? evt : ((window.event) ? window.event : null);
    if (evt) {
		try {
            loadXMLDoc(i);                	
        }
        catch(e) {
            var msg = (typeof e == "string") ? e : ((e.message) ? e.message : "Unknown Error");
            alert("Unable to get XML data:\n" + msg);
            return;
        }
     
    }
}
    
 function processReqChange() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
			buildHTML();
         } else {
            alert("There was a problem retrieving the XML data:\n" +
                req.statusText);
         }
    }
}
  
function buildHTML() {
    self.contentContainer = document.getElementById("content-fellows");
    var html = null;
	html = req.responseText
	self.contentContainer.innerHTML = "";
	self.contentContainer.innerHTML = html;        
}  

 
  this.init = function() {
    if(document.images){
  	listItemsOut = new Array();
	listItemsOut[0]="/media/images/fellows-nav10.gif";
	listItemsOut[1]="/media/images/fellows-nav0.gif";
	listItemsOut[2]="/media/images/fellows-nav1.gif";
	listItemsOut[3]="/media/images/fellows-nav11.gif";
	listItemsOut[4]="/media/images/fellows-nav2.gif";
	listItemsOut[5]="/media/images/fellows-nav3.gif";
	listItemsOut[6]="/media/images/fellows-nav4.gif";
	listItemsOut[7]="/media/images/fellows-nav5.gif";
	listItemsOut[8]="/media/images/fellows-nav6.gif";
	listItemsOut[9]="/media/images/fellows-nav7.gif";
	listItemsOut[10]="/media/images/fellows-nav8.gif";
	listItemsOut[11]="/media/images/fellows-nav9.gif";
	listItemsOut[12]="/media/images/fellows-nav12.gif";
	
	listItemsOver = new Array();
	listItemsOver[0]="/media/images/fellows-nav10-over.gif";
	listItemsOver[1]="/media/images/fellows-nav0-over.gif";
	listItemsOver[2]="/media/images/fellows-nav1-over.gif";
	listItemsOver[3]="/media/images/fellows-nav11-over.gif";
	listItemsOver[4]="/media/images/fellows-nav2-over.gif";
	listItemsOver[5]="/media/images/fellows-nav3-over.gif";
	listItemsOver[6]="/media/images/fellows-nav4-over.gif";
	listItemsOver[7]="/media/images/fellows-nav5-over.gif";
	listItemsOver[8]="/media/images/fellows-nav6-over.gif";
	listItemsOver[9]="/media/images/fellows-nav7-over.gif";
	listItemsOver[10]="/media/images/fellows-nav8-over.gif";
	listItemsOver[11]="/media/images/fellows-nav9-over.gif";
	listItemsOver[12]="/media/images/fellows-nav12-over.gif";
	
	listItemsActive = new Array();
	listItemsActive[0]="/media/images/fellows-nav10-active.gif";
	listItemsActive[1]="/media/images/fellows-nav0-active.gif";
	listItemsActive[2]="/media/images/fellows-nav1-active.gif";
	listItemsActive[3]="/media/images/fellows-nav11-active.gif";
	listItemsActive[4]="/media/images/fellows-nav2-active.gif";
	listItemsActive[5]="/media/images/fellows-nav3-active.gif";
	listItemsActive[6]="/media/images/fellows-nav4-active.gif";
	listItemsActive[7]="/media/images/fellows-nav5-active.gif";
	listItemsActive[8]="/media/images/fellows-nav6-active.gif";
	listItemsActive[9]="/media/images/fellows-nav7-active.gif";
	listItemsActive[10]="/media/images/fellows-nav8-active.gif";
	listItemsActive[11]="/media/images/fellows-nav9-active.gif";
	listItemsActive[12]="/media/images/fellows-nav12-active.gif";
	
	preLoadedOut = new Array();
	preLoadedOver = new Array();
	preLoadedActive = new Array();
	
	for (var i=0; i<listItemsOut.length; i++){
		preLoadedOut[i] = new Image();
		preLoadedOut[i].src = listItemsOut[i];
	}
	for (var i=0; i<listItemsOver.length; i++){
		preLoadedOver[i] = new Image();
		preLoadedOver[i].src = listItemsOver[i];
	}
	for (var i=0; i<listItemsActive.length; i++){
		preLoadedActive[i] = new Image();
		preLoadedActive[i].src = listItemsActive[i];
	}
  }
	
  
	self.nav = document.getElementById('left-nav');
	self.items = self.nav.getElementsByTagName('img');
	
	for (var i=0; i<self.items.length; i++) {
		 
		 if (i==Number(activeItem)){
			self.items[i].src = preLoadedActive[i].src;
			self.loadDoc("event",activeItem);
			self.lastItem = self.items[i];
			
		 }			  

		 self.items[i].index = i;
	     self.items[i].onclick = function(){
		 	xt_med("C", "2", "fellows::"+fellows_xiti_names[this.index], "N");
		 	self.onclickHandler(this.index);self.loadDoc("event",this.index);
		 	if (!isSafari){window.location.hash=this.index;};
		 	document.title = "Flying Elephants Foundation";
		 }
		 self.items[i].onmouseover = function(){self.onMouseOver(this.index);}
		 self.items[i].onmouseout = function(){self.onMouseOut(this.index);}
     }
	}
}

var leftNav = new LeftNav();

onloadHandlers[onloadHandlers.length] = 'leftNav.init()';