var $j = jQuery.noConflict(); 
$j(document).ready(function(){

//hab hier mal jquery noconflict rein
//damit jquery und andere js frameworks gleichzeitig funktionieren
//normal benutzen ja alle das "$" - mootools & co

$j('div.scroll').localScroll({duration:700,});



// code abschicken des formulars
	$j('input.send').click(function(event){
		event.preventDefault(); // verhindert dass die seite neu geladen wird
		var validation = { // auslesen der eingegebenen daten
			name : $j('#ipName').val(),
			mail: $j('#ipMail').val(),
			text: $j('#ipText').val()
		}
		var dataString = 'name='+ validation.name + '&email=' + validation.mail + '&phone=' + validation.text;  
		$j.ajax({  
			type: "POST",  
			url: "bin/process.php",  
			data: dataString,  
			success: // wenn php datei daten bekommen hat
				function() {			
					$j('body').append('<div id="formOverlay"><div id="message"></div></div>');  
					$j('#message')
						.html("<h2>Ihre Nachricht wurde gesendet!</h2>")  
						.append('<p>Wir werden uns umgehend mit Ihnen in Verbindung setzen.</p><a id="closeMessage>X</a>')  
						.hide()  
						.fadeIn(1500);
				},
			error: 	// wenn php datei form daten nicht erhalten hat
				function() {
					$j('body').append('<div id="formOverlay"><div id="message"></div></div>');  
					$j('#message')
						.html("<h2>Ihre Nachricht konnte leider nicht gesendet werden</h2>")  
						.append('<p>Bitte versuchen Sie es noch einmal.</p><a id="closeMessage>X</a>')  
						.hide()  
						.fadeIn(1500);
				}
		});	
	});
	// close button
	$j('a#closeMessage,#formOverlay,#message').live('click', function () {
			$j('div#formOverlay').fadeOut(300, function () {
				$j(this).remove();
				
			})
		});
}); // end domready