function courseInfo(id)
{
	if (document.getElementById("info"+id).style.display=='block')
	{
		document.getElementById("info"+id).style.display='none';
		document.getElementById("name"+id).style.fontSize='10px';
		document.getElementById("name"+id).style.fontWeight='normal';
	}
	else
	{
		document.getElementById("info"+id).style.display='block';
		document.getElementById("name"+id).style.fontSize='11px';
		document.getElementById("name"+id).style.fontWeight='bold';
	}
}

var aktivBild = 0;
	var scrollY = 0;
	var aktivBildObj;
	var loadingObj;
	
	function visa(x)
	{
		scrollY = getScrollY();
		aktivBild = x;
		document.getElementById("lista").style.display='none';
		document.getElementById("showmain").style.display='none';
		
		loadingObj = document.createElement("div");
		loadingObj.innerHTML = '<center>Loading image<br><br><img src="loading.gif"></center>';
		loadingObj.style.display = "block";
		loadingObj.style.width = "500px";
		
		document.getElementById("visabild"+x).appendChild(loadingObj);
		
		aktivBildObj = document.createElement("img");
		aktivBildObj.setAttribute("style", "cursor:hand;cursor:pointer;border:1px solid black;");
		aktivBildObj.setAttribute("border", "1");
		aktivBildObj.setAttribute("src", document.getElementById("bildsrc"+x).value);
		aktivBildObj.onclick = function(){ showList() };
		aktivBildObj.onload = function(){ loaded() };
		aktivBildObj.style.visibility = "hidden";
		
		document.getElementById("visabild"+x).appendChild(aktivBildObj);
			
		document.getElementById("showlist").style.display='block';
		document.getElementById("visabild"+x).style.display='block';
	}
	function loaded()
	{
		loadingObj.style.display='none';
		aktivBildObj.style.visibility='visible';
	}
	function showList()
	{
		document.getElementById("showlist").style.display='none';
		document.getElementById("visabild"+aktivBild).removeChild(aktivBildObj);
		document.getElementById("visabild"+aktivBild).removeChild(loadingObj);
		document.getElementById("visabild"+aktivBild).style.display='none';
	
		document.getElementById("lista").style.display='block';
		document.getElementById("showmain").style.display='block';
		self.scrollTo(0, scrollY);
	}
	
	function getScrollY()
	{
		var scrOfY = 0;
		if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrOfY = window.pageYOffset;
		
		} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
		
		} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		
		}
		return scrOfY;
	}