if(typeof piApp=='undefined'){piApp={}};if(typeof piApp.helper=='undefined'){piApp.helper={}}

/* ******************************************************************
 * bsr Layerbox ähnlich Fancybox. Skaliert und positioniert sich aber beim
 * vergrößern und verkleinern des Browserfensters mit.
 * @author Robert Agthe (http://robert-agthe.de)
  *******************************************************************/
piApp.helper.bsrbox = function() {
	var click = $('a.bsrBoxLink');
	var layer = $('div.bsrBox');

	$(window).bind('resize',function(){
		if($('#bsrBlackLayer').length){
			$('#bsrBlackLayer').width($(window).width());
			layer_width = layer.width();
			window_mid = ($(window).width()/2);
			pos_mid = window_mid-(layer_width/2);
			layer.css({left:pos_mid+'px'});
		}
	})

	click.live('click',function() {
		layer_width = layer.width();
		window_mid = ($(window).width()/2);
		pos_mid = window_mid-(layer_width/2);
		pos_top = $(window).scrollTop();
		$('body').append('<div id="bsrBlackLayer"></div>')
		$('#bsrBlackLayer').css({width:$(document).width(),height:$(document).height()})
		$('#bsrBlackLayer').fadeIn('slow',function(){
			layer.css({'position':'absolute',top:'10px',left:pos_mid+'px',top:pos_top+'px',display:'block'})
			layer.animate({'opacity':1},'slow')
			if($.browser.msie){
				$('#bsrBlackLayer').css({filter:"alpha(opacity=40)"});
			}
		})
	})

	layer.find('.bsrBoxClose').live('click',function(){
		$('div.bsrBox').animate({'opacity':0},'slow',function(){
			$(this).hide()
			$('#bsrBlackLayer').fadeOut('slow',function(){
				$(this).remove()
			})
		})
	})
}