/*

	architekt-wegmann.de
	---------------------

	@file 		thias.js
	@version 	1.0.0b
	@date 		2010-02-12
	@author 	Matthias Edler-Golla <meg@wachenfeld-golla.de>

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

*/

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

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

//submenues ein/ausblenden
$(function(){
	$('div#menu div:not(.linksMenu) ul').hide();
	
	$('div#menu h2').click(function(){
		$('div#menu div:not(.linksMenu) ul').hide();
		$(this).next('ul').fadeIn('fast');
		return false;
	});
});

//spezielle menue links zum shortcut fuer "realisierte bauten"
$(function(){
	var bodyC = $('body').attr('class');
	if (bodyC.indexOf('Privat')!=-1 || bodyC.indexOf('Oeffentlich')!=-1 || bodyC.indexOf('Hotel')!=-1 || bodyC.indexOf('Denkmalpflege')!=-1 || bodyC.indexOf('Innenarchitektur')!=-1 || bodyC.indexOf('Sanierung')!=-1){
		var realAuswahl = 0;
		$('span.realisiertes').click(function(){
			if (realAuswahl == 0){
				$('div#menu div:not(.linksMenu) ul').hide();
				$('div#menu div.realAuswahl ul').fadeIn('fast');
				realAuswahl = 1;
			} else {
				$('div#menu div:not(.linksMenu) ul').hide();
				realAuswahl = 0;
			}
			return false;
		});
	}
});

//spezielle menue links zum shortcut fuer objekte in der jeweiligen gruppe ("privat", "oeffentlich"...)
$(function(){
	var realButton = 0;
	$('span.realButton').click(function(){
		if (realButton == 0){
			$('div#menu div:not(.linksMenu) ul').hide();
			$('div#menu div.realMenu ul').fadeIn('fast');
			realButton = 1;
		} else {
			$('div#menu div:not(.linksMenu) ul').hide();
			realButton = 0;
		}
		return false;
	});
});

//teamseite, info-texte einblenden
$(function(){
	infosWeg();
	$('body.Team div#inhalt div#wikitext div span').hover(function(){
		infosWeg();
		$(this).parent().parent().find('h4').fadeIn('fast');
		$(this).parent().parent().find('p').fadeIn('fast');
		return false;
	});
});

function infosWeg(){
	$('body.Team div#inhalt div#wikitext div h4').hide();
	$('body.Team div#inhalt div#wikitext div p').hide();
}

//wegbeschreibung, karten umschalten
$(function(){
	$('body.Wegbeschreibung div.map img').hide();
	$('body.Wegbeschreibung div.zoom1 img').show();
	$('body.Wegbeschreibung div.zoom1 h3').addClass('aktiv');
	
	$('body.Wegbeschreibung div.map h3').hover(function(){
		$('body.Wegbeschreibung div.map h3').removeClass('aktiv');
		$(this).addClass('aktiv');
		
		$('body.Wegbeschreibung div.map img').fadeOut('fast');
		$(this).parent().find('img').fadeIn('fast');
		
		return false;
	});
});

//automatische bildershow bei den realisierten-projekt-seiten
// http://plugins.jquery.com/project/a-slideshow
$(function(){   
	$('div.Grossbilder').slideshow({
	 	width:720,      					// width in px
		height:300,     					// height in px
	 	playhoverr:false, 				//pause bei mouseOver
	 	playframe:false,					// show frame "Play Now!"
	 	playclick:true,					// bind content click play/stop
	 	title:false,
	 	play:true,
	 	time:5000 						// so lange bleiben bilder stehen
	}); 
});

//pause/play-button bei der Grossbilder-slideshow
$(function(){
	// div.playbutton wird erzeugt und hinter dem div mit den Bilder angezeigt
	// das aussehen des buttons macht die css-datei "pmwiki.css"
	$('<div class="playbutton">Angehalten!<\/div>').insertAfter('div.Grossbilder');
	$('div.playbutton').hide();
	
	// in welchem State ist die Animation
	var playState = 'Pause';
	
	$('div.Grossbilder img').click(function(){
		$('div.playbutton').fadeIn('slow', function() { 
        	$('div.playbutton').fadeOut('slow', function(){
        		
        		//text aendern sich je nach bedarf
        		if (playState == 'Pause'){
        			$('div.playbutton').text('Weiterspielen!');
        			playState = 'Play';
        		} else {
        			$('div.playbutton').text('Angehalten!');
        			playState = 'Pause';
        		}
        	}); 
        }); 
	});
});

