// JavaScript Document

var activeLink = "link0";
var active = "#27399C";
var notActive = "#ffffff";
//var active = "#27399C";
//var notActive = "#EF0192";


function getElementsByName_iefix(tag, name) {
     
     var elem = document.getElementsByTagName(tag);
     var arr = new Array();
     for(i = 0,iarr = 0; i < elem.length; i++) {
          att = elem[i].getAttribute("name");
          if(att == name) {
               arr[iarr] = elem[i];
               iarr++;
          }
     }
     return arr;
}

function changeColor(elem){
	elem.style.color = "#69E4FE";	
}

function revertColor(elem){
	elem.style.color = activeLink == elem.id ? active : notActive;	
}


function swapInnerPage(id){

	activeLink = "link" + id;
	//alert(activeLink);
	// toggle any link colors
	var elems = getElementsByName_iefix("span", "links");
	//alert(elems.length);
	for( var i=0; i<elems.length; i++){
		if( elems[i].id == activeLink ){
			//alert("active color for element " + elems[i].id);
			elems[i].style.color = active;
		}
		else{
			//alert("reverting color for element " + elems[i].id);
			elems[i].style.color = notActive;		
		}
	}	
	// handle the text boxes
	hideGroup("text" + id, "textBox");
	
	// handle the images
	var elem = document.getElementById("mainImage");

	//alert(elem.style.backgroundImage);
	elem.style.backgroundImage = "url(images/personal" + id + ".gif)";
	//alert(elem.style.backgroundImage);
}

function hideGroup(visId, name){
	//alert(visId + ":" + name);
	var elems = getElementsByName_iefix("div", name);
	for( var i=0; i<elems.length; i++){
		if( elems[i].id == visId ){
			elems[i].style.display = "block";
		}
		else{
			elems[i].style.display = "none";		
		}
	}
}

function loadImages(){
	for( var i=0; i<5; i++ ){
		var oImg = new Image();
		//oImg.onload = function () {
		  //alert("Image is ready");
		//}
		oImg.src = "images/personal" + i + ".gif";	
	}
}

function showTestimonial(id){
	//var elems = document.getElementsByName("testDiv");
	//for( var i=0; i<elems.length; i++){
		//elems[i].style.display = "none";	
	//}
	var elem = document.getElementById(id);
	elem.style.display = "block";
	elem = document.getElementById(id + "More");
	elem.style.display = "none";	
	elem = document.getElementById(id + "One");
	elem.style.display = "none";	
}

function hideTestimonials(id){
	var elem = document.getElementById(id);
	elem.style.display = "none";	
	elem = document.getElementById(id + "More");
	elem.style.display = "inline";
	elem = document.getElementById(id + "One");
	elem.style.display = "inline";		
}