// Scripted by Bernard Teske
// info@bernardteske.de
// Webdesign & digitale SpezialitŠten

$(document).ready(function(){
	
	/* Ausrichten */
	ausrichten();
	$('#hauptrahmen').fadeIn('slow');
	$(window).resize(function() {
		ausrichten();
	});
	
	$("#sendebutton").attr('disabled', '');
	
	/* Infokasten */
	infokasten();
	
	/* Links auf QR setzen */
	qrlink();
	
});

/* Ausrichten */
function ausrichten(){
	var logopos=($('body').height()/2)-68;
	var contentpos=($('body').height()/2)+104;
	
	$("#logo").css('top', logopos+'px');
	$("#content").css('top', contentpos+'px');
	$('#fuss').css('top', $('html').height()+'px');
	
	if($('body').height()<660){
		$('#hauptrahmen').css('height', '660px');
		//$('#fuss').css('top', '660px');
		
		
		$("#logo").css('top', logopos-120+'px');
		$("#content").css('top', contentpos-160+'px');

		$('body').removeClass("bodybg");
		
	}
	else{
		$('body').addClass("bodybg");
	}
}

/* Prüfen der Mailadresse */
function bestelle_letter(){
	var mailval=$("#letteritemail").attr('value');
	if(mailval.search('.')!=-1 && mailval.search('@')!=-1){
		$("#letteritemail").removeClass('fehler');
		letterok();
	}
	else{
		$("#letteritemail").addClass('fehler');
		$('#newsletterform').animate({left: '+=50'}, 100, function() {
			$('#newsletterform').animate({left: '-=100'}, 100, function() {
				$('#newsletterform').animate({left: '+=75'}, 100, function() {
					$('#newsletterform').animate({left: '-=50'}, 100, function() {
						$('#newsletterform').animate({left: '+=25'}, 100, function() {

						});
					});
				});
			});
		});
	}
}

/* Newsletter bestellen (adresse ok) */
function letterok(){
	
	// Button ausblenden und disablen
	
	$("#sendebutton").attr('disabled', 'disabled');
	$('#sendebutton').animate({opacity: 0.5}, 200, function() {
			// Animation complete.
			$('#sendebutton').removeClass('submitbutton');
			$('#sendebutton').addClass('submitbutton_disabled');
	});
	
	
	// Zweiten Absatz ausblenden und Text ändern
	
	$('#zweiterabsatz').animate({opacity: 0.0}, 200, function() {
		$('#zweiterabsatz').html('Bitte warten...<br/><br/>');
		$('#zweiterabsatz').animate({opacity: 1.0}, 200, function() {
			
			$.post("newsletter/newsletteranmeldung_bernard.php", { letteritoption1: $("#letteritoption1").attr('value'), letteritemail: $("#letteritemail").attr('value'), 'letteritbid[]': "7" }, function(data){
				bestellt();
			});			
			
			
		});
	});
	
	
	
	
}

/* Nesletter bestellt */
function bestellt(){
	$('#newsletterform').animate({opacity: 0.0, top: '-=50', left: '+=50'}, 500, function() {
		// Text zweiter Absatz wieder austauschen
		$('#ersterabsatz').animate({opacity: 0.0}, 250, function() {});
	    $('#zweiterabsatz').animate({opacity: 0.0}, 250, function() {
	    	
	    	$('#ersterabsatz').html('Vielen Dank für Ihr Interesse! Sie bekommen eine<br/>E-Mail zum endgültigen Bestätigen des Abonnements.');
	    	$('#zweiterabsatz').html('Um eine weitere E-Mail-Adresse für den Newsletter zu registrieren, klicken Sie <a href="javascript:nochneadresse();">hier</a>.');
	    	
	    	$('#ersterabsatz').animate({opacity: 1.0}, 250, function() {});
	    	$('#zweiterabsatz').animate({opacity: 1.0}, 250, function() {
	    		// Animation fertig
	    	});
	    });
		$('#fliesstext').animate({left: '220'}, 500, function() {
		
		
		});
	});
}

/* Noch ne E-Mail eintragen */
function nochneadresse(){
	
	// Fliestext wieder ausrichten
	$('#sendebutton').animate({opacity: 1.0}, 1, function(){});
	
	$('#ersterabsatz').animate({opacity: 0.0}, 250, function() {});
	$('#zweiterabsatz').animate({opacity: 0.0}, 250, function() {
		$('#ersterabsatz').html('Geben Sie weitere Adressdaten ein.<br/><br/>');
		$('#ersterabsatz').animate({opacity: 1.0}, 250, function() {});
	});
	
	$('#fliesstext').animate({left: '394'}, 500, function() {
	
		// Formular wieder ausrichten
		$('#newsletterform').css('left', '80px');
		$('#newsletterform').css('top', '20px');
		$('#sendebutton').removeClass('submitbutton_disabled');
		$('#sendebutton').addClass('submitbutton');
		$("#sendebutton").attr('disabled', '');

		$('#newsletterform').animate({opacity: 1.0}, 500, function() {
		
		});
	});
	
}

/* Infokasten */
function infokasten(){
	$("a").hover(
		function(){
			if($(this).attr('title')!=''){
				$('body').append('<p class="infokasten">'+$(this).attr('title')+'</p>');
				$(this).attr('title', '');
				$(".infokasten").css('display', 'block');
				$(".infokasten").css('left', $(this).offset().left+($(this).width()/2));
				$(".infokasten").css('top', $(this).offset().top-30);
				$('.infokasten').animate({opacity: 1.0, 'margin-left': '+=10'}, 250, function() {});
			}
		},
		function(){
			$(this).attr('title', $('.infokasten').html());
			$(".infokasten").detach();
		}
	);
}

/* Links auf QR setzen */
function qrlink(){
	$.each($('.qrlink'), function(index, value) {
		var eigenurl=$(this).attr('href');
		var qrurl='/qr/php/index.php?d='+eigenurl+'&s=10&iframe';
		$(this).attr('href', qrurl);
		$(this).fancybox({
			'speedIn'		:	600, 
	    	'speedOut'		:	200, 
	    	'overlayShow'	:	false,
	    	'width'			:	410,
	    	'height'		:	410,
			'padding'		:	'0',
			'overlayShow'	:	'true',
			'type'			:	'iframe'
		});
	});
}