$(document).ready(function(){
	
	isoInit();
	
	SchnellsucheInit();
	
	naviInit();
	
	piclistHover();
	
	// FU IE
	if(jQuery.browser.msie){
		if(parseInt(jQuery.browser.version)==7){
			$('.artikelfeld .galeriethumbs').after('<div class="c" style="clear:both"></div>');
		}
	}
	
	// Skript für den Kopfbanner. Muss man noch ordentlich machen (auch das es beim ersten mal offen ist, aber dann immer drin. Und ein Teaser-Wackeln. Und vielleicht nicht nur klick sondern auch pull).
// 	$('#kopfbanner .w').append('<span class="trigger" title="Werbung umklappen">↓ kopfbanner</span>');
	$('body').append('<span id="kopfbannertrigger" title="Werbung umklappen">↓ kopfbanner</span>');
	$('#kopfbannertrigger').click(function(){
		if($('#kopfbanner').css('margin-top')=='0px'){
			$('#kopfbanner').removeClass('offen');
			$('#kopfbanner').animate({'margin-top':'-275px'},350,'swing',function(){$('#kopfbanner .trigger').text('↓ kopfbanner');});
			
			$('#kopfbannerwrapper').animate({'height':'5px'},350,'swing');
			
			$('#kopfbannertrigger').removeClass('offen');
			$('#kopfbannertrigger').animate({'top':'-5px','margin-top':'0'},350,'swing',function(){
				$('#kopfbannertrigger').css({'margin-top':'0'});
			});
		}else{
			$('#kopfbanner').addClass('offen');
			$('#kopfbanner').animate({'margin-top':'0'},		850,'easeOutBounce',function(){$('#kopfbanner .trigger').text('↑ kopfbanner');});
			
			$('#kopfbannerwrapper').animate({'height': '280px'},850,'easeOutBounce');
			
			$('#kopfbannertrigger').addClass('offen');
			$('#kopfbannertrigger').css({'margin-top':'-20px'});
			$('#kopfbannertrigger').animate({'top':'280px'},850,'easeOutBounce',function(){});
		}
	});
	
	
	
	/*// Skript für den Farbselektor (provisorisch).
	$('#kopf .w').append('<ul id="farbselektor"><li class="fs-sw"><a href="#sw" title="Farbwähler">Schwarz Weiß</a></li><li class="fs-gold"><a href="#gold" title="Farbwähler">Gold</a></li><li class="fs-rot"><a href="#rot" title="Farbwähler">Rot</a></li></ul>');
	$('#farbselektor a').click(function(){
		$('#farbselektor a').each(function(){
			$('html').removeClass($(this).attr('href').substr(1));
		});
		$('html').addClass($(this).attr('href').substr(1));
		return false;
		
		// Noch cookie setzen damit man bei wiederkehr weiß welche farbe sein soll...
	});
	*/
});

// Wenn es ein Isotope-Bereich gibt, diesen an den Start bringen
function isoInit(){
	// Kontroll-Variable, die die aktuelle Anzahl der Variablen enthält & überwacht
	isoSpltn=1;
	
	// Gibt es einen Container mit der Klasse 'isofeld'? This is where the Magic happens
	var isofeld=$('.isofeld');
	if(isofeld.length>0){
		// Dem HTML eine Klasse hinzufügen, damit die ggf. andere Stylesheets greifen können.
		$('html').addClass('iso');
		
		// Die Anzahl der Spalten entsprechend der Fensterbreite errechnen und die Markup-Blöcke anpassen.
		isoWin(true);
		
		// Isotope-Skript starten. Die Blöcke im isofeld die arrangiert werden müssen die Klasse 'raster' haben. 'columnWidth:1' scheint mir ein Bug zu sein, aber so passte es momentan.
	/*	isofeld.isotope({
			itemSelector:'.raster',
			layoutMode:'masonry',
			masonry:{
			  columnWidth:1
			}
		}); */
		
		// Die Felder im isofeld haben ja auch ein paar Effekte und verhalten, die es zu initialisiereb gilt
		rasterHovers();
		
		// Bei veränderter Fensterbreite die Markup-Blöcke ggf anpassen.
		$(window).resize(function(){isoWin();});
		
		// Wenn man am Ende des Dokuments angekommen ist neuen Inhalt laden (muss man ggf. auch mit resize koppeln)
		$(window).scroll(function(){
		
// Wg. dem Kopfbanner (neg. Margin in den Kopf verschoben) wird hier das unterschiedlich in den Browsern berechnet. Bisher nur FF korrekt.
		
			/*if($(window).scrollTop() == $(document).height() - $(window).height()){
				last_msg_funtion();
			}*/
		}); 
	}
}

