/*

	oskar
	-----------

	@file 		wago.js
	@version 	1.0.0b
	@date 		2010-01-08
	@author 	Matthias Edler-Golla <meg@wachenfeld-golla.de>

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

*/

jQuery.noConflict();

jQuery(function(){
	jQuery('html').addClass('jsAktiv');
});

//div#keywords unsichtbar schalten
// ist das aus SEO-sicht OK?
jQuery(function(){
	jQuery('div#keywords').hide();
});

//inhalt des suchfelds bei "focus" wegmachen und bei "blur" wieder sichtbar machen
jQuery(function(){
	//hier das betroffene feld eintragen
	var suchfeld = 'form#suchfeld input#sword';
	var startVal = jQuery(suchfeld).val();

	//focus-aktion
	jQuery(suchfeld).focus(function(){
		var jetztVal = jQuery(suchfeld).val();
		if (jetztVal == startVal){
			jQuery(suchfeld).val('');
		}
	});

	//blur-action
	jQuery(suchfeld).blur(function(){
		var jetztVal = jQuery(suchfeld).val();
		if (jetztVal == ''){
			jQuery(suchfeld).val(startVal);
		}
	});
});

//scrollt sanft nach oben
jQuery(function(){
	jQuery('a[href*=#skipper]').click(function() { //faehrt sanft nach oben
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
			var target = jQuery(this.hash);
			target = target.length && target	|| $('[name=' + this.hash.slice(1) +']');
			if (target.length) {
				var targetOffset = target.offset().top;
				jQuery('html,body').animate({scrollTop: targetOffset}, 700);
				return false;
			}
		}
	});
});

//aufmacher-bilder und -texte austauschen mit AJAX
jQuery(function(){
//	jQuery('div.aufmacher h3:not(:first)').hide();
	//erste Element wird hier definiert
//	var sichtH3 = jQuery('h3#slogan_1');
	var ajaxFileAufmacher = '/'+jQuery('#langVar').text()+'top-inhalt/aufmacher/';
	var ajaxFileSchubladen = '/'+jQuery('#langVar').text()+'top-inhalt/schublade/';
	//via Ajax das erste Bild laden
	jQuery('div.aufmacher:not(.nichtAusblenden)').fadeOut('fast', function(){
		jQuery('div.aufmacher div#slogans').load(ajaxFileAufmacher + ' div#aufmacher_1 .csc-header h3',{},function(){Cufon.replace(this);});
		jQuery('div.aufmacher div#grossbild').load(ajaxFileAufmacher + ' div#aufmacher_1 img',{},function(){jQuery('div.aufmacher').fadeIn('fast');});
	});
	//via Ajax den Text fuer die Schublade laden
	jQuery('div.schublade div#schubladenInhalt').load(ajaxFileSchubladen + ' div#schublade_1',{},function(){Cufon.replace('div#schubladenInhalt h3, div#schubladenInhalt blockquote');});

	jQuery('ul.introAuswahl li').click(function(){
		//gewuenschtes Bild via Ajax laden
		var z = jQuery(this).text();
		var neuBild = ajaxFileAufmacher + ' div#aufmacher_' + z + ' img';
		var neuSlogan = ajaxFileAufmacher + ' div#aufmacher_' + z + ' .csc-header h3';
		//altes Element erst unsichtbar und dann das via ajax geladene sichtbar machen
		jQuery('div.aufmacher').fadeOut('fast', function(){
			jQuery('div.aufmacher div#slogans').load(neuSlogan,{},function(){Cufon.replace(this);});
			jQuery('div.aufmacher div#grossbild').load(neuBild,{},function(){jQuery('div.aufmacher').fadeIn('fast');});
		});
		
		//Slogans passend zum Bild austauschen
		//Achtung, wegen Cufon kann dies nicht aus dem Ajax.html geladen werden!
/*		var neuH3 = 'h3#slogan_' + z;
		var neuH3 = jQuery.get(ajaxFileAufmacher + ' div#aufmacher_' + z +' h3');
		jQuery(sichtH3).fadeOut('fast', function(){
			jQuery(neuH3).fadeIn('slow');
		});
		//festlegen, welches Element beim naechsten Klicken unsichtbar gemacht werden soll
		sichtH3 = neuH3;
*/		
		//Schubladen-Inhalt austauschen
		var neuSchubladenInhalt = ajaxFileSchubladen + ' div#schublade_' + z;
		jQuery('div.schublade div#schubladenInhalt').load(neuSchubladenInhalt,{},function(){Cufon.replace('div#schubladenInhalt h3, div#schubladenInhalt blockquote');});
		
		//quadrate richtig darstellen
		jQuery('ul.introAuswahl li').removeClass('aktiv');
		jQuery(this).addClass('aktiv');	
		
		return false;
	});
});


//div.schublade ein/ausblenden
jQuery(function(){
	//jQuery('div.schublade').hide();
	jQuery('#mehrZeigen').hide();
	jQuery('#mehrZeigen').click(function(){
		jQuery(this).hide();
		jQuery('div.schublade').slideDown('slow');
		return false;
	});
	
	jQuery('#wenigerZeigen').click(function(){
		jQuery('div.schublade').slideUp('slow');
		jQuery('#mehrZeigen').show();
		return false;
	});
});

//sprachwahl-menue ein/ausblenden
jQuery(function(){
	jQuery('div#header div#sprachwahl ul').hide();
	
	jQuery('div#header div#sprachwahl').hover(function(){
			//z-index-wechsel fuer ie; geht sonst nicht -- mistding!
			jQuery('div#intro').css({'z-index': '-5'});
        	jQuery('div#header div#sprachwahl ul').slideDown('fast'); 
	    }, function() {
	    	jQuery('div#intro').css({'z-index': '0'});
	    	jQuery('.autocomplete-w1').css({'z-index': '8'});
	        jQuery('div#header div#sprachwahl ul').slideUp('fast');
	});
});

// flash-animation auf startseite laden
jQuery(function(){
	jQuery('a[href*="flash.html"]').colorbox({opacity:'0.8',iframe:true,innerWidth:850,innerHeight:650});
	jQuery('#FilmAbspielen a[href*="flash.html"], a[href*="youtube_flash.html"]').colorbox({opacity:'0.8',iframe:true,innerWidth:870,innerHeight:530});
	jQuery('a.popup').colorbox({opacity:'0.8'});
});