/*
Tooltips (c)2006 Matthias.Platzer@knallgrau.at, MIT-sytle LICENSE
depends on script.acolo.us (http://script.aculo.us).
v0.3 23.01.2006
*/

var TOOLTIP_KILL_TIME = 500;
var TOOLTIP_SHOW_TIME = 300;

window.tooltips = [];
TooltipFactory = Class.create();
TooltipFactory.prototype = {
	initialize: function(selector, options) {
		this.selector = selector;
		this.elements = [];
		this.tooltips = [];
		this.options = options||{};
	},

	areSupported: function() {
		return (document.getElementById!=null);
	},

	activate: function(elements, options) {
		//this.elements = document.getElementsBySelector(this.selector);
		this.elements = document.getElementsByTagName('span');
		this.selector = this.selector.replace('.','');
		Object.extend(this.options, options||{});
		for (var i=0; i<this.elements.length; i++){
			if (this.elements[i].className == this.selector) {
				var tooltip = new Tooltip(this.elements[i], this);
				if (tooltip) {
					this.tooltips.push(tooltip);
				}
			}
		}
	},

	activateOnLoad: function(options) {
		if (this.areSupported()) {
			Object.extend(this.options, options||{});
			Event.observe(window, "load", this.activate.bind(this));
		}
	}
}

