Cufon.replace('div.desc h3', {fontFamily : "Helvetica Neue"});
Cufon.replace('#contact p', {fontFamily : "Helvetica Neue"});
Cufon.replace('a#zurueck', {fontFamily : "Helvetica Neue"});
Cufon.replace('a#archivzurueck', {fontFamily : "Helvetica Neue"});
Cufon.replace('div.jTscroller a', {fontFamily : "Helvetica Neue"});

$(document).ready(function(){
	
	// MISC =>
	
	var SCROLLHEIGHT = $('body').height();
	
	$('#referenzen').css('height', SCROLLHEIGHT + 'px');
	$('.jThumbnailScroller').css('height', SCROLLHEIGHT + 'px');	
	$('#archiv').css('height', SCROLLHEIGHT + 'px');

	// THUMB SCROLLER =>
	
	$("#tS3").thumbnailScroller({ 
	
		scrollerType:"hoverPrecise", 
		scrollerOrientation:"vertical", 
		scrollSpeed:2, 
		scrollEasing:"easeOutCirc", 
		scrollEasingAmount:800, 
		acceleration:4, 
		scrollSpeed:800, 
		noScrollCenterSpace:0, 
		autoScrolling:0, 
		autoScrollingSpeed:2000, 
		autoScrollingEasing:"easeInOutQuad", 
		autoScrollingDelay:500
		
	});

	// INTRO =>
	
	$('#introlink').click(function(){
		
		$('#introlink').fadeOut('slow');
	
		$("#intro").delay(800).animate({"left": "-752px"}, "slow");

		$('#home').delay(1400).fadeIn('slow');
		$('div.desc').delay(1400).fadeIn('slow');
		$('#contact').delay(1400).fadeIn('slow');
		$('#footer').delay(1400).fadeIn('slow');

	});

	// SHOW DETAIL =>
	
	$('.jThumbnailScroller#tS3 .jTscroller a').click(function(){
		
		// FADE OUT =>
		
		$('#contact p').fadeOut('slow');
		$('#referenzen').fadeOut('slow');
		
		// FADE IN =>
		
		$('#zurueck').delay(800).fadeIn('slow');
		$('#detail').delay(800).fadeIn('slow');

	});
	
	// HOME =>
	
	$('#home').click(function(){
		
		// FADE OUT =>
		
		$('#zurueck').fadeOut('slow');
		$('#archiv').fadeOut('slow');
		$('#profil').fadeOut('slow');
		$('#impressum').fadeOut('slow');
		$('#referenzen').fadeOut('slow');
		$('#detail').fadeOut('slow');
		
		// FADE IN =>
		
		$('#contact p').delay(800).fadeIn('slow');
		$('#referenzen').delay(800).fadeIn('slow');

	});
	
	// ZURÜCK =>
	
	$('#zurueck').click(function(){
		
		// FADE OUT =>
		
		$('#zurueck').fadeOut('slow');
		$('#archiv').fadeOut('slow');
		$('#profil').fadeOut('slow');
		$('#impressum').fadeOut('slow');
		$('#referenzen').fadeOut('slow');
		$('#detail').fadeOut('slow');
		
		// FADE IN =>
		
		$('#contact p').delay(800).fadeIn('slow');
		$('#referenzen').delay(800).fadeIn('slow');

	});
	
	$('#archivzurueck').click(function(){
		
		// FADE OUT =>
		
		$('#archivzurueck').fadeOut('slow');
		$('#detail').fadeOut('slow');
		
		// FADE IN =>
		
		$('#zurueck').delay(800).fadeIn('slow');
		$('#archiv').delay(800).fadeIn('slow');

	});
	
	// LINK : PROFIL =>
	
	$('#profillink').click(function(){
		
		// FADE [ALL] OUT =>
		
		$('#zurueck').fadeOut('slow');
		$('#contact p').fadeOut('slow');
		
		$('#archiv').fadeOut('slow');
		$('#profil').fadeOut('slow');
		$('#impressum').fadeOut('slow');
		$('#referenzen').fadeOut('slow');
		$('#detail').fadeOut('slow');
		
		// FADE IN =>

		$('a#zurueck').delay(800).fadeIn('slow');
		$('#profil').delay(800).fadeIn('slow');

	});
	
	// LINK : ARCHIV =>
	
	$('#archivlink').click(function(){
		
		// FADE [ALL] OUT =>
		
		$('#zurueck').fadeOut('slow');
		$('#contact p').fadeOut('slow');
		
		$('#profil').fadeOut('fast');
		$('#impressum').fadeOut('fast');
		$('#referenzen').fadeOut('fast');
		$('#detail').fadeOut('fast');

		// FADE IN =>

		$('a#zurueck').delay(800).fadeIn('slow');
		$('#archiv').fadeIn('slow');

	});
	
	// LINK : IMPRESSUM =>
	
	$('#impressumlink').click(function(){
		
		// FADE [ALL] OUT =>
		
		$('#zurueck').fadeOut('slow');
		$('#contact p').fadeOut('slow');
		
		$('#archiv').fadeOut('slow');
		$('#profil').fadeOut('slow');
		$('#impressum').fadeOut('slow');
		$('#referenzen').fadeOut('slow');
		$('#detail').fadeOut('slow');
		
		// FADE IN =>

		$('a#zurueck').delay(800).fadeIn('slow');
		$('#impressum').delay(800).fadeIn('slow');

	});

});