// JavaScript Document

$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'random', // Specify sets like: 'fold,fade,sliceDown'
        slices:10, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:700, // Slide transition speed
        pauseTime:4000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:false, // Next & Prev navigation
        directionNavHide:true, // Only show on hover
        controlNav:false, // 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(){
			var texte;
			var image;
			$("#banner_big").hide();
			$("body").append("<div id='megaclose'></div>");
			$("#megaclose").hide();
			
			$("#megaclose").click(function(event){
				$("div#megaclose").fadeOut();
				$("#banner_big").fadeOut();
			});
			$("a.openwindow").click(function(event){
						event.preventDefault();
						$("div#megaclose").fadeIn()
						$("#banner_big").fadeIn()
						texte = $(this).children().attr("alt");
						//alert(texte + " Hallo");
						image = $(this).attr("href");
						//alert(image + " Hallo");
						$("#banner_big").append('<img src="'+image+'" alt="'+texte+'" /><div id="cation_banner">'+texte+'<a href="http://www.loschke.de/pages/projekte.php">Erfahren Sie mehr</a></div>');
						//$("div#cation_banner").text(texte);

				});

});

 $(document).ready(function() {
	$("a[rel=fancybox]").fancybox({              
 					'titlePosition'  : 'inside',
					'transitionIn'   : 'elastic',
					'transitionOut'  : 'elastic',
					'titleFormat'		: function(alt, currentArray, currentIndex, currentOpts) {					return '<p>Bild ' + (currentIndex + 1) + ' / ' + currentArray.length + (alt.length ? ' &nbsp; ' + alt : '') + '</p>';				}
             
                                   });
	 $("#facyframe").fancybox({
		'width'				: 980,
		'height'			: '80%',
        'autoScale'     	: false,
        'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'type'				: 'iframe',
		'autoDimensions'	: false,
		'padding'			: '0'
	});

});