/*
 * Initialization after page was loaded.
 */
document.observe("dom:loaded", function() {
	/*
	 * Page feedback
	 */
	// Hide elements by js so they will shown as default if js was disabled
	if($('page-feedback-opener')) {
		$('page-feedback-opener').toggleClassName('open');
	}
	if($('page-feedback-form')) {
		$('page-feedback-form').hide();
	}
	if($('feedback-kommentar')) {
		$('feedback-kommentar').hide();
	}
	
	// Show/hide feedback form
	if($('page-feedback-opener')) {
		$('page-feedback-opener').observe('click', function(event) {
			this.toggleClassName('open');
			$('page-feedback-form').toggle();
		});
	}
	
	// Show comment field of feedback form
	if($$('#page-feedback-form input[type=radio]')) {
		$$('#page-feedback-form input[type=radio]').invoke('observe', 'click', function(event) {
			$('feedback-kommentar').show();
		});
	}
	
	/*
	 * Glossar
	 */
	// Search for words with glossar tooltips and create them
	$$('.has-glossar-tooltip').each(createGlossarTooltip);
	
	//...next
});


/*
 * Create function for glossar tooltips
 */
function createGlossarTooltip(s) {
	var title = s.readAttribute('title');
	s.writeAttribute('title', false);
	s.observe('mouseover', function(event) {
		var tooltip = $('glossar-tooltip');
		if(!tooltip) {
			tooltip = new Element('div', {'id' : 'glossar-tooltip'});
			$($$('body')[0]).insert(tooltip);
		}
		tooltip.update(title).appear({'duration' : 0.2, 'from' : 0, 'to' : 1});
	});
	s.observe('mousemove', function(event) {
		if($('glossar-tooltip')) {
			$('glossar-tooltip').setStyle({'left' : (event.pointerX() + 20) + 'px', 'top' : (event.pointerY() + 20) + 'px'});
		}
	});
	s.observe('mouseout', function(event) {
		if($('glossar-tooltip')) {
			$('glossar-tooltip').fade({'duration' : 0.1, 'from' : 1, 'to' : 0});
		}
	});
}