$(document).ready(function()
{
	setOverlayProperties();
	initTabListener();
	initDropdownListener();
});

function setOverlayProperties()
{
	var arrPageSizes = getPageSize();
	$('#overlay').css("opacity", "0.5");
	$('#overlay').css("width", arrayPageSize[0]);
	$('#overlay').css("height", arrayPageSize[1]);
}

function initTabListener()
{
	$("#infoleiste").find("a").hover(
		function(){
			$(this).css("background-position", "right -24px");
			$(this).parent().css("background-position", "left -24px");
		},
		function(){
			$(this).css("background-position", "right top");
			$(this).parent().css("background-position", "left top");
		}	
	);
}

function initDropdownListener()
{
    $('#rechnerBtn').toggle(
      function(){
      	$('#rechnerContent').slideDown("slow");
      	$('#rechnerBtn').css("background-position", "left -24px");
      	$('#overlay').fadeIn();
      	$('#bottomText').css("visibility", "hidden");
      	
      },
      function(){
      	$('#rechnerContent').slideUp("slow",function(){
      		$('#bottomText').css("visibility", "visible");
      	});
      	$('#rechnerBtn').css("background-position", "left 0px");
      	$('#overlay').fadeOut();
      }
    );
}


/**
 * getPageSize() by quirksmode.com
 *
 * @return Array Return an array with page width, height and window width, height
 */
function getPageSize()
{
    var xScroll, yScroll;
    if (window.innerHeight && window.scrollMaxY) {
        xScroll = window.innerWidth + window.scrollMaxX;
        yScroll = window.innerHeight + window.scrollMaxY;
    }
    else 
        if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac
            xScroll = document.body.scrollWidth;
            yScroll = document.body.scrollHeight;
        }
        else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
            xScroll = document.body.offsetWidth;
            yScroll = document.body.offsetHeight;
        }
    var windowWidth, windowHeight;
    if (self.innerHeight) { // all except Explorer
        if (document.documentElement.clientWidth) {
            windowWidth = document.documentElement.clientWidth;
        }
        else {
            windowWidth = self.innerWidth;
        }
        windowHeight = self.innerHeight;
    }
    else 
        if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
            windowWidth = document.documentElement.clientWidth;
            windowHeight = document.documentElement.clientHeight;
        }
        else 
            if (document.body) { // other Explorers
                windowWidth = document.body.clientWidth;
                windowHeight = document.body.clientHeight;
            }
    // for small pages with total height less then height of the viewport
    if (yScroll < windowHeight) {
        pageHeight = windowHeight;
    }
    else {
        pageHeight = yScroll;
    }
    // for small pages with total width less then width of the viewport
    if (xScroll < windowWidth) {
        pageWidth = xScroll;
    }
    else {
        pageWidth = windowWidth;
    }
    arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
    return arrayPageSize;
};
