
	function toggleItem(itemId) {
		var item = document.getElementById(itemId) 
		
		if (item.style.display == "none")
			item.style.display = "" ;
		else
			item.style.display = "none" ;
		
	}
	
	function showImage(imageUrl, width, height) {
		var mask = document.getElementById("mask") ;
		
		//mask.style.height = document.documentElement.clientHeight + "px" ;
		mask.style.height = document.scrollHeight + "px" ;
		mask.style.display = "block" ;
		
		var picture = document.getElementById("picture") ; 
		picture.src = imageUrl ;
		//alert(picture.offsetWidth) ;
		
		var frame = document.getElementById("pictureFrame") ; 
		
		frame.style.display = "block" ;
		frame.style.width = width + 2 + "px" ;
		frame.style.height = height + 2 + "px" ;
		
		var top = document.documentElement.scrollTop + ((window.innerHeight - (height + 2))/2) ;
		var left = document.documentElement.scrollLeft + ((window.innerWidth - (width + 2))/2) ;
		
		if (top < 0) top = 0 ;
		if (left < 0) left = 0 ;
		
		frame.style.top = top + "px" ;
		frame.style.left = left + "px" ;
	}

	function hideImage() {
		var mask = document.getElementById("mask") ;
		mask.style.display = "none" ;
		
		var picture = document.getElementById("picture") ; 
		picture.src = "" ;
		
		var frame = document.getElementById("pictureFrame") ; 
		frame.style.display = "none" ;
	}

