// JavaScript Document
// Indeholder nogle colorThemes som jeg skal huske ved nye sites

function swopInitProducts() // udføres ved load
{
	
	var swopAreas = getElementsByAttribute("class", "swopAreaProducts");
	if (swopAreas)
	{
		for (var i = 0; i < swopAreas.length; i++)
		{
			var swopArea = swopAreas[i];
			var trs = swopArea.getElementsByTagName("tr");
			if (trs)
			{
				for (var ii=1; ii<trs.length; ii++)  // nb starter ved 1 da captions også er en row
				{
					var tr = trs[ii];
					attachEventListener(tr, 'click', swopProducts); // eventhandler her 
				}
			}
		}
	}
}


swopProducts = function(e)
{
	
	var target = typeof e.target != 'undefined' ? e.target : window.event.srcElement;
	
	while (target.nodeName.toUpperCase() != 'TR')
	{
		target = target.parentNode; // kravler op til tr-elementet
	}
	var index = target.id;
	displayPageProducts(index);
}
	
displayPageProducts = function(index)  // kaldes også fra et script i php-filen hvis man kommer fra søg
{
	var hiddenId = "hide" + index;
	var hiddenDiv = document.getElementById(hiddenId);
	if (hiddenDiv)
	{
		var productsPage = document.createElement("div");
		productsPage.id = "productsPage";
		productsPage.className += (productsPage.className=='' ? '' : ' ') + 'colorTheme8';
		// knap øverst
		var closeButton = document.createElement("div");
		closeButton.id = "closeButton";
		closeButton.className += (closeButton.className=='' ? '' : ' ') + 'closeButton';
		closeButton.className += (closeButton.className=='' ? '' : ' ') + 'colorTheme7';
		var textNode = document.createTextNode("Close");
		closeButton.appendChild(textNode); 
		attachEventListener(closeButton, 'click', closeProductsPage); // eventhandler her  
		productsPage.appendChild(closeButton);
		// bestil knap og note
		var hiddenCaptions = document.getElementById("hiddenCaptions");
		var captions = hiddenCaptions.getElementsByTagName("div");
		var buttonCaption = "";
		var buttonTip = "";
		if (captions)
		{
			for (var i = 0; i < captions.length; i++)
			{
				var captionName = captions[i].className;
				var captionValue = captions[i].innerHTML;
				if (captionName == "orderButton")
				{
					buttonCaption = captionValue;
				}
				if (captionName == "orderNote")
				{
					buttonTip = captionValue;
				}
			}
		}
		var orderButton = document.createElement("div");
		orderButton.className += (orderButton.className=='' ? '' : ' ') + 'orderButton';
		orderButton.className += (orderButton.className=='' ? '' : ' ') + 'colorTheme7';
		orderButton.className += (orderButton.className=='' ? '' : ' ') + 'hastooltip';
		var textNode = document.createTextNode(buttonCaption);
		orderButton.appendChild(textNode);
		orderButton.title = buttonTip;
		attachEventListener(orderButton, 'click', orderProductsPage); // eventhandler her
		// findes ikke på load-tidspunktet - derfor sættes de på nu
		attachEventListener(orderButton, "mouseover", showTip, false);	// tilføjer nedenstående funktion til eventhandleren mouse over på alle elementer med class hastooltip
		attachEventListener(orderButton, "mouseout", hideTip, false);  // do for mouse out
		attachEventListener(orderButton, "mousemove", moveTip, false);  // do for mouse move
		
		
		
		productsPage.appendChild(orderButton);
					
		// indsæt tabel til felterne
		var table = document.createElement("table");
		table.width = "97%";
		var tabBody = document.createElement("tbody");
		tabBody.id = "productsPageBody";
		table.appendChild(tabBody);
		productsPage.appendChild(table);
				
		var page = document.getElementById("page");
		page.appendChild(productsPage);
		
		var productId = null;
		var name = null;
		var author = null;
				
		var values = hiddenDiv.getElementsByTagName("div");
		if (values)
		{
			//var hiddenform = document.getElementById("hiddenform");
			
			
			
			for (var i = 0; i < values.length; i++)
			{
				var fieldName = values[i].className;
				var fieldCaption = values[i].id;
				var fieldValue = values[i].innerHTML;
				if (fieldValue != '')
				{
					displayFieldProducts(tabBody, fieldName, fieldCaption, fieldValue);
				}
				
				var hiddeninput = document.getElementById(fieldName);
				if (hiddeninput)
				{
					hiddeninput.value = fieldValue;
				}
				
				//if (fieldName == "productId")
				//{
					//productId = fieldValue;  // skal videre til form 
				//}
			}
		}
	}
	
}


displayFieldProducts = function(parent, fieldName, fieldCaption, fieldValue)
{
	// denne måde at gøre det på, kræver at felterne kommer i den rigtige rækkefølge i pageformatets
	// hiddenlist
	var row = document.createElement("tr");
	var cell1 = document.createElement("td");
	cell1.className = "caption";
	var cell2 = document.createElement("td");
	var textNode1 = document.createTextNode(fieldCaption + ": ");
	cell1.appendChild(textNode1);
		
	if (fieldName == "photo")
	{
		var img = document.createElement("img");
		img.src = fieldValue;
		img.width = 240;
		cell2.appendChild(img);
	}
	else 
	{
		var newDiv = document.createElement("div");
		newDiv.innerHTML = fieldValue;
		newDiv.className = "textFloat";
		cell2.appendChild(newDiv);
	}
	row.appendChild(cell1);
	row.appendChild(cell2);
	parent.appendChild(row);
}

closeProductsPage = function(e)
{
	var elementToClose = document.getElementById("productsPage");
	var parent = elementToClose.parentNode;
	var removedElement = parent.removeChild(elementToClose);
}
orderProductsPage = function(e)
{
	var hiddenform = document.getElementById("hiddenform");
	//var newWindow = window.open('#','formwindow','width=400,height=600,scrollbars=yes,resizable=yes');
	//var newWindow = window.open('#','formwindow','width=400,height=600,scrollbars=yes,resizable=yes,location=yes');
	var newWindow = window.open('#','formwindow','width=400,height=540,scrollbars=yes,resizable=yes,status=yes, toolbar=yes, menubar=no, location=no');
	
	hiddenform.submit();
}
addLoadListener(swopInitProducts);