var span;
var parentOld;
function closeAllSpans() {
	var coll=document.getElementsByName('menuSpan');
	for (var i=0; i<coll.length; i++) {
		coll[i].style.display='none'
	}
}

function createSpanLayer(textListe, urlListe, parent){
	
	
	if (span!=undefined) {
		if (span.style.display=='block' && parent==parentOld) {
			span.style.display='none'
		}
		
		else{
			span.style.display='block'
		}
	}
	else {
		span = document.createElement("span");
		span.style.display='block';
		span.style.width='240px';
		span.style.backgroundColor='#FFFFFF';
		span.style.position='absolute';
		//span.style.left='520px';
		span.style.top='84px';
		span.id='menuSpan';

	}
	
	var childCol=span.childNodes;
	for (var i=0; i<childCol.length; i++){
		span.removeChild(childCol[i]);
	}
	
	parentOld=parent;
	span.appendChild(createInnerTable(textListe, urlListe));
	parent.insertBefore(span, parent.childNodes[0]);

}

function createInnerTable(textListe, urlListe){
	var table = document.createElement("table");
	var tbody = document.createElement("tbody");
	table.width='100%';
	table.cellPadding='2';
	table.cellSpacing='1';
	table.appendChild(tbody);
	
	if (textListe.length != textListe.length) {
		alert('Fejl: Popdown.js\nFunction createInnerTable\nError 1');
	}
	else{

		for(var i=0; i<textListe.length; i++){
			tbody.appendChild(createInnerRow(textListe[i], urlListe[i]));
			
		}
	}

	return table;	
}

function createInnerRow(text, url){
	var spacergif=document.createElement("img");
	spacergif.src='../images/spacer.gif';
	spacergif.width='7';
	spacergif.height='0';
	var tr = document.createElement("tr");
	tr.width='100%';
	var td = document.createElement("td");
	addEvent(td, "mouseover", hoverIt, false)
	//td.onmouseover=hoverIt;
	//td.onmouseout=hoverOut;
	addEvent(td, "mouseout", hoverOut, false)
	td.appendChild(spacergif);
	td.appendChild(document.createTextNode(text));
	addEvent(td, "click", hitTheLink, false)
	//td.onclick=hitTheLink;
	td.className='menupop';

	td.style.backgroundColor='#C3C3C3';
	
	td.style.color='#000000';
	td.style.width='100%';
	td.style.height='24px';
	td.style.cursor='default';
	td.style.verticalAlign='middle';
	td.width='100%';
	td.id=url;
	tr.appendChild(td);
	return tr;
}



function hoverIt(o){
	var x;
	if (this.id==undefined){
		x=o.srcElement;
	}
	else{
		x=this;
	}

	x.style.backgroundColor='#808080';
	x.color='#FFFFFF';
	x.style.cursor='hand';
	
}

function hoverOut(o){
	var x;
	if (this.id==undefined){
		x=o.srcElement;
	}
	else{
		x=this;
	}

	x.style.cursor='default';
	x.style.backgroundColor='#C3C3C3';
	x.style.color='#000000';
}

function hitTheLink(o){
	var x;
	if (this.id==undefined){
		x=o.srcElement;
	}
	else{
		x=this;
	}

	goUrl(x.id,'');
}

function goUrl(url, target) {
	if (target!='blank') {
		document.location.href=url;
	}
	else {
		window.open(url,'_blank','','');
	}	
}

function addEvent(obj, evType, fn, useCapture){
  if (obj.addEventListener){
    obj.addEventListener(evType, fn, useCapture);
    return true;
  } else if (obj.attachEvent){
    var r = obj.attachEvent("on"+evType, fn);
    return r;
  } else {
    alert("Handler could not be attached");
  }
} 


function removeEvent(obj, evType, fn, useCapture){
  if (obj.removeEventListener){
    obj.removeEventListener(evType, fn, useCapture);
    return true;
  } else if (obj.detachEvent){
    var r = obj.detachEvent("on"+evType, fn);
    return r;
  } else {
    alert("Handler could not be removed");
  }
}