/*
Sweet Titles (c) Creative Commons 2005
http://creativecommons.org/licenses/by-sa/2.5/
Author: Dustin Diaz | http://www.dustindiaz.com
*/


/* Add event START */ 

  function absLeft(el) {
     	return (el.offsetParent)? el.offsetLeft+absLeft(el.offsetParent) : el.offsetLeft;
  }

  function absTop(el) {
     return (el.offsetParent)? el.offsetTop+absTop(el.offsetParent) : el.offsetTop;
  }


Array.prototype.inArray = function (value) {
	var i;
	for (i=0; i < this.length; i++) {
		if (this[i] === value) {
			return true;
		}
	}
	return false;
};

function help_addEvent( obj, type, fn ) {
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
		EventCache.add(obj, type, fn);
	}
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
		EventCache.add(obj, type, fn);
	}
	else {
		obj["on"+type] = obj["e"+type+fn];
	}
}
	
var EventCache = function(){
	var listEvents = [];
	return {
		listEvents : listEvents,
		add : function(node, sEventName, fHandler){
			listEvents.push(arguments);
		},
		flush : function(){
			var i, item;
			for(i = listEvents.length - 1; i >= 0; i = i - 1){
				item = listEvents[i];
				if(item[0].removeEventListener){
					item[0].removeEventListener(item[1], item[2], item[3]);
				};
				if(item[1].substring(0, 2) != "on"){
					item[1] = "on" + item[1];
				};
				if(item[0].detachEvent){
					item[0].detachEvent(item[1], item[2]);
				};
				item[0][item[1]] = null;
			};
		}
	};
}();
help_addEvent(window,'unload',EventCache.flush);


/* Add event END */






