// JavaScript Document

function employeeClass(){
	
	this.arrow = "";
	
}
employeeClass.prototype.init = function(){
	
	var parent = document.getElementById("team");
	var items = parent.getElementsByTagName("li");
	
	this.itemsRef = new Object();
	this.clickRef = new Array();
	
	var m = "";
	
	for(var q=0;q<items.length;q++){
		
		var name = items[q].getElementsByTagName("div")[0].getElementsByTagName("a")[0].innerHTML;
		var html = items[q].getElementsByTagName("div")[1].innerHTML;
		var linknode = items[q].getElementsByTagName("div")[0].getElementsByTagName("a")[0];
		
		this.itemsRef[String(name)] = { html: html, linknode: linknode }
		
	}
	
}
employeeClass.prototype.selectemployee = function(name){
	
	if(!this.clickRef.length || this.clickRef[0] != name){
		
		this.clickRef.unshift(name);
		
		// change link highlight
		
		var arrowimg = document.createElement("img");
		arrowimg.src = this.arrow;
		
		this.itemsRef[name].linknode.appendChild(arrowimg);		
		this.itemsRef[name].linknode.className = "highlight";
		
		// change old back
		
		if(this.clickRef.length > 1){
			
			this.itemsRef[this.clickRef[1]].linknode.removeChild( this.itemsRef[this.clickRef[1]].linknode.getElementsByTagName("img")[0] );
			this.itemsRef[this.clickRef[1]].linknode.className = "";
			
		}
		
		// change content on right side of page
	
		// employee container
		var employeecontainer = document.createElement("div");
		employeecontainer.setAttribute("id", "employeecontainer");
		employeecontainer.innerHTML = this.itemsRef[name].html;
		
		this.clearcontent("employee");
		document.getElementById("employee").appendChild(employeecontainer);
		
	}
	
}
/* clear content */

employeeClass.prototype.clearcontent = function(obj){
		
	while( document.getElementById(obj).firstChild ){ document.getElementById(obj).removeChild( document.getElementById(obj).firstChild ); }
	
}