Tooltip = Class.create();
Tooltip.prototype = {
	initialize: function(trigger, options) {
		this.trigger = trigger;
		if (options instanceof TooltipFactory) {
			this.factory = options;
			options = options.options;
		}
		this.setOptions(options);
		this.timer = 0;
		if (this.options.getPopUp) {
			this.popUp = this.options.getPopUp.bind(this)(event);
		} else if (!this.popUp && this.options.popUp) {
			this.popUp = $(this.options.popUp);
		} else if (this.trigger.href && this.trigger.href.indexOf("#") != -1) {
			this.popUp = $(this.trigger.href.split("#").pop());
		}
		if (!this.popUp && this.trigger.id) this.popUp = $(this.trigger.id + "PopUp");
		if (!this.popUp && this.trigger.title) {
			this.popUp = document.createElement("div");
			document.body.appendChild(this.popUp);
			this.popUp.className = this.options.popUpClassName;
			this.popUp.innerHTML = this.trigger.title;
			this.trigger.removeAttribute("title");
		}
		if (!this.popUp) return;
		// Grösse definieren, wenn gesetzt
		var myWidth = parseInt(this.trigger.getAttribute('tooltipwidth'));
		if (!isNaN(myWidth)) this.popUp.style.width = myWidth + 'px';
		// Individuelles 'left' offset
		this.popUp.individualX = 0;
		var myOffset = parseInt(this.trigger.getAttribute('tooltipxoffset'));
		if (!isNaN(myOffset)) this.popUp.individualX = myOffset;
		// Alternativer Effekt
		var myEffect = this.trigger.getAttribute('tooltipeffect');
		if (myEffect != null) this.options.effect = myEffect;
		// Alternative Verzögerungszeiten
		this.popUp.ttKilltime = TOOLTIP_KILL_TIME;
		var myKillTime = parseInt(this.trigger.getAttribute('tooltipkilltime'));
		if (!isNaN(myKillTime)) this.popUp.ttKilltime = myKillTime;
		this.popUp.ttShowtime = TOOLTIP_SHOW_TIME;
		var myShowtime = parseInt(this.trigger.getAttribute('tooltipshowtime'));
		if (!isNaN(myShowtime)) this.popUp.ttShowtime = myKillTime;
		// Individuelle Attribute löschen
		try {
			this.trigger.removeAttribute("tooltipwidth");
			this.trigger.removeAttribute("tooltipxoffset");
			this.trigger.removeAttribute("tooltipeffect");
			this.trigger.removeAttribute("tooltipkilltime");
			this.trigger.removeAttribute("tooltipshowtime");
		} catch(e){}
		// Tooltip in die globale Collection speichern
		window.tooltips.push(this);
		this.runningEffect = null;
		if (this.options.openingEvent==this.options.closingEvent) {
			Event.observe(this.trigger, this.options.openingEvent||'click', this.toggle.bind(this));
		} else {
			// Mouseover/Out Events für den Link registrieren
			Event.observe(this.trigger, this.options.openingEvent||'mouseover', this.openTimer.bind(this));
			Event.observe(this.trigger, this.options.closingEvent||'mouseout', this.close.bind(this));
			// Mouseover/Out Events für den Tooltip registrieren
			Event.observe(this.popUp, this.options.openingEvent||'mouseover', this.openPopup.bind(this));
			Event.observe(this.popUp, this.options.closingEvent||'mouseout', this.closePopup.bind(this));
		}
		if (this.options.onInitialize) this.options.onInitialize.bind(this)();
	},

	setOptions: function(options) {
		this.options = {
			queue: { 
				position: "end", 
				scope: "tooltip"+window.tooltips.length, 
				limit: 1
			}
		};
		Object.extend(this.options, Tooltips.options);
		Object.extend(this.options, options || {});
		if (this.setInitialPosition) this.setInitialPosition = this.options.setInitialPosition.bind(this);
		if (this.getPosition) this.getPosition = this.options.getPosition.bind(this);
	},
	
	// Link Mouseover (Verzögerung starten
	openTimer: function(event) {
		// Internen Timer setzen
		this.openevent = event;
		this.opentimer = setTimeout(
			'runOpenEvent("' + this.options.queue.scope + '")',
			this.popUp.ttShowtime
		);
	},
	
	// Link Mouseover (Nach Öffnungsverzögerung)
	open: function(event) {
		var duration = this.options.duration;
		if (this.runningEffect) {
			var queue = Effect.Queues.get(this.options.queue.scope);
			duration = Math.min(new Date().getTime() - this.runningEffect.startOn, duration);
			queue.remove(this.runningEffect);
		}
		if (this.options.setPosition) this.options.setPosition.bind(this)(event);
		this.runningEffect = Effect[Effect.PAIRS[this.options.effect][0]](this.popUp, Object.extend(Object.extend(
			Object.extend({}, this.options), {duration: duration}), this.options.open||{}
		));
		if (this.options.onOpen) this.options.onOpen.bind(this)(event);
		// internen Timer löschen
		try {
			clearTimeout(this.timer);
		} catch (exception) {}
	},
	
	// Tooltip Mouseover
	openPopup: function(event) {
		// Internen Timer löschen
		try {
			clearTimeout(this.timer);
		} catch (exception) {}
	},
	
	// Link verlassen
	close: function(event) {
		// Internen Timer löschen
		try {
			clearTimeout(this.opentimer);
			clearTimeout(this.timer);
		} catch (exception) {}
		// Internen Timer setzen
		this.timer = setTimeout(
			'deleteCloseEvent("' + this.options.queue.scope + '")',
			this.popUp.ttKilltime
		);
	},
	
	// Tooltip verlassen
	closePopup: function(event) {
		// Internen Timer löschen
		try {
			clearTimeout(this.timer);
		} catch (exception) {}
		// Internen Timer setzen
		this.timer = setTimeout(
			'deleteCloseEvent("' + this.options.queue.scope + '")',
			this.popUp.ttKilltime
		);
	},
	
	// Tooltip schliessen
	closeTooltip: function() {
		var duration = this.options.duration;
		if (this.runningEffect) {
			var queue = Effect.Queues.get(this.options.queue.scope);
			duration = Math.min(new Date().getTime() - this.runningEffect.startOn, duration);
			queue.remove(this.runningEffect);
		}
		this.runningEffect = Effect[Effect.PAIRS[this.options.effect][1]](this.popUp, Object.extend(Object.extend(
			Object.extend({}, this.options), {duration: duration}), this.options.close||{}
		));
		if (this.options.onClose) this.options.onClose.bind(this)(event);
	},

	toggle: function(event) {
		Element.visible(this.popUp) ? this.close(event) : this.open(event);
	}
};