var sweetTitles = { 
	// tiptype may be:   'cooltip'  OR  'bonuspopup'
	tiptype : 'cooltip',
	tipOn : 0,
	xCord : 0,								// @Number: x pixel value of current cursor position
	yCord : 0,								// @Number: y pixel value of current cursor position
	tipElements : ['div','span'],	// @Array: Allowable elements that can have the toolTip
	obj : Object,							// @Element: That of which you're hovering over
	tip : Object,							// @Element: The actual toolTip itself
	active : 0,								// @Number: 0: Not Active || 1: Active
	init : function() {
		if ( !document.getElementById ||
			!document.createElement ||
			!document.getElementsByTagName ) {
			return;
		}
		var i,j;
		this.tip = document.createElement('div');
		this.tip.id = 'toolTip';
		document.getElementsByTagName('body')[0].appendChild(this.tip);
		this.tip.style.top = '0';
		this.tip.style.visibility = 'hidden';
		var tipLen = this.tipElements.length;
		for ( i=0; i<tipLen; i++ ) {
			var current = document.getElementsByTagName(this.tipElements[i]);
			var curLen = current.length;
			for ( j=0; j<curLen; j++ ) {		
				if(current[j].className.match(/cooltip/)) {				
					help_addEvent(current[j],'mouseover',this.tipOverCooltip);
					help_addEvent(current[j],'mouseout',this.tipOut);
					current[j].setAttribute('tip',current[j].title);
					current[j].removeAttribute('title');
				}
				if(current[j].className.match(/bonuspopup/)) {
					help_addEvent(current[j],'mouseover',this.tipOverBonuspopup);
					help_addEvent(current[j],'mouseout',this.tipOut);
					current[j].setAttribute('tip',current[j].title);
					current[j].removeAttribute('title');
				}
	
			}
		}
	},
	updateXY : function(e) {
		if ( document.captureEvents ) {
			sweetTitles.xCord = e.pageX;
			sweetTitles.yCord = e.pageY;
		} else if ( window.event.clientX ) {
			sweetTitles.xCord = window.event.clientX+document.documentElement.scrollLeft;
			sweetTitles.yCord = window.event.clientY+document.documentElement.scrollTop;
		}
	},

	tipOut: function() {
		sweetTitles.tipOn = 0
	
		if ( window.tID ) {
			clearTimeout(tID);
		}
		if ( window.opacityID ) {
			clearTimeout(opacityID);
		}
		
		sweetTitles.tip.style.visibility = 'hidden';
		
		
	},
	checkNode : function() {
		var trueObj = this.obj;
		if ( this.tipElements.inArray(trueObj.nodeName.toLowerCase()) ) {
			return trueObj;
		} else {
			return trueObj.parentNode;
		}
	},
	tipOverCooltip : function(e) {	
	//alert("!");
		if(sweetTitles.tipOn==0) {
			sweetTitles.tipOn = 1;
			window.tiptype = 'cooltip';
			sweetTitles.obj = this;
			tID = window.setTimeout("sweetTitles.tipShow(99)",50);
			sweetTitles.updateXY(e);
		}
	},
	tipOverBonuspopup : function(e) {
		if(sweetTitles.tipOn==0) {
			sweetTitles.tipOn = 1;
			window.tiptype = 'bonuspopup';
			sweetTitles.obj = this;
			tID = window.setTimeout("sweetTitles.tipShow(99)",50);
			sweetTitles.updateXY(e);
		}
	},
	tipShow : function(opa) {		
		var anch = this.checkNode();
		
		theTipElement = this.tip;
		 
		if(window.tiptype == 'cooltip') {
			content = anch.getAttribute('tip');
			theTipElement.innerHTML = "<div class=\"cooltip-box\"><div class=\"cooltip-box-inner\"><p>"+content+"</p><div class=\"cooltip-box-overlayimage\"></div></div></div>";
	
		} else if(window.tiptype == 'bonuspopup') {
			content = anch.getElementsByTagName("div")[0].innerHTML;
			theTipElement.innerHTML = "<div class=\"bonuspopup-box\">"+content+"</div>";

		} else {
			alert("Error, no tiptype!");
		}


/* unterscheidung */
		elementX =absLeft(anch);
		elementY =absTop(anch);		
		
		height = theTipElement.clientHeight;
		var scrX = Number(elementX);
		var scrY = Number(elementY);
		
		var anch = this.checkNode();
		var tp = 0;
		var lt = 0;
		if(window.tiptype == 'cooltip') {			
			tp = parseInt(scrY-height);
			tp = tp - 4;
			lt = parseInt(scrX-30);
	
		} else {
			tp = parseInt(scrY-height);
			tp = tp + 80;
			lt = parseInt(scrX+30);
		
		}


//		if ( parseInt(document.documentElement.clientWidth+document.documentElement.scrollLeft) < parseInt(this.tip.offsetWidth+lt) ) {
//			theTipElement.style.left = parseInt(lt-(this.tip.offsetWidth+10))+'px';
//		} else {
			theTipElement.style.left = lt+'px';
//		}
//		if ( parseInt(document.documentElement.clientHeight+document.documentElement.scrollTop) < parseInt(this.tip.offsetHeight+tp) ) {
//			theTipElement.style.top = parseInt(tp-(this.tip.offsetHeight+10))+'px';
//		} else {
			theTipElement.style.top = tp+'px';
//		}

/* unterscheidung */
		
		theTipElement.style.visibility = 'visible';
		theTipElement.style.opacity = '.1';
		theTipElement.style.zIndex = 5000;
		
		this.tipFade(10,opa);	
	},
	tipFade: function(opac,finalopac) {
	
		theTipElement = this.tip;
	
//	this.tip.style.opacity = .6;
//	return;
		var passed = parseInt(opac);
		var newOpac = parseInt(passed+10);
		if ( newOpac < finalopac ) {
			this.tip.style.opacity = '.'+newOpac;
		//	this.tip.style.filter = "alpha(opacity:"+newOpac+")";
			opacityID = window.setTimeout("sweetTitles.tipFade('"+newOpac+"'," + finalopac + ")",10);
		}
		else { 
			this.tip.style.opacity = '.' + finalopac;
		//	this.tip.style.filter = "alpha(opacity:" + finalopac + ")";
		
		}
	}
};
function pageLoader() {
	sweetTitles.init();
}
help_addEvent(window,'load',pageLoader);