window.onload = function() {

	// google maps
	if($('map')) {
		loadMaps();
	}
	
	$$('input.DatePicker').DatePicker();
	
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element) {
			toggler.addClass("sel");
		},
		onBackground: function(toggler, element){
			toggler.removeClass("sel");
		}
	});
	
	if($('pauschale')) {
		$('pauschale').addEvent('change', function(){
			$$('#hotelliste strong').each(function(el){
				el.setStyle('display', 'none');
			});
			$('hotel'+$('pauschale').value).setStyle('display', 'block');
		});
	}
	
	$$('span.itemStatus input').each(function(el){
		el.addEvent('click', function(){
			if(el.get('checked') == true) {
				el.getParent().getParent().setStyle('background-color', '#D7DBE7');
			} else {
				el.getParent().getParent().setStyle('background-color', 'transparent');
			}
		});
	});
	
	$$('input.buttonDELETE').each(function(el){
		el.addEvents({
			'mouseover': function(){
				el.setStyle('cursor', 'pointer');
			},
			'mouseout': function(){
				el.setStyle('cursor', 'default');
			}
		});
	});
}


function showPopup() {
	// nach oben scrollen
	$(document.body).scrollTo(0, 0);
	// dokumentgroesse auslesen
	var scroll = window.getScrollSize();
	
	/* popup einblenden */
	$('buchungPopupHg').setStyles({
		backgroundColor: '#000000',
		opacity: '0.7',
		position: 'absolute',
		top: '0px',
		left: '0px',
		width: scroll.x + 'px',
		height: scroll.y + 'px',
		display: 'block',
		zIndex: '9999'
	});
	$('buchungPopupHg').addEvent('click', function(){
		hidePopup();
	});
	$('buchungPopup').setStyles({
		display: 'block'
	});
	/* ende popup einblenden */
	
	$$('label.buchungLabel').each(function(el){
		el.addEvents({
			'mouseover': function(){
				el.addClass('over');
			},
			'mouseout': function(){
				el.removeClass('over');
			}
		});
	});
	
	/* select boxen ausblenden */
	$$('select').each(function(el){
		el.setStyle('visibility', 'hidden');
	});
	/* ende select boxen ausblenden */
}

function hidePopup() {
	/* select boxen einblenden */
	$$('select').each(function(el){
		el.setStyle('visibility', 'visible');
	});
	/* ende select boxen einblenden */
	
	/* popup ausblenden */
	$('buchungPopupHg').setStyle('display', 'none');
	$('buchungPopup').setStyle('display', 'none');
	/* ende popup ausblenden */
}