window.addEvent('domready', function() {       
	
	
	var digi_tooltip = new Class({
		options: {
			elements: [],
			alignment: "left",
			x: "0px",
			y: "0px",
			className: "tooltip_bubble"
		},
		initialize: function(options){
			this.setOptions(options);
			$$(this.options.elements).each(function(element) {
				//element.getParent().getParent().setStyle("position", "relative");
				var tooltipbox = new Element('div', {'class': this.options.className}).inject(element.parentNode.parentNode);
				//tooltipbox.className = this.options.className;
				//tooltipbox.addClass(this.options.className);
				//tooltipbox.morph('.'+this.options.className);
				tooltipbox.innerHTML = element.title;
				tooltipbox.setStyle("position", "absolute");
				tooltipbox.setStyle("top", this.options.y);
				tooltipbox.setStyle("visibility", "hidden");
				tooltipbox.set('morph', {duration: 0});
				tooltipbox.morph({opacity: 0});
			
				if (this.options.alignment == 'left') { tooltipbox.setStyle("left", this.options.x); } 
				
				else if (this.options.alignment == 'right') { tooltipbox.setStyle("right", this.options.x); }
				
				///// ONMOUSEENTER/LEAVE EVENTS ////
				
				element.addEvent('mouseenter', function() {
				tooltipbox.setStyle("visibility", "visible");
				tooltipbox.set('morph', {duration: 500});
				tooltipbox.morph({opacity: 1});
				});
				
				element.addEvent('mouseleave', function() {
				tooltipbox.set('morph', {duration: 500});
				tooltipbox.morph({opacity: 0});
				});
				
				this.options.elements				
			}, this);
		}
	});
	digi_tooltip.implement(new Options, new Events);


		var myTips = new digi_tooltip({elements: $$('.projekttip'), className: 'projekt_blase', x: 0, y: -41, alignment: 'left'});
		var myTips = new digi_tooltip({elements: $$('.projekttip_last'), className: 'projekt_blase_last', x: 0, y: -41, alignment: 'right'});


	// myTips.addEvent(
	// 	'show', function(tip){ tip.fade('in');
	// 	'hide', function(tip){tip.fade('out');
	// 
	// 
	// 
	// });
	// 
	// 
	// 
	// 
	// myTips.addEvent('hide', function(tip){tip.fade('out');});
	// 

	// alert(tips)


});




	// ENDE PROJEKTGALLERIE
	//#####################################################################################################