//<![CDATA[

$(function() {
	$('#attractions li div').click(function() {
		// hide selectbox
		$('select').css('display', 'none');
		$('#screen a').css('display', 'none');
		var h = $(document).scrollTop() + 20;
		if (h <= 0) h = 0;
		$('#screenWindow').css('top', h);
		var id  = $(this).attr('id');
		var ids = id.split('_');
		$('#screenTitle').text($('#sm' + ids[1] + ' a').attr('title'));
		$('#am' + ids[1]).css('display', 'block');
		$('#screenWindow').fadeSliderToggle({}, function() {});
	});
	
	$('#closeBtn').click(function() { $('#screenWindow').fadeSliderToggle({}, function() { $('select').css('display', 'inline'); }); });
	
});

function changeScreenImage(code) {
	var target = '#am' + code;
	if ($(target).css('display') == 'block') return;
	$('#screen a').css('display', 'none');
	$(target).fadeIn(800);
	$('#screenTitle').text($('#sm' + code + ' a').attr('title'));
}


jQuery.fn.fadeSliderToggle = function(settings, callback) {
 	/* Damn you jQuery opacity:'toggle' that dosen't work!~!!!*/
 	 settings = jQuery.extend({
		speed:500,
		easing : "swing"
	}, settings)
	
	caller = this
 	if($(caller).css("display") == "none"){
 		return $(caller).animate({
 			opacity: 1,
 			height: 'toggle'
 		}, settings.speed, settings.easing, callback);
	}else{
		return $(caller).animate({
 			opacity: 0,
 			height: 'toggle'
 		}, settings.speed, settings.easing, callback);
	}
}; 






//]]>