var tooltip;

function init() {
	tooltip = new oTooltip();
}

function oTooltip() {
	
	var oTooltips = {aoElements:[]};
	
	var aoElements = document.getElementsByTagName("a");
	for (sElement in aoElements) {
		oElement = aoElements[sElement];
		if (oElement['rel'] !== undefined && oElement['rel'] !== '') {
			if (oElement['rel'] == 'bubble') {
				oTooltips.aoElements[oTooltips.aoElements.length] = oElement;
				
				sContent = oElement['title'];
				
				oElement['style']['position'] = 'relative';
				
				oTooltipBox = document.createElement('span')
				oTooltipBox['className'] = 'tooltip_off';
				
				oTooltipContent = document.createElement('span')
				oTooltipContent['className'] = 'content';
				oTooltipContent['innerHTML'] = sContent;

				oTooltipTail = document.createElement('span')
				oTooltipTail['className'] = 'tail';
				
				oTooltipBox.appendChild(oTooltipContent);
				oTooltipBox.appendChild(oTooltipTail);
				oElement.appendChild(oTooltipBox);
				
				oElement['oTooltip'] = oTooltipBox;
				
				oElement['onmouseover'] = function(){tooltip.onmouseover(this)};
				oElement['onmouseout'] = function(){tooltip.onmouseout(this)};
				oElement['onmousedown'] = function(){tooltip.onmousedown(this)};
				
			}
		}
	}
	
	oTooltips.onmouseover = function(oElement) {
		this.ShowTooltip(oElement, true)
	}
	
	oTooltips.onmouseout = function(oElement) {
		this.ShowTooltip(oElement, false)
	}

	oTooltips.onmousedown = function(oElement) {
		this.ShowTooltip(oElement, false)
	}
	
	oTooltips.ShowTooltip = function(oElement, bShow) {
		if (oElement['oTooltip']) {
			oElement.oTooltip['className'] = bShow ? 'tooltip' : 'tooltip_off';	
		}
	}
	
	return oTooltips;
}

function ToggleOpen(self, sID) {
	self['className'] = (self['className'] == '' || self['className'] === undefined || self['className'] == 'close') ? 'open' : '';
	toggleSlide(sID);
	self.blur();
}