// JavaScript Document

// denne er ret generel, men kun hvis det er et billede, der klikkes på
// NB nu er det rettet så det er td og ikke image, der klikkes på
// navnene er stadig image, så det skal opfattes som hele td med billede og navn
// det kræver ændring i php-filerne: id skal flyttes fra img til td, og highlight er også slyttet op - se Christel

// NB virker stadigvæk ikke, hvis der ikke er noget billede, se kommentar længere nede

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


swopImage = function(e)
{
	
	var target = typeof e.target != 'undefined' ? e.target : window.event.srcElement;
	
	
	
	
	while (target.nodeName.toUpperCase() != 'TD')   // rettet fra img til td
	{
		target = target.parentNode; // kravler op til tr-elementet   Denne er indsat i forbindelse med ændring til td
	}
	var images = target.getElementsByTagName('img');
	var image = null;
	if (images)
	{
		image = images[0];  
	}
	
	if (image)
	{
		var thisSrc = image.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(tdElement)
{
	var areas = document.getElementsByTagName("div");
	if (areas)
	{
		var areasLength = areas.length;
		for (var i = 0; i < areasLength; i++)
		{
			if (areas[i].className.indexOf("swopArea") != -1)
			{
				var swopArea = areas[i];
				var tds = swopArea.getElementsByTagName("td"); 
				if (tds)
				{
					var tdsLength = tds.length;
					for (var ii = 0; ii < tdsLength; ii++)
					{
						var td = tds[ii];
						td.className = td.className.replace(/ ?highlight/g, ''); 
					}
				}
			}
		}
	}
	tdElement.className += (tdElement.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");
		var newDiv = document.createElement("span");
		newDiv.innerHTML = fieldValue;
		field.appendChild(newDiv);
		
		
		if (fieldName == "productNumber")
		{
			var languageElement = document.getElementById("language");
			if (languageElement)
				{
				var languageStr = languageElement.className;
				var href = languageStr + fieldValue;
				var urlElement = document.getElementById("nextUrl");
				if (urlElement)
				{
					urlElement.href = "../" + href;
				}
			}
		}
		
	}

}
addLoadListener(swopInit);