var lastGlossary = "";
var actualGlossary = "";
var thisBrowser	= new BrowserInfo();
var handlerX, handlerY;

if (thisBrowser.version >= 4 || thisBrowser.dom) {
	if (thisBrowser.typ.isNC) {
		document.captureEvents(Event.MOUSEOVER);
	}
	document.onmouseover = getMousePos;
}

function getMousePos(e) {
	if (thisBrowser.browser == "nc45") {
		var obj = e.target;
		if (obj.href.indexOf("glossar") > -1) {
			var search = obj.search;
			var handle = search.substring(8,search.indexOf("&term"));
			var term = search.substring(search.indexOf("&term")+6);
			handlerX = obj.x;
			handlerY = obj.y+15;
			//alert("1");
			openLayer(handle, term);
		}
	} else {
		handlerX = 0;
		handlerY = 0;
	}
}


function openLayer(glossaryHandle, glossaryTerm, elementId, linkObj, containerHandle, mehrLinkTitle) {
	// save actual Glossar-Link-Handle
	if (glossaryHandle.length > 0 && glossaryTerm.length > 0) {
		actualGlossary = glossaryHandle + "/" + glossaryTerm;
	} else {
		actualGlossary = "";
	}
		
	// reat the position of the link-object 
	if (thisBrowser.browser !="nc45") {
	  if( linkObj.offsetParent ) {
	    for(var posX = 0, posY = 0; linkObj.offsetParent; linkObj = linkObj.offsetParent) {
	      	posX += linkObj.offsetLeft;
	      	posY += linkObj.offsetTop;
	    }
	    handlerX = posX;
	    handlerY = posY+15;
	  } else {
	    handlerX = link.x;
	    handlerY = link.y+25;
	  }
	}

	if (glossaryArray.length > 0) {
		if (glossaryHandle.length > 0 && glossaryTerm.length > 0) {
			var ind_Glossary = getGlossaryIndex(glossaryHandle, glossaryTerm);
			document.createLayer("glossaryLayer");
			var myGlossary = glossaryHandle + "/" + glossaryTerm;	
			document.layer.glossaryLayer.hide();
			document.layer.glossaryLayer.setTopMargin(handlerY);
			document.layer.glossaryLayer.setLeftMargin(handlerX);
			document.layer.glossaryLayer.setInnerHTML(getTableBegin() + getEmptyLineToBegin() + getTitle(ind_Glossary) + getText(ind_Glossary, containerHandle, mehrLinkTitle) + getLinks(ind_Glossary) + getEmptyLineToEnd() + getTableEnd());
			setTimeout("document.layer.glossaryLayer.show()", 300);
		}

		if (thisBrowser.version >= 4 || thisBrowser.dom) {
			if (thisBrowser.typ.isNC && !document.documentElement) {
				document.layers.glossaryLayer.captureEvents(Event.MOUSEOVER);
				document.layers.glossaryLayer.captureEvents(Event.MOUSEOUT);
			}
			document.layer.glossaryLayer.browserObj.ObjectModel.onmouseover = overLayer;
			document.layer.glossaryLayer.browserObj.ObjectModel.onmouseout  = outLayer;
		}
	}
}

function overLayer() {
	document.layer.glossaryLayer.show();
}


function outLayer() {
	document.layer.glossaryLayer.hide();
}


function getGlossaryIndex(glossaryHandle, glossaryTerm) {
	var index = -1;
	for (var i=0; i < glossaryArray.length; i++) {
		if (glossaryArray[i].handle == glossaryHandle && glossaryArray[i].term == glossaryTerm) {
			index = i;
			break;
		}
	}
	return index;
}


function getTableBegin() {
  return '<table border="0" cellspacing="0" cellpadding="0">';
}


function getEmptyLineToBegin() {
	var html = '<tr bgcolor="#CCCCCC">';
	html += '<td><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html += '<td><img src="'+ ocPre +'/0.gif" width="18" height="1"></td>';
  	html += '<td><img src="'+ ocPre +'/0.gif" width="347" height="1"></td>';
  	html += '<td><img src="'+ ocPre +'/0.gif" width="18" height="1"></td>';
  	html += '<td><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html += '</tr>';
  	html += '<tr bgcolor="#FFFFFF">';
  	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html += '</tr>';
	return html;
}


function getTitle(ind_Glossary) {
	var title = "";
	if (ind_Glossary > -1) {
		title = glossaryArray[ind_Glossary].title.toString();
	}
  	var html = '<tr bgcolor="#FFFFFF">';
  	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="24"></td>';
  	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html += '<td valign="top" bgcolor="#E5E5E5"><strong>'+title+'</strong></td>';
  	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html += '</tr>';

	return html;
}

