jQuery.messerli = {
	init : function(){
		$(".tx-messerli-media a[href$='jpg']").click(function(){
			$('#bg-img img').attr('src', $(this).attr('href'));
			if($('.tx-messerli-media-active').length == 0){
				jQuery.messerli.media();
				$('#bg-flash').remove();
				// message einblenden
				$('.page_margins').append('<div id="messerli-media-message"><p>Um den Bildmodus zu verlassen, klicken Sie bitte auf das grosse Bild</p><p>Click on large image to leave full-screen view</p></div>');
				$('#messerli-media-message').click(function(){
					$('#messerli-media-message').remove();
				});
				
			}
			return false;
		});
	},
	full : function(){
		$('#col1, #col2 .navi li:not(.active), #col3, .naviComp').slideDown('fast');
		$('#header, #col2, #col4').removeClass('tx-messerli-media-active');
		$('#messerli-media-message').remove();
	},
	media : function(){
		$('#col1, #col2 .navi li:not(.active), #col3, .naviComp').hide();
		$('#header, #col2, #col4').addClass('tx-messerli-media-active');
		// exit event
		$('#header.tx-messerli-media-active h1 a, #header.tx-messerli-media-active, #bg-img img').click(function(){
			if($('#messerli-media-message').length == 0){
				jQuery.messerli.full();
			}else{
				$('#messerli-media-message').remove();
			}
			return false;
		});
		// message

	}
}

$(function(){
	/** keine rechte spalte **/
	if($('#col4>*').length == 0){
		$('#col4').remove();
	}
	
	/* Hintergrundbild */
	Cufon.replace('h1, h2, #col3-teaser dd');
	if ($.browser.msie && parseInt($.browser.version) == 6) {
		// ie6
	}else{
		$.fn.supersized.options = { startwidth: 1239, startheight: 779 };
		$('#bg-img').supersized();
	}
	

	/** Project filter */
	$('#col2-filter dd').hide();
	$('#col2-filter dt a').click(function(){
		$('#col2-filter dd.' + $(this).attr('class')).slideToggle('fast');
		// ajax calls 
		return false;
	});
	
	/** scrollable **/
	if($('.scrollable').length !== 0){
		$('#col4 h2').append('<a style="margin-left:10px;" href="javascript:void(0);" class="prev"><img src="/fileadmin/templates/images/arrow-prev.gif" valign="middle" /></a><a href="javascript:void(0);" class="next"><img src="/fileadmin/templates/images/arrow-next.gif"  valign="middle" /></a>');
		$('.scrollable').scrollable();
	}
	
	/** Fullscreen für media **/
	jQuery.messerli.init();

	/** teaser austauschen **/
	$('#col3-teaser dl a').click(function(){
		if($(this).parents().hasClass('active')) return true;
		$('#col3-teaser dl').removeClass('active');
		$(this).parent().parent().addClass('active');
		// change background image
		$('#bg-img img').attr('src',$(this).parent().parent().attr('imgsrc'));
		
		// nach oben schieben
		teaserMargin = 0;
		$('#col3-teaser').css('margin-top', '0px');
		$('#col3-teaser dl').each(function(){
		    if($(this).hasClass('active')){
				$('#col3-teaser').css('margin-top', teaserMargin + 'px');
		    }else{
				teaserMargin = teaserMargin - 20;
		    }
		});
		return false;
	});
});