// JavaScript Document
function displayIt(){
	document.getElementById('emp_1').style.display = "block";
}

function changeIt(objName)
{
//The image object accessed through its id we mentioned in the DIV block which is going to be visible currently
var obj = document.getElementById(objName);

//An array that hold the IDs of images that we mentioned in their DIV blocks
var objId = new Array();

//Storing the image IDs into the array starts here
for(j=0;j<100;j++)
{
var k= j+1;
objId[j] = "emp_"+k;
}

//Storing the image IDs into the array ends here

//A counter variable going to use for iteration
var i;

//A variable that can hold all the other object references other than the object which is going to be visible
var tempObj;

//The following loop does the display of a single image based on its ID. The image whose ID we passed into this function will be the
//only image that is displayed rest of the images will be hidden based on their IDs and that part has been handled by the else part
//of the if statement within this loop.
for(i=0;i<objId.length;i++)
{
if(objName == objId[i])
{
obj.style.display = "block";
var xpos = i+1
//var listAValue = document.getElementById("list"+xpos).innerHTML;
var height=24;
				d=((xpos-0-1)*height);
				d=d+"px";			
				//alert(d);  
				var browserName=navigator.appName; 				
				 if (browserName=="Microsoft Internet Explorer")
				 {
				  //alert("IE!");  
					height=23.5;
					d=((xpos-0-1)*height);
					d=d+"px";				
				 }					
				//alert(d);
				//document.getElementById('td2').style.display='block';
				//document.getElementById('semore').innerHTML = "-Se mere om "+ listAValue
				document.getElementById("list"+xpos).style.borderBottom="1px solid #506d5c";
				//document.getElementById(objName).style.paddingTop=d;

}
else
{var xpos = i+1
	
	if(document.getElementById(objId[i])){
		tempObj = document.getElementById(objId[i]);
		tempObj.style.display = "none";	
		document.getElementById("list"+xpos).style.borderBottom="0px solid red";
	}
}
}
return; 
}