function ExpandMe(el1, el2, row, col, n){
	CloseAll(n);
	var elly = document.getElementById("peeps" + el1);
	var ellyleft = DL_GetElementLeft(elly);
	var ellytop = DL_GetElementTop(elly);
	var targetel = document.getElementById("personpop" + el2);
	var finaltop = 0;
	var finalleft = 0;
	targetel.style.display = "block";
	
	
	
	if(document.all){
		if(col == 4){
			finalleft = ((ellyleft + ((col-1) * 170)) - 135);
		}else{
			finalleft = ((ellyleft + ((col-1) * 170)) + 3);
		}
		finaltop = ((ellytop + ((row-1) * 200)) + 5);
	}else{
		if(col == 4){
			finalleft = ((ellyleft + ((col-1) * 170)) - 139);
		}else{
			finalleft = ((ellyleft + ((col-1) * 170)) - 1);
		}
		finaltop = ((ellytop + ((row-1) * 200)) + 5);
	}
	
	targetel.style.left = finalleft + "px";
	targetel.style.top = finaltop  + "px";
	
	//alert(ellyleft + " " + ellytop + " " + finalleft + " " + finaltop);
}

function CloseAll(n){
	var targetel;
	for(i=0; i<n; i++){
		if(document.getElementById("personpop" + i) != null){
			targetel = document.getElementById("personpop" + i);
			targetel.style.display = "none";
		}
	}
}

function CloseMe(el1){
	var targetel = document.getElementById("personpop" + el1);
	targetel.style.display = "none";
}



function DL_GetElementLeft(eElement){
    if (!eElement && this){                                            
        eElement = this;                         
    }                                            
    
    var nLeftPos = eElement.offsetLeft;         
    var eParElement = eElement.offsetParent;      
    while (eParElement != null){                                            
        nLeftPos += eParElement.offsetLeft;      
        eParElement = eParElement.offsetParent;  
    }
    return nLeftPos;                             
}


function DL_GetElementTop(eElement){
   if (!eElement && this){
       eElement = this;
   }

   var nTopPos = eElement.offsetTop;
   var eParElement = eElement.offsetParent;
   while (eParElement != null){
       nTopPos += eParElement.offsetTop;
       eParElement = eParElement.offsetParent;
   }
   return nTopPos;
}



function ShowRow(n, total){
	var targetel;
	for(i=0;i<total;i++){
		targetel = document.getElementById("RowOn1" + i);
		targetel.style.display = "none";
		targetel = document.getElementById("RowOff" + i);
		targetel.style.display = "table-row";
	}	
	targetel = document.getElementById("RowOn1" + n);
	targetel.style.display = "table-row";
	targetel = document.getElementById("RowOff" + n);
	targetel.style.display = "none";
}

function ShowRow2(n, total){
	var targetel;
	for(i=0;i<total;i++){
		targetel = document.getElementById("PTBox" + i);
		targetel.style.display = "none";
		targetel = document.getElementById("PTRow" + i);
		targetel.style.display = "block";
	}	
	targetel = document.getElementById("PTBox" + n);
	targetel.style.display = "block";
	targetel = document.getElementById("PTRow" + n);
	targetel.style.display = "none";
}

function HideRow(n, total){
	targetel = document.getElementById("PTBox" + n);
	targetel.style.display = "none";
	targetel = document.getElementById("PTRow" + n);
	targetel.style.display = "block";
}

function ExpandMe2(n, cou){
	CloseMe2(cou);
	var firstel = document.getElementById("TI1");
	var el = document.getElementById("TI" + n);
	var targetel = document.getElementById("personpop" + n);
	var firstlefty = DL_GetElementLeft(firstel);
	var lefty = DL_GetElementLeft(el);
	var toppy = DL_GetElementTop(el);
	var across = lefty - firstlefty;
	
	//alert(across);
	
	targetel.style.display = "block";
	
	targetel.style.top = (toppy-1)  + "px";
	if(across > 400){
		if(document.all){
			targetel.style.left = (lefty-135) + "px";
		}else{
			targetel.style.left = (lefty-139) + "px";
		}
	}else{
		if(document.all){
			targetel.style.left = (lefty+3) + "px";
		}else{
			targetel.style.left = (lefty-1) + "px";
		}
	}
	
	if(across > 400){
		var linky = document.getElementById("TIImageLink" + n);
		linky.style.textAlign = "right";
		linky.style.display = "block";
	}
		
}

function CloseMe2(n){
	var targetel;
	for(i=0; i<n; i++){
		if(document.getElementById("personpop" + (i+1)) != null){
			targetel = document.getElementById("personpop" + (i+1));
			targetel.style.display = "none";
		}
	}
}