var fx_speed = 500;
	
	
$(function(){

	primnav_ajax();
	init_bottom_modules();
	init_banner_video();
	init_carousel();
	init_newsletter();
	
});



function init_newsletter(){
	//Newsletterbestellung
	
	$('#submitNl').click( function(){
		clickNewsletterSend();
	});
	
	$('#txtNlEmail').keypress(function(event) {
		if (event.keyCode == '13') {
	  		clickNewsletterSend();
  		}
	});

	inputPlaceholder( document.getElementById('txtNlEmail') );
	
	return false;
}

function clickNewsletterSend(){
	var url = base_url + "newsletter";
	
	if(!$('#txtNlEmail').val() == ""){
		$('#submitNl').text("Senden...");
		$.ajax({
			type: "POST",
			url: url,
			data: "ajax=true&email=" + $('#txtNlEmail').val(),
			success: function(msg){
				$('#newsletter').html(msg);
				init_newsletter();
			}
		});	
	}
}



var $carousel = null; // globale Variable, die überall zur Verfügung steht!

	function init_carousel() {
		$('#carousel').jcarousel({
	        scroll: 1,
	        auto: 0, // nach 6 Sekunden Autoslide
	        wrap: 'last',
	        easing: 'easeInOutSine',
	        animation: "slow",
	       	initCallback: mycarousel_initCallback // Autoslide stoppen, wenn die Pfeile benutzt werden
	    });
	}


	function mycarousel_initCallback(carousel) {
		
		$carousel = carousel; // Das Carousel-Objekt der globalen Variable zuordnen und damit überall zugängig machen.
		carousel.startAuto(0);
		/*
		Disable autoscrolling if the user clicks the prev or next button.
	    carousel.buttonNext.bind('click', function() {
	        carousel.startAuto(0);
	    });
	
	    carousel.buttonPrev.bind('click', function() {
	        carousel.startAuto(0);
	    });
		*/
		
		// Disable autoscrolling if the user clicks the prev or next button.
	    $('#carousel').bind('click', function() {
	        carousel.startAuto(0);
	    });
	
	    carousel.buttonPrev.bind('click', function() {
	        carousel.startAuto(0);
	    });
		
		
	    /*/ Pause autoscrolling if the user moves with the cursor over the clip.
	    carousel.clip.hover(function() {
	        carousel.stopAuto();
	    }, function() {
	        carousel.startAuto();
	    }); /**/
	};


	function init_banner_video(){
		if(FlashDetect.installed){
			$('#videocontent').html("");
			$('#videocontent').flash({
			    src: '_assets/images/intro.swf',
			    width: 830,
			    height: 451,
			    wmode: 'transparent'
			});
			return false;
		}
	}



	function _backup_init_banner_video() {
		
		// Flowplayer Javascript-Flash-Player. Von http://flowplayer.org/documentation/api/index.html
			var swfUrl = assetFolder+"flowplayer/flowplayer-3.2.1.swf";
			//$("#introvideo").flowplayer(swfUrl);
			var videosrc = $("#introvideo").attr("href");
			
			$f("videocontent", swfUrl, {
										    clip: {
										        url: videosrc,
										        autoPlay: false,
										        autoBuffering: true
										    },
										    plugins: {
										        controls: null
										    },
										    onLoad: function(){  // Leider gibt es kein Event, wenn das Video fertig ist :-/
										        // alert("player loaded");
										    }
										});
			
			// Beim Klick in die Fläche soll das Video starten und stoppen. Stoppen klappt so aber nicht, weil das Flash-Objekt vor dem HTMl-Element liegt :-(
			$("#introvideo").data("running", false);
			$("#introvideo").click(function(){ // Klick auf den 
				
				if ($(this).data("running")) {
					$f(0).stop();
					$carousel.startAuto();
					$(this).data("running", false);
				}
				else {
					$f(0).play();
					$carousel.stopAuto();
					$(this).data("running", true);
				}
			});
		
		/*
		var videosrc = $("#introvideo").attr("href");
		$f("videocontent", "flowplayer.swf", videosrc);
		$("#videocontent").click(function(){
			$f(0).play();
		});
		*/
	}