// Die Anzahl der Spalten an Hand der Fensterbreite errechnen und die Markup-Blöcke entsprechend anpassen.
function isoWin(bitInit){
	// Die Parameter für die Seite
	var mndstspltn=3;
	var rstr=245;
	var rdnbnr=170;
	
	// Wieviel Spalten gibt es bei der aktuellen Fenstergröße (aber nie weniger als die Mindestspaltenanzahl)
	var spltn=parseInt(($(window).width()-rdnbnr)/rstr);
	if(spltn<mndstspltn)spltn=mndstspltn;
	
	// Containerbreite anpassen (nur auf der Startseite)
	/*if(isoSpltn<spltn){
		isoSpltn=spltn;
		$('#startseite #seiteninhalt').width(spltn*rstr);
		$('#startseite #seitenblock').width(spltn*rstr+rdnbnr);
	} else if(isoSpltn!=spltn){
		isoSpltn=spltn;
		$('#startseite #seiteninhalt').width(spltn*rstr);
		$('#startseite #seitenblock').stop().animate({width:spltn*rstr+rdnbnr},850,'swing',function(){
			$('#startseite #seitenblock').width(spltn*rstr+rdnbnr);
		});
	}*/
	
}

function rasterHovers(){
	// Die Kästchen bei einer Isotope-Auflistung (v.a. Startseite)
	$('.raster').each(function(){
		// Die Textblende nach unten versetzen (damit sie bei hover rausfahren kann)
		var int_tt=(($(this).find('.teasertext').height())* -1) -8;
// 		var int_tt=(($(this).children('.blende').children('.teasertext').height())* -1) -8;
		$(this).children('.blende').css('margin-bottom',int_tt);

		var int_lv=(($(this).children('.lv-btn').width()+5)* -1);
		$(this).children('.lv-btn').stop().animate({'margin-right':int_lv},350,'swing');
		
		// Man muss nicht direkt auf den Link klicken, sondern kann irgendwo auf den Kasten klicken um auf die verlinkte Seite zu gelangen.
		$(this).click(function(){
// 			window.location.href=$(this).children('.blende').children('a.teaserhead').attr('href');
			window.location.href=$(this).find('a.teaserhead').attr('href');
			return false;
		});
		
		// Die Textblende bei hover rausfahren
		$(this).mouseenter(function(){
			$(this).addClass('mouseover');
			$(this).children('.blende').stop().animate({'margin-bottom':0},350,'swing');
			$(this).children('.lv-btn').stop().animate({'margin-right':0},350,'swing');
		});
		
		// Die Textblende wieder einfahren, wenn man das Feld verlässt.
		$(this).mouseleave(function(){
			$(this).removeClass('mouseover');
// 			var int_tt=(($(this).children('.blende').children('.teasertext').height())* -1) -8;
			var int_tt=(($(this).find('.teasertext').height())* -1) -8;
			$(this).children('.blende').stop().animate({'margin-bottom':int_tt},850,'easeOutBounce');

			var int_lv=(($(this).children('.lv-btn').width()+5)* -1);
			$(this).children('.lv-btn').stop().animate({'margin-right':int_lv},350,'swing');
		});
	});

	// Die Kästchen in einer News-Auflistung
	$('.salonnews .auflistung .blende').each(function(){
		var padtop=parseInt( (205-$(this).height())/2 );
		$(this).css({'padding-top': padtop})
		$(this).css({'margin-bottom': 0})
	});

	// Die Kästchen in einer Kollektionen-Auflistung
	$('.kollektionen .auflistung .blende').each(function(){
		var padtop=parseInt( (195-$(this).children('.teaserhead').height())/2 );
		$(this).css({'padding-top': padtop})
		$(this).css({'margin-bottom': 0})
	});

}


