/*********************************************************
* Javascript-Funktionalität in der Seite aktivieren
**********************************************************/
jQuery.noConflict();
jQuery(document).ready(function(){ initJavascript(); });

function initJavascript() {
	// Klasse entfernen, die für CSS-Hover in Noscript-Version zuständig ist
	jQuery('div#overall').removeClass('nojs');
	initColorbox();
}
/*********************************************************
* Colorbox: alle Gallery-Links in der Seite aktivieren
**********************************************************/
function initColorbox() {
	// Im IE6 die Colorbox-Nodes so verschieben, dass sie im Div mir id "ie6" liegen
	if (jQuery("#ie6").length > 0) { 
		jQuery("#ie6").prepend(jQuery("#cboxOverlay, #colorbox")); 
	}
	// Einzelbilder und Bildergalerien
	var container = jQuery('#content');
	container.delegate('a.colorbox', 'click', function() {
		container.undelegate('a.colorbox', 'click');
		container.find('a.colorbox').colorbox({ 
			opacity: 0.6,
			transition: 'none',
			current: 'Bild {current} von {total}', 
			previous: '&lt;', 
			next: '&gt;', 
			close: 'x',
			scrolling: false,
			title: function(){
				return jQuery(this).attr('caption');
			},
			onComplete: function() { 
				var title = jQuery('#cboxTitle').hide().html();
				jQuery('#cboxLoadedContent').append('<div id="cboxCustomTitle">'+title+'</div>'); 
				jQuery.fn.colorbox.resize(); 
			} 
		}); 
	});
}

/*********************************************************
* Home: Laschen in Headerbild
**********************************************************/
function initHeaderTabs() {
	var tab1 = jQuery('#home_tab1');
	var tab2 = jQuery('#home_tab2');
	var minX = 741;
	var maxX = 931;
	var fullDuration = 1000;
	var tab2Closed = tab2.position().left == maxX;
	(tab2Closed ? tab1 : tab2).addClass('open');
	var calcDuration = function() {
		var diffX = (tab2Closed ? tab2.position().left - minX : maxX - tab2.position().left);
		return Math.max(1, Math.min(fullDuration, Math.round(fullDuration / (maxX - minX) * (diffX))));
	};
	var showHideTab2 = function(event) {
		event.preventDefault();
		if (jQuery('#ie6').length == 1) {
			tab2.css('left', tab2Closed ? minX : maxX);
		} else {
			tab2.stop(true).animate({ left: tab2Closed ? minX : maxX }, { duration: calcDuration(), queue: false });	
		}
		tab2Closed = !tab2Closed;
		(tab2Closed ? tab1 : tab2).addClass('open');
		(tab2Closed ? tab2 : tab1).removeClass('open');
	};
	var showRO = function() {
		jQuery(this).parent('div').parent('div').addClass('hover');
	};
	var hideRO = function() {
		jQuery(this).parent('div').parent('div').removeClass('hover');
	};
	tab1.find('div a').click(showHideTab2);
	tab2.find('div a').click(showHideTab2);
	tab1.find('div a').hover(showRO, hideRO);
	tab2.find('div a').hover(showRO, hideRO);
}

/*********************************************************
* CEE Map
**********************************************************/
document.currMapOver = null;

function mapover(id) {
	id = ('' + id).replace('mapitem_', '').toUpperCase();
	// Imagemap Rollover
	var img = document.getElementById('cee_map_mapimage');
	if (img) { img.style.backgroundImage = 'url(fileadmin/templates/img/cee/map_ro_' + id + '.gif)'; }	
	// Layer einblenden
	var layer = document.getElementById('cee_map_layer_' + id);
	if (!layer) { return; }
	document.currMapOver = id;
	layer.style.display = 'block';
	// Default-Layer ausblenden
	var defaultlayer = document.getElementById('cee_map_layer_DEFAULT');
	if (defaultlayer) {	defaultlayer.style.display = 'none'; }
}
function mapout(id) {
	id = ('' + id).replace('mapitem_', '').toUpperCase();
	// Imagemap Rollover
	var img = document.getElementById('cee_map_mapimage');
	if (img) { img.style.backgroundImage = 'none'; }	
	// Layer ausblenden
	var layer = document.getElementById('cee_map_layer_' + id);
	if (!layer) { return; }
	layer.style.display = 'none';
	document.currMapOver = null;
	// Default-Layer einblenden
	var defaultlayer = document.getElementById('cee_map_layer_DEFAULT');
	if (defaultlayer) { defaultlayer.style.display = 'block'; }
}
