$(document).ready(function() {
    
    // PHP Messages (ausblenden wenn kein Ajax Call)
	var object = $("#messages").find('div');
	//Schließen Button erstellen
	object.append('<a class="message-close"><img src="/img/icons16/cross_gray.png" alt="" /></a>');
	$('a.message-close').click(function(){
		$(this).parent().fadeOut();
	});
	setTimeout(function() {
		object.fadeOut();
	}, 6000);
	
});

// Messages (anzeigen und ausblenden) nach Ajax Call
function message(msg, duration) {
	//erst ein HTML DOM object erzeugen um später darauf zugreifen zu können
	var message = $(msg);
	
	//Schließen Button erstellen
	message.append('<a class="message-close"><img src="/img/icons16/cross_gray.png" alt="" /></a>');
	//Dann das Object an geeigneter Stelle einfügen
	$('#messages').append(message).fadeIn();
	$('a.message-close').click(function(){
		$(this).parent().fadeOut();
	});
	if(duration == null) {
		duration = 4000;
	}
	setTimeout(function() {
		message.fadeOut();
	}, duration);
}

//Tooltip
function tooltip_init(){
	$(".tip").each(function(){
		if (!$.data(this, 'tooltip') && !$(this).hasClass('tip-stay'))
		{
			$.removeData(this, 'tooltip');
			$(this).tooltip({
				layout: '<div class="tip"><div class="tip-top"><div class="tip-top-l"></div><div class="tip-top-r"></div></div> <div class="tip-left"><div class="tip-right"><div class="tip-inner"></div></div></div> <div class="tip-bottom"><div class="tip-bottom-l"></div><div class="tip-bottom-r"></div></div></div>',
				tipInner: 'tip-inner',
				position: 'bottom center',
				delay: 0,
				offset: [1,0]
			});
		}
	});

	//Tooltips which should show and stay
	$(".tip-stay").each(function(){
		if (!$.data(this, 'tooltip'))
		{
			$.removeData(this, 'tooltip');
		}
		$(this).tooltip({
			layout: '<div class="tip"><div class="tip-top"><div class="tip-top-l"></div><div class="tip-top-r"></div></div> <div class="tip-left"><div class="tip-right"><div class="tip-inner"></div></div></div> <div class="tip-bottom"><div class="tip-bottom-l"></div><div class="tip-bottom-r"></div></div></div>',
			tipInner: 'tip-inner',
			position: 'bottom center',
			delay: 1000000,
			offset: [1,0]
		});
	
		$(this).data("tooltip").show();
	});
}
