$(document).ready(function() {
    $('#fest1').click(function () {
	$('.jScrollPaneContainer').css('display','none');
	$('#horizontal_slide2').css('right', '0px');
	$('#horizontal_slide2').css('position', 'absolute');
	$('#horizontal_slide2').animate({ 
	    width: "685px",
	    right:'0px',
	    top: '-105px',
            height: ($(window).height() - 48) + 'px'
	}, 1000);

	$('#horizontal_slide2').css('position','absolute');
	$('#gMapBox').css({
	    'position':'absolute',
	    'display':'block',
	    'top': '0',
	    'left': '0',
	    'width': '100%',
	    'height': ($(window).height() - 48) + 'px',
	    'background-color':'#000',
	    'border-left':'1px solid #000'
	});
	$('#gMapBox').removeClass('hidden');
	$('.scroller').addClass('hidden');

	$('#gMapBoxClose').click(function() {
	    $('#horizontal_slide2').css('position', '');
	    $('#horizontal_slide2').css('top', '');
	    $('#horizontal_slide2').animate({ 
		width: "420",
		height: "225"
	    }, 400);
	    $('#gMapBox').addClass('hidden');
	    $('.scroller').removeClass('hidden');
	    $('.jScrollPaneContainer').css('display','block');
	});
    });
    $('#fest2').click(function () {
	$('.jScrollPaneContainer').css('display','none');
	$('#horizontal_slide2').css('right', '0px');
	$('#horizontal_slide2').css('position', 'absolute');
	$('#horizontal_slide2').animate({ 
	    width: "685px",
	    right:'0px',
	    top: '-105px',
            height: ($(window).height() - 48) + 'px'
	}, 1000);

	$('#horizontal_slide2').css('position','absolute');
	$('#gMapBox2').css({
	    'position':'absolute',
	    'display':'block',
	    'top': '0',
	    'left': '0',
	    'width': '100%',
	    'height': ($(window).height() - 48) + 'px',
	    'background-color':'#000',
	    'border-left':'1px solid #000'
	});
	$('#gMapBox2').removeClass('hidden');
	$('.scroller').addClass('hidden');

	$('#gMapBoxClose2').click(function() {
	    $('#horizontal_slide2').css('position', '');
	    $('#horizontal_slide2').css('top', '');
	    $('#horizontal_slide2').animate({ 
		width: "420",
		height: "225"
	    }, 400);
	    $('#gMapBox2').addClass('hidden');
	    $('.scroller').removeClass('hidden');
	    $('.jScrollPaneContainer').css('display','block');
	});
    });



});
/* automatisch fest1 aufpopen */
/* setTimeout("$('#fest2').trigger('click')", 1000); */
setTimeout("$('#fest1').trigger('click')", 1000);