// JavaScript Document

$(window).load(function() {
	
	// news slider
	$(".scrollable").scrollable();
		
	$('.control').nivoSlider({	
		effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
        slices: 8, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 800, // Slide transition speed
        pauseTime: 5000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: true, // Next & Prev navigation
        directionNavHide: true, // Only show on hover
        controlNav: true, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel: false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav: true, // Use left & right arrows
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        captionOpacity: 0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
	});
});

$(document).ready(function() {

	// logo fadeIn
	$('#index h1').css({'position' : 'relative','top' : '-300px'}).animate({'top':'5px'},1000).animate({'top':'0px'},300);
	
	// fade projekte
	$('#links img').fadeTo(400, 0.4);
	$('#links img').hover(function() {
		$(this).stop().fadeTo(800, 1);
	}, function() {
		$(this).stop().fadeTo(800, 0.4);
	});

	// fadeIn images
	$("#links").vgrid({
		easeing: "easeOutQuint",
		time: 1000,
		delay: 100,
		fadeIn: {
		time: 2000,
		delay: 200
		}
	});	
	
	// fancybox config
	$("a.group").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	true,
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Bild: ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
			}
	});
				
});