/*

	biosphaerenreservat-berchtesgaden
	-----------------

	@file 		wago.js
	@version 	1.0.0b
	@date 		2009-11-16
	@author 	Matthias Edler-Golla <meg@wachenfeld-golla.de>

	Copyright (c) 2009 Wachenfeld + Golla, Buero fuer Gestaltung <http://wachenfeld-golla.de>

*/

//inhalt des suchfelds bei "focus" wegmachen und bei "blur" wieder sichtbar machen
$(function(){
	//hier das betroffene feld eintragen
	var suchfeld = 'li#suchfeld  input#sword';
	var startVal = $(suchfeld).val();
	suchFelder(suchfeld,startVal);
	
	//bei der Termin-Suche
	var suchfeld2= 'input#query';
	var startVal2 = $(suchfeld2).val();
	suchFelder(suchfeld2,startVal2);
});

function suchFelder(element,wert){
	//focus-aktion
	$(element).focus(function(){
		var jetztVal = $(element).val();
		if (jetztVal == wert){
			$(element).val('');
		}
	});

	//blur-action
	$(element).blur(function(){
		var jetztVal = $(element).val();
		if (jetztVal == ''){
			$(element).val(wert);
		}
	});
}

// scrollt animiert
// http://flesler.blogspot.com/2007/10/jqueryscrollto.html
$(function(){
	$('div#top a').click(function(){
		//alert ('gefunden!')
		//erster wert = y, zweiter wert = x
		$('body').scrollTo(0,0, {duration:500});
		return false;
	});
	
	$('div.topLink a').click(function(){
		//alert ('gefunden!')
		//erster wert = y, zweiter wert = x
		$('body').scrollTo(0,0, {duration:500});
		return false;
	});
}); 

//fancy zoom
$(function() {
	//Set the default directory to find the images needed
	//by the plugin (closebtn.png, blank.gif, loading images ....)
	$.fn.fancyzoom.defaultsOptions.imgDir='fileadmin/templates/js/p/'; //very important must finish with a /

	// Select all links mit klasse popup
	$('area').attr('rel','gallery1');
	$('area').click(function(){return false;});
	$('area, a.lightbox').fancyzoom({Speed:400,showoverlay:true,overlay:7/10,overlayColor:'#000'});


});

/*
	html bekommt die klasse "bigScreen" via jQuery,
	wenn das browserfenster beim laden der seite breiter als 1200px ist.
	nur dann werden die streifen links und rechts sichtbar
*/
$(function(){
		bigScreenTest();
		//naechstes geht nicht, warum?
		/*
		$(window).resize(function(){
			bigScreenTest();
		});
		*/
});

function bigScreenTest(){
	// viewportW = Breite des Browser-Fensters
    var viewportW = (self.innerWidth) ? self.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : (document.body) ? document.body.clientWidth : 0;
    //alert (viewportW);
    if (viewportW > 1200) {
    	$('html').addClass('bigScreen');
    }
}