// Löschevent Funktion
function deleteCloseEvent(id) {
	// Entsprechenden Tooltip in der Collection holen
	var nID = Number(id.replace('tooltip',''));
	window.tooltips[nID].closeTooltip();
}

// Tooltip richtig öffnen (Verzögerung abgelaufen)
function runOpenEvent(id) {
	// Entsprechenden Tooltip in der Collection holen
	var nID = Number(id.replace('tooltip',''));
	window.tooltips[nID].open(window.tooltips[nID].openevent);
}

////// IMPLEMENTATIONS of TooltipFactory ///////
/// extend this as you need it

// element hover tooltips
Tooltips = new TooltipFactory(".tooltipTrigger", {
	popUpClassName: "tooltip",
	offsetLeft: 20,
	offsetTop: 10,
	effect: "appear",
	duration: 0.7,
	openingEvent: "mouseover",
	closingEvent: "mouseout",
	onInitialize: function() {
		this.popUp.style.position = "absolute";
		this.popUp.style.left = "0";
		this.popUp.style.top = "0";
		Element.hide(this.popUp);
	},
	onOpen: function(event) {
		var x = Event.pointerX(event) + this.options.offsetLeft;
		var triggerY = Position.cumulativeOffset(this.trigger)[1];
		var y = triggerY + this.trigger.offsetHeight + this.options.offsetTop;
		Position.prepare();
		var popUp = Element.getDimensions(this.popUp);
		if (x + popUp.width + this.options.offsetLeft > (Position.deltaX+Position.visibleWidth)) 
			x = Math.max( this.options.offsetLeft, ((Position.deltaX+Position.visibleWidth) - popUp.width - this.options.offsetLeft));
		if (y + popUp.height + this.options.offsetTop > (Position.deltaY+Position.visibleHeight)) {
			y = triggerY - popUp.height - this.options.offsetTop;
		}
		this.popUp.style.left = (x + (this.popUp.individualX)) + "px";
		this.popUp.style.top = y+"px";
	}
});


// button/link info: appears after klicking something
ActionHints = new TooltipFactory(".actionHintTrigger", {
	popUpClassName: "tooltip",
	offsetLeft: 20,
	offsetTop: 20,
	effect: "appear",
	openingEvent: "click",
	closingEvent: "mouseout",
	open: {
		duration: 0.0
	},
	close: {
		delay: 1.0,
		duration: 1.0
	},
	onInitialize: function() {
		this.popUp.style.position = "absolute";
		this.popUp.style.left = "0";
		this.popUp.style.top = "0";
		Element.hide(this.popUp);
	},
	onOpen: function(event) {
		var triggerPos = Position.cumulativeOffset(this.trigger);
		var x = triggerPos[0] + this.options.offsetLeft;
		var y = triggerPos[1] - this.options.offsetTop - this.trigger.offsetHeight;
		Position.prepare();
		var popUp = Element.getDimensions(this.popUp);
		if (x + popUp.width + this.options.offsetLeft > (Position.deltaX+Position.visibleWidth)) 
			x = Math.max( this.options.offsetLeft, ((Position.deltaX+Position.visibleWidth) - popUp.width - this.options.offsetLeft));
		this.popUp.style.left = (x + (this.popUp.individualX)) + "px";
		this.popUp.style.top = y+"px";
		
	}
});

// trigger for showing/hidding a section in your page
SectionTriggers = new TooltipFactory(".sectionTrigger", {
	effect: "appear",
	openingEvent: "click",
	closingEvent: "click",
	text: {
		show: "show",
		hide: "hide"
	},
	duration: 1.0,
	onInitialize: function() {
		// Element.hide(this.popUp);
	},
	onOpen: function(event) {
		this.trigger.innerHTML = this.trigger.getAttribute("hide")||this.options.text.hide;
		Event.stop(event);
	},
	onClose: function(event) {
		this.trigger.innerHTML = this.trigger.getAttribute("show")||this.options.text.show;
		Event.stop(event);
	}
});