// JavaScript Document
// denne er ret generel, men kun hvis det er et billede, der klikkes på

function swopInit() // udføres ved load
{
	var swopAreas = getElementsByAttribute("class", "swopArea");
	if (swopAreas)
	{
		for (var i = 0; i < swopAreas.length; i++)
		{
			var swopArea = swopAreas[i];
			var images = swopArea.getElementsByTagName("img");
			if (images)
			{
				for (var ii = 0; ii < images.length; ii++)
				{
					var image = images[ii];
					attachEventListener(image, 'click', swopImage); // eventhandler her 
				}
			}
		}
	}
}


swopImage = function(e)
{
	
	var target = typeof e.target != 'undefined' ? e.target : window.event.srcElement;
	if (target.nodeName.toUpperCase() == 'IMG')
	{
		var thisSrc = target.src;
		var imagePrimary = document.getElementById("imagePrimary"); // skal være sat på img tag
		// dette scrip virker kun med et enkelt primary image 
		if (imagePrimary) 
		{
			imagePrimary.src = thisSrc;
		}
		var index = target.id;
		var hiddenId = "hide" + index;
		var hiddenDiv = document.getElementById(hiddenId);
		if (hiddenDiv)
		{
			var values = hiddenDiv.getElementsByTagName("div");
			if (values)
			{
				for (var i = 0; i < values.length; i++)
				{
					var fieldName = values[i].className;
					fieldValue = values[i].innerHTML;
					displayField(fieldName, fieldValue);
				}
			}
		}
	}
	swopHighlight(target);
}

swopHighlight = function(imgElement)
{
	var areas = document.getElementsByTagName("div");
	if (areas)
	{
		for (var i = 0; i < areas.length; i++)
		{
			if (areas[i].className.indexOf("swopArea") != -1)
			{
				var swopArea = areas[i];
				var images = swopArea.getElementsByTagName("img");
				if (images)
				{
					for (var ii = 0; ii < images.length; ii++)
					{
						var image = images[ii];
						image.className = image.className.replace(/ ?highlight/g, ''); 
					}
				}
			}
		}
	}
	imgElement.className += (imgElement.className=='' ? '' : ' ') + 'highlight';
	
}

displayField = function(fieldName, fieldValue)
{
	var field = document.getElementById(fieldName);
	if (field)
	{
		while (field.firstChild)
		{
			field.removeChild(field.firstChild);
		}
		var newDiv = document.createElement("div");
		newDiv.innerHTML = fieldValue;
		field.appendChild(newDiv);
	}

}
addLoadListener(swopInit);