/* positionierung und padding fuer contentboxen */
$.fn.posBox = function(boxChildren) 
{
	//get viewPortWidth to calculate the padding (for webkit-browsers)
	//wrapperWidth is the width witch the wrapper would have without js
	var wrapperWidth = 940;
	var viewPort = $(this).viewPort();
	var viewPortWidth = viewPort[0];
    
	var boxLeftPaddingFallback = (viewPortWidth - wrapperWidth) / 2;

	//position of wrap element to get left offset
    
	var pos = $('.wrapl').position();
    if (!pos) var pos = $('.wrap').position(); 
	var boxLeftPadding = pos.left;
	
	//use fallbackpadding on webkit-browsers
	if(boxLeftPadding == 0)
	{
		boxLeftPadding = boxLeftPaddingFallback - 3;
	}
	boxLeftPadding = boxLeftPadding - 5;
	
    //set padding for the textbox
 	$(this).children(boxChildren).css("padding-left", boxLeftPadding +"px");
    
	//padding + pos for orange h2
	
	//get all h2 elements
	var headlineElements = $(this).children(boxChildren).children('h2').children('span');
	
	//
	jQuery.each(headlineElements, function(){
	
    	//find width of text(span) in h2 and add box padding
    	var padding = $(this).width() + boxLeftPadding + 'px';
    	
    	//set width of h2 to (text-width + box padding), align text and move left
    	$(this).parent().css('width', padding );
    	$(this).parent().css('text-align', 'right'); 
    	$(this).parent().css("left", "-"+ boxLeftPadding +"px");
	});

	//reset defaults    
	$(this).css("width", "auto"); // was 100%, now auto due to ie7
	$(this).css("margin", "0");
}




/* positionierung und padding fuer submit-button */
$.fn.posButton = function(boxChildren) 
{
	
	//get viewPortWidth to calculate the padding (for webkit-browsers)
	//wrapperWidth is the width witch the wrapper would have without js
	var wrapperWidth = 940;
	var viewPort = $(this).viewPort();
	var viewPortWidth = viewPort[0];
	var buttonLeftMarginFallback = (viewPortWidth - wrapperWidth) / 2;

	//position of wrap element to get left offset 
	var pos = $('.wrapl').position();
    if (!pos) var pos = $('.wrap').position(); 
	var buttonLeftMargin = pos.left + 238;// was + 255.5

	//set margin of submit button
	$(this).css("margin-left", buttonLeftMargin + "px");
}



/* positionierung des footers (immer am unteren rand der seite, wenn seite nicht scrollbar ist */
$.fn.posFooter = function()
{
    // reset content height to auto 
    // so the #footer is positioned where it is positioned via default
    $(this).parent().find('#content').css('height', 'auto');
    
    // get some heights and positions
    var viewPort = $(this).viewPort();
    var footerPosition = $(this).position();
    var footerHeight = $(this).height();
    
    // wird nur beim vergrößern des fensters angepasst
    if ((footerPosition.top + footerHeight) < viewPort[1]) 
    {
        // contentHeight = height which is needed to show the content elements
        var contentHeight = $(this).parent().find('#content').height();
        $(this).parent().find('#content').css('height', (contentHeight + (viewPort[1] - footerPosition.top - footerHeight)) + 'px');
    }
    
}


$.fn.viewPort = function() 
{

	var viewportwidth;
	var viewportheight;

	// moz, op, chr, ie7+

	if (typeof window.innerWidth != 'undefined')
	{
		viewportwidth = window.innerWidth,
		viewportheight = window.innerHeight
	}

	// ie 6 +

	else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0)
	{
		viewportwidth = document.documentElement.clientWidth,
		viewportheight = document.documentElement.clientHeight
	}

	// ie < 6

	else
	{
		viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
		viewportheight = document.getElementsByTagName('body')[0].clientHeight
	}
	
	return new Array(viewportwidth, viewportheight);

}




$.fn.initExpandableTeaser = function(footer)
{
    // klappe alle teaser ein
	$(this).children('ul').css("height", "23px");
    // klappe erste zeile aus
	$(this).children('ul:first-child').css("height", "73px");

	$(this).children('ul').hover(
      function () 
	  {
		$(this).parent().find('ul').css("height", "23px");
		//$(this).animate( { height:"73px" } , 200 );
		$(this).css("height", "73px");
        $(document).find('#footer').posFooter();
	  },
	  function ()
	  {
		//$(this).animate( { height:"23px" } , 200 );
		//$(this).css("height", "23px");
		
		
	  }
    );
	
}


$.fn.initSlider = function(toSlide)
{
    var expanded = 0;
    var marginExpandable = $(this).parents().find('.expandable').css('margin-bottom');

	$(this).hover(function() { $(this).css("cursor", "pointer"); } );

	//toSlide = element that shoud be toggled by the slider
	$(this).click
	(
	
		function ()
		{	
			//remove margin of expandable if expandableContent is slided in 
			if (expanded == 0)
			{
    			//$(this).parents().find('.expandable').css('margin-bottom', '0px');
    			expanded = 1;
    			//$(toSlide).css("overflow", "hidden");
                $(toSlide).slideToggle('fast', function(){
                    $(document).find('#footer').posFooter();
                });
			}
			// add margin of expandable if expandableContent was slided out			
			else
			{
    			//$(toSlide).css("overflow", "hidden");
    			$(toSlide).slideToggle('fast', function(){
                    $(document).find('#footer').posFooter();
    			 // $(this).parents().find('.expandable').css('margin-bottom',marginExpandable);
    			});
    			expanded = 0;

			}
		

			$('.slider.close').toggleClass('hidden');
			$('.slider.open').toggleClass('hidden');
			
			
			// reset height from the expandableTeasers in de slided element
			// $(toSlide).initExpandableTeaser();
		}
	);
	
}

document.write(unescape("%3Cscript src='/application/assets/js/frontend/includeandtheinternetexplode.min.js' type='text/javascript'%3E%3C/script%3E"));