/**
 * Beim Mouseover soll bei den unteren 3 Teaser-Bildern das Bild langsam aus- und der Text einfaden.
 **/
	function init_bottom_modules() {
		
		var fx_speed = "slow";
		
		$("#bottom .module a span").hide().css("padding-bottom", "0px");
		$("#bottom .module a img").fadeIn();
		
		$("#bottom .module a").mouseover(function(){
			var $parent = $(this);
			var $img = $("img", $parent);
			var $span = $("span", $parent);
			
			$img.stop().fadeTo(fx_speed, 0.5);
			// $span.stop().fadeTo(fx_speed, 1).animate({paddingBottom: "10px", opacity: "show"}, fx_speed);
			$span.stop().animate({paddingBottom: "10px", opacity: "show"}, fx_speed);
			
		});
		$("#bottom .module a").mouseout(function(){
			var $parent = $(this);
			var $img = $("img", $parent);
			var $span = $("span", $parent);
			
			$img.stop().fadeTo(fx_speed, 1);
			// $span.stop().fadeTo(fx_speed, 0).animate({paddingBottom: "0px"}, fx_speed);
			$span.stop().animate({paddingBottom: "0px", opacity: "hide"}, fx_speed);
			
		});
	};






/** 
 * Alle Effekte die die Hauptnavigation betreffen
 **/
	function primnav_ajax() {
		
		/* Beim Mouseover über die Menüpunkte soll alles andere ausblenden. Lieber das Expose-Plugin mal versuchen: http://flowplayer.org/tools/demos/toolbox/expose/index.html
		$('#mainmenu .moduletable').mouseenter(function(){
			 $('#container').fadeTo("normal", 0.5);
		}).mouseleave(function(){
			$('#container').fadeTo("normal", 1);
		});
		*/
		scrollHome();
		
		$('#mainmenu a, #bottom a.pageLink, #footer a[target!=_blank]' ).click(function(){
			
			//TODO: Carousel Autoanimation komplett abschalten
			
			//Entscheiden, welches Bild im Carousel angezeigt werden soll
			changeBannerPic($(this));
			
			
			//3 Module Band Live und Gallery ausblenden, wenn nicht auf der Startseite
			checkModulesShowHide($(this));
			
			
			$('#mainmenu .moduletable').hide();
			scrollHome();
			var url = $(this).attr("href");
			//$content_container.slideUp(fx_speed, function(){
			loadAjaxContentInContent(url);
			//});
			
			return false;
		});
	}
	
	/**
	 * Das Bannerbild aufgrund der aufgerufenen Seite ändern
	 * @param objA das <a> object das angeklickt wurde
	 * @return boolean
	 */
	function changeBannerPic(objA){
		if($carousel != "undefined" && $carousel != null){
			if(objA.attr("href").indexOf("bonscott") > 0){
				$carousel.scroll(2);
			}else if(objA.attr("href").indexOf("tour") > 0){
				$carousel.scroll(3);
			}else if(objA.attr("href").indexOf("band") > 0){
				$carousel.scroll(4);
			}else if(objA.attr("href").indexOf("media") > 0){
				$carousel.scroll(5);
			}else if(objA.attr("href").indexOf("downloads") > 0){
				$carousel.scroll(6);
			}else if(objA.attr("href").indexOf("news") > 0){
				$carousel.scroll(7);
			}else{
				$carousel.scroll(1);
			}
		}
		return true;
	}
	
	/**
	 * 3 Module Band Live und Gallery ausblenden, wenn nicht auf der Startseite
	 * @return
	 */
	function checkModulesShowHide(objA){
		
		if(objA.attr("href").indexOf("start") < 0){
			$('#bottom .module').hide();
		}else{
			$('#bottom .module').show();
		}
		
		return true;
	}
	
	/**
	 * Scrollt das Fenster auf 0,0
	 * @return
	 */
	function scrollHome(){
		$(document).scrollTo(0,0);
	}
	
	
	/**
	 * Lädt den Inhalt der url Seite via Ajax in einen html Container
	 * @param url
	 * @param jqueryObject container
	 * @return boolean
	 */
	function loadAjaxContent(url, container){
		
		$.ajax({
			type: "POST",
			url: url,
			data: "ajax=true",
			success: function(msg){
				container.html(msg);
				container.slideDown(fx_speed);
			}

		});	
		return false;
	}
	
	
	/**
	 * Lädt den Inhalt der url Seite via Ajax in den Contentbereich
	 * @param url
	 * @param jqueryObject container
	 * @return boolean
	 */
	function loadAjaxContentInContent(url){
		
		var $content_container = $('#maincontent');
		$('#maincontent').html("");
		loadAjaxContent(url, $content_container);
		
		return false;
	}