// Einblendeneffekte & Old-Browser-Fallback für die Navigation
function naviInit()	{
	$('.navigation>li').mouseenter(function(){
		$(this).children('ul').stop().animate({'opacity':1},350);
		$(this).addClass('mouseover');
	});
	$('.navigation>li').mouseleave(function(){
		$(this).children('ul').stop().animate({'opacity':0},350,function(){
			$(this).parent().removeClass('mouseover');
		});
	});
	
// Hier noch fallback für transparenten hintergrund-verlauf?
	
}


function SchnellsucheInit(){
	// 
	$('#schnellsuche input').focus(function(){
		if(typeof(str_schnellsuche)=='undefined')str_schnellsuche=this.value;
		if(this.value==str_schnellsuche){
			this.value='';
		}
	});
	$('#schnellsuche input').blur(function(){
		if(this.value==''){
			this.value=str_schnellsuche;
		}
	});
	
	/*
	 * Apple-Style-Search-Suggenstions by Marco Kuiper (http://www.marcofolio.net/webdesign/a_fancy_apple.com-style_search_suggestion.html)
	 */
	$('#schnellsuche input').bind('keyup',function(){
		lookup(this.value);
	});

	// Fade out the suggestions box when not active
	$('input').blur(function(){
		$('#suggestions').fadeOut();
	});
};

/*function lookup(inputString) {
	if(inputString.length == 0) {
		$('#suggestions').fadeOut(); // Hide the suggestions box
	} else {
		$.post("/_ajax/schnellsuche-dummy.php", {queryString: ""+inputString+""}, function(data) { // Do an AJAX call
			$('#suggestions').fadeIn(); // Show the suggestions box
			$('#suggestions').html(data); // Fill the suggestions box
		});
	}
}*/




/*function last_msg_funtion() {
	// Zähler für die zu neu zu ladenden Elemente (erst wirklich von Bedeutung, wenn FPS)
	var ID=$(".isofeld:last").attr("id");
	
	// Lade-Gif anzeigen
	$('.isofeld').addClass('loader');
	
	// Um welche Seite handelt es sich? (muss man später mit FPS noch anpassen, wie/wo man hier die Parameter ablegt und holt)
	var str_get_content = 'startseite-iso-dummy.php';
	if($('#startseite').length>0){str_get_content='startseite-iso-dummy.php';}
	else if($('.salonnews .auflistung').length>0){str_get_content='liste-salonnews-iso-dummy.php';}
	else if($('.kollektionen .auflistung').length>0){str_get_content='liste-kollektionen-iso-dummy.php';}
	
	// Daten holen
	$.post('/_ajax/'+str_get_content+'?action=get&last_msg_id='+ID,
		function(data){
			if (data != "") {
				// Neu geladenes nicht einfach nur einfügen sondern dem iso bekannt machen
// 				$(".isofeld:last").after(data);			
				var $newItems = $(data);
				$('.isofeld').isotope( 'insert', $newItems );
				// Ausserdem noch die Effekte auf den (neuen) Rasterkästen initialisieren.
				rasterHovers();
				
// Es scheint zu viel geladen zu werden oder die höhe der seite wird nicht schnell genug aktualisiert oder was weiß ich.

			}
			// Load-Indikator wieder ausblenden
			$('.isofeld').removeClass('loader');
		}
	);
};*/