//Beschreibungstext und Zeichnungen bei realisierten bauten ein/ausblenden
$(function(){

	$('div.Beschreibungtext').hide();
	$('div.Zeichnungen').hide();
		
	//zusatzInfo-menue nur auf den Seiten mit der realisierten Bauten
	var bodyC = $('body').attr('class');
	if (bodyC.indexOf(' Privat')!=-1 || bodyC.indexOf(' Oeffentlich')!=-1 || bodyC.indexOf(' Hotel')!=-1 || bodyC.indexOf(' Denkmalpflege')!=-1 || bodyC.indexOf(' Sanierung')!=-1){
		
		var zText = '<ul id="zusatzInfos"><li><a id="beschreibungButton" href="#inhalt" title="beschreibungen einblenden">beschreibung</a></li>';
		
		//wieviele bilder enthaelt das div.Zeichnungen
		var zeichnung = $('div.Zeichnungen img').length;
		//nur wenn zeichnung vorhanden ist, soll es auch den entsprechenden button geben
		if (zeichnung > 0){
			zText += '<li><a id="zeichnungButton" href="#inhalt" title="zeichnung einblenden">zeichnung</a></li>';
		}
		
		zText += '</ul>';
	
		$('div#inhalt').prepend(zText);
	} 
	
	$('a#beschreibungButton').click(function(){
		if ($('a#beschreibungButton').css('fontWeight') != 'bold'){
			$('a#beschreibungButton').css('fontWeight','bold');
			$('div.Beschreibungtext').slideDown('slow');
			
			$('a#zeichnungButton').css('fontWeight','normal');
			$('div.Zeichnungen').slideUp('slow');
		} else {
			$('a#beschreibungButton').css('fontWeight','normal');
			$('div.Beschreibungtext').slideUp('slow');
		}
		return false;
	});

	$('a#zeichnungButton').click(function(){
		if ($('a#zeichnungButton').css('fontWeight') != 'bold'){
			$('a#zeichnungButton').css('fontWeight','bold');
			$('div.Zeichnungen').slideDown('slow');
			
			$('a#beschreibungButton').css('fontWeight','normal');
			$('div.Beschreibungtext').slideUp('slow');
		} else {
			$('a#zeichnungButton').css('fontWeight','normal');
			$('div.Zeichnungen').slideUp('slow');
		}
		return false;
	});
	
});

//inhalt des suchfelds bei "focus" wegmachen und bei "blur" wieder sichtbar machen
$(function(){
	//hier das betroffene feld eintragen
	var suchfeld = 'div#suchArea  input.searchbox';
	var startVal = $(suchfeld).val();
	
	//focus-aktion
	$(suchfeld).focus(function(){
		var jetztVal = $(suchfeld).val();
		if (jetztVal == startVal){
			$(suchfeld).val('');
		}
	});
	
	//blur-action
	$(suchfeld).blur(function(){
		var jetztVal = $(suchfeld).val();
		if (jetztVal == ''){
			$(suchfeld).val(startVal);
		}
	});
});

//suchfeld wird bei hover weiss - koennen alle anderen browser via css
$(function(){
	if ($.browser.msie) {
		 var ieVersion = $.browser.version;
		 var suchfeld = 'div#suchArea  input.searchbox';
		 if (ieVersion < 7){
			$(suchfeld).hover(
				function(){
					$(suchfeld).css({ 'background': '#fff', 'color': '#000' });
				},
				function(){
					$(suchfeld).css({ 'background': 'transparent', 'color': '#71909E' });
				}
			);
		 }
	}			
});

//realisierte seiten, vorauswahl, hover-funktion zeigt info-text auch bei ie6
$(function(){
	$('body.Auswahl div#beschreibung div.Vorwahl p.vspace').hide();
	
	$('body.Auswahl div#beschreibung div.Vorwahl div').hover(
		function(){
			$(this).next('p').fadeIn('slow');
			return false;
		},
		function(){
			$(this).next('p').fadeOut('slow');
		}
	);
});

//tabellen beim Werkverzeichnis formatieren
$(function(){
	$('body.Werkverzeichnis table tbody tr:first-child td').addClass('firstRow');
	$('body.Werkverzeichnis table tbody tr td:first-child').addClass('first');
	$('body.Werkverzeichnis table tbody tr td:last-child').addClass('last');
});

//bilder bei der Werkschau zuerst unsichtbar
$(function(){
	$('body.Werkverzeichnis table td img').hide();
	
	$('body.Werkverzeichnis table td a').hover(
		// function bei hover "over"
		function(){
			$(this).parent().find('img').slideDown('slow');
		},
		// function bei hover "out"
		function(){
			$('body.Werkverzeichnis table td img').slideUp('fast');
		}
	);
});