function getText(ind_Glossary, containerHandle, mehrLinkText) {
	var text = "";
	var linkMehr = "test";
	
  	var html = '<tr bgcolor="#FFFFFF">';
  	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html += '<td bgcolor="#E5E5E5" width="388">';

	if (ind_Glossary > -1) {
		text = glossaryArray[ind_Glossary].text.toString();
		if (text.length > maxLengthText) {
			html = html + text.substr(0,maxLengthText) + '...';
		} else {
			html = html + text;
		}			
		var linkMehr = containerHandle + "/tools/glossar.html?handle=" +glossaryArray[ind_Glossary].handle.toString();
		linkMehr = linkMehr + "&term=" + glossaryArray[ind_Glossary].term.toString();
	}
		
	html += '</td>';
  	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html += '</tr>';
	
	if (text.length > maxLengthText) {
	  	html += '<tr bgcolor="#FFFFFF">';
	  	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
	  	html += '<td bgcolor="#E5E5E5"><img src="'+ ocPre +'/0.gif" width="1" height="8"></td>';
	  	html += '<td bgcolor="#E5E5E5"><img src="'+ ocPre +'/0.gif" width="1" height="8"></td>';
	  	html += '<td bgcolor="#E5E5E5"><img src="'+ ocPre +'/0.gif" width="1" height="8"></td>';
	  	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
	  	html += '</tr>';		
    	html += '<tr bgcolor="#FFFFFF">';
    	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
    	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
    	html += '<td bgcolor="#E5E5E5">';
		html += '<table width="200" border="0" cellspacing="0" cellpadding="0">';
    	html += '<tr>';
    	html += '<td width="25"><img src="'+ ocPre +'/image/icon_link_int.gif" width="12" height="12"></td>';
    	html += '<td width="175"><a href="'+linkMehr+'">' + mehrLinkText + '</a></td>';
    	html += '</tr>';
		html += '</table>';
		html += '</td>';
    	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
    	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
    	html += '</tr>';		
	}	
	return html;
}


function getLinks(ind_Glossary) {
	var linkAdded = false;
	var html = '<tr bgcolor="#FFFFFF">';
  	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html += '<td bgcolor="#E5E5E5">';
	html += '<table width="200" border="0" cellspacing="0" cellpadding="0">';
  	html += '<tr>';
  	html += '<td><img src="'+ ocPre +'/0.gif" width="25" height="18"></td>';
  	html += '<td><img src="'+ ocPre +'/0.gif" width="175" height="2"></td>';
  	html += '</tr>';

	for (var i in glossaryArray[ind_Glossary].links) {
		if (glossaryArray[ind_Glossary].links[i].headline.length > 0) {
		  	html += '<tr>'
		  	html += '<td colspan="2" class="titlegr">'+glossaryArray[ind_Glossary].links[i].headline+'</td>';
		  	html += '</tr>';
			html += '<tr> ';
			html += '<td><img src="'+ ocPre +'/0.gif" border="0" width="1" height="10"></td>';
			html += '</tr>';
		}
		if (glossaryArray[ind_Glossary].links[i].caption.length > 0) {
		  	html += '<tr>'
		  	html += '<td colspan="2" class="titlekl">'+glossaryArray[ind_Glossary].links[i].caption+'</td>';
		  	html += '</tr>';
		}
	  	html += '<tr>'
	  	html += '<td><img src="'+glossaryArray[ind_Glossary].links[i].giffle+'" width="12" height="12"></td>';
	  	html += '<td><a href="'+glossaryArray[ind_Glossary].links[i].handle+'" target="'+glossaryArray[ind_Glossary].links[i].target+'">'+glossaryArray[ind_Glossary].links[i].title+'</a></td>';
	  	html += '</tr>';
		linkAdded = true;
	}

	html += '</table>';
	html += '</td>';
  	html += '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html += '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html += '</tr>';
	if (linkAdded == true) {
		html += '<tr><td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="10"></td></tr>';
	}

	return html;
}


function getEmptyLineToEnd() {
  	var html = '<tr bgcolor="#FFFFFF">';
  	html = '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html = '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html = '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html = '<td bgcolor="#E5E5E5">&nbsp;</td>';
  	html = '<td bgcolor="#CCCCCC"><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html = '</tr>';
  	html = '<tr bgcolor="#CCCCCC">';
  	html = '<td><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html = '<td><img src="'+ ocPre +'/0.gif" width="18" height="1"></td>';
  	html = '<td><img src="'+ ocPre +'/0.gif" width="347" height="1"></td>';
  	html = '<td><img src="'+ ocPre +'/0.gif" width="18" height="1"></td>';
  	html = '<td><img src="'+ ocPre +'/0.gif" width="1" height="1"></td>';
  	html = '</tr>';
	
	return html;
}


function getTableEnd(handle) {
  	return '</table>';
}