// JavaScript Document

function bigImageInit() // udføres ved load
{
	var images = getElementsByAttribute("class", "bigImage");
	if (images)
	{
		for (var i = 0; i < images.length; i++)
		{
			var image = images[i];
			image.style.cursor = "hand";
			attachEventListener(image , 'click', displayBigImage); // eventhandler her  
		}
	}
	
	
	
	
	
}


displayBigImage = function(e)
{
	var target = typeof e.target != 'undefined' ? e.target : window.event.srcElement;
	if (target.nodeName.toUpperCase() == 'IMG')
	{
		
		var thisSrc = target.src;
		
		var bigPlaceHolder = document.createElement("div");
		bigPlaceHolder.id = "bigPlaceHolder";
		// evt className
		
		// knap øverst
		var closeButton = document.createElement("div");
		closeButton.id = "closeButton";
		var textNode = document.createTextNode("Close");
		closeButton.appendChild(textNode); 
		// Captions gælder kun for user ikke for site - ellers er det language-tabellen
		attachEventListener(closeButton, 'click', closeBigImage); // eventhandler her  
		bigPlaceHolder.appendChild(closeButton);
			
		var bigImg = document.createElement("img");
		bigImg.width = 700;
		bigImg.src = thisSrc;
		bigPlaceHolder.appendChild(bigImg);
		// mangler at sætte det hele på plads
		var page = document.getElementById("page");
		page.appendChild(bigPlaceHolder);
	}
}

closeBigImage = function(e)
{
	
	var elementToClose = document.getElementById("bigPlaceHolder");
	var parent = elementToClose.parentNode;
	var removedElement = parent.removeChild(elementToClose);
}



addLoadListener(bigImageInit);