(function () {
    /**
     * The dei package
     * 
     * @namespace pdfa
     * @package pdfa.dei.renderTooltipSkeleton
     */
	pdfa.dei.renderTooltipSkeleton = function(container){
		var height = container.offsetHeight;
		var parentHeight = container.parentNode.offsetHeight;
		var content = container.innerHTML;
		var output = "<div class='tip-top'></div><div class='tip-middle'><div class='tip-content'><div class='tip-inner-content'>" + content + "</div></div></div><div class='tip-bottom'></div>" 
		container.style.top = (parentHeight) + "px";	
		container.innerHTML = output;
	};
})();

mcd.dom.ready(function () {
	var elements = mcd.dom.getElementsByAttribute('class', 'tooltip', null, 'div', true);
	for(var i = 0; i < elements.length; i++) {
		pdfa.dei.renderTooltipSkeleton(elements[i]);	
	}

	if(document.all){
		var tooltipList = mcd.dom.getElementsByAttribute('class', 'tooltips', null, 'ul', true);

		for(var i = 0; i < tooltipList.length; i++) {
			for(var j = 0; j < tooltipList[i].childNodes.length; j++) {	
				node = tooltipList[i].childNodes[j];
				if(node.nodeName == 'LI'){
					node.onmouseover=function() {
						this.className+=" hover";
					}
					node.onmouseout=function() {
						this.className=this.className.replace
				 			(" hover", "");
						}
					}
				}
			}
		}
});