/*<![CDATA[*/
/**
 * functions.js - Bibliothek mit uebergreifenden JavaScript Funktionen
 *
 * Copyright (c) 2010    die.interaktiven GmbH u. Co. KG
 *                       www.die-interaktiven.de
 *
 * Alle Rechte vorbehalten. Unberechtigte Kopie und Weiter-
 * verwendung nicht gestattet.
 *
 */

var DOCUMENT_ROOT = '/';

function doStart()
{
	setStatus('Pfeiffer & Söhne GmbH');
	
	if(document.getElementById("qsearch-q"))
	{
		document.getElementById("qsearch-q").onfocus=setSearchFocus;
		document.getElementById("qsearch-q").onblur=unsetSearchFocus;
	} 
	

}
window.onload = doStart;

function setSearchFocus()
{
	if(document.getElementById("qsearch-q") && document.getElementById("qsearch-q").value == "Ihr Suchbegriff")
	{
		document.getElementById("qsearch-q").value = "";
	}
}

function unsetSearchFocus()
{
	if(document.getElementById("qsearch-q") && document.getElementById("qsearch-q").value == "")
	{
		document.getElementById("qsearch-q").value = "Ihr Suchbegriff";
	}
} 

function setCycleButtons(value) {
	jQuery('#prev').css('display', value);
	jQuery('#next').css('display', value);
}

/*
function setButtonActive(element) {
	jQuery('#' + element).animate({opacity: '0.6'}, '100');
}
*/

$(document).ready(function() {
   	//jquery cycle plugin
	setCycleButtons('block');
	
	$('.image-list').cycle({
	        fx:      'fade',
			speed:   3000,
	        timeout:  1,
			pause:   1,
	        prev:    '#prev',
	        next:    '#next'
	});
	
	var element = document.getElementById('page');
	
	var elementClientHeight	= element.clientHeight;
	
	var screenHeight		= screen.height;
	var screenWidth			= screen.width;
	
	//auf diese Hoehe muss verlaengert werden
	var innerHeight			= window.innerHeight;
	
	if(elementClientHeight < innerHeight) {
		newHeight = (innerHeight - elementClientHeight); 
		$('#space').css('height', (newHeight + 15));
	}	
});

$(window).load(function() {
	positionContent();
	minOpacity = 0.8;
	maxOpacity = 1.0;
	$("#prev").css({ opacity: minOpacity });
	$("#next").css({ opacity: minOpacity });

	$('#prev').hover(function(){
		$(this).stop().animate({ opacity: maxOpacity } , '100');
	} , function(){
		$(this).stop().animate({ opacity: minOpacity} , '100');
	});
	$('#next').hover(function(){
		$(this).stop().animate({ opacity: maxOpacity } , '100');
	} , function(){
		$(this).stop().animate({ opacity: minOpacity} , '100');
	});
});

$(window).resize(function() {
  positionContent();
});


/**
Schiebt den Content der Seite unter das Bild im Kopf der Seite.
Dies wurde benoetigt, da das entsprechende Bild mit einer relativen Breite von 100% eine vom Browser berechnete Hoehe bekommt.
Dadurch war ein haendisches Setzen der Element-Hoehe nicht moeglich.

Diese Funktion wird beim Laden der Seite (DOM und Assets fully loaded) als auch vom Resize-Event des Seitenfensters getriggert
**/
function positionContent() {

	/*
	var imgNaturalHeight 	= $('.item > img:first').attr('naturalHeight');
	var imgNaturalWidth		= $('.item > img:first').attr('naturalWidth');
	var ratio				= imgNaturalHeight / imgNaturalWidth;
	*/

	var ratio				= 630 / 1680;
	
	var windowWidth			= $(window).width();
	var imgHeight			= Math.ceil(ratio * windowWidth);	
	$('#startbild').css('height', imgHeight);
	$('#colspan-header').css('height', imgHeight);
	
	var images = $('.item img');
	$(images).each(function(){
		$(this).width(windowWidth);
	});
}


//window.innerHeight


/*]]>*/