var mygallery=new simpleGallery({
	 wrapperid: "simplegallery1", //ID of main gallery container,
	 dimensions: [420, 246], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	 imagearray: [
	  ["img/start.jpg", "", "", "Graw&Meibert - Das Team"],
	  ["img/start2.jpg", "", "", "Tiffany-Cafe"],
	  ["img/start3.jpg", "", "", "Glasbild mit Hintergrungbeleuchtung"],
	  ["img/start4.jpg", "", "", "Deckenlampe"],
	  ["img/start5.jpg", "", "", "Theater des Westens"]
	 ],
	 autoplay: [true, 3000, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
	 persist: false,
	 fadeduration: 500, //transition duration (milliseconds)
	 oninit:function(){ //event that fires when gallery has initialized/ ready to run
	  //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause")
	 },
	 onslide:function(curslide, i){ //event that fires after each slide is shown
	   //Keyword "this": references current gallery instance
	   //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
	   //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
	 }
	})
	var mygallery=new simpleGallery({
	 wrapperid: "simplegallery2", //ID of main gallery container,
	 dimensions: [300, 246], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	 imagearray: [
	  ["img/rest-Vorher", "", "", "Vorher"],
	  ["img/rest-Bei-der-Arbeit.jpg", "", "", "Bei der Arbeit"],
	  ["img/rest-Nachher.jpg", "", "", "Nachher"]
	 ],
	 autoplay: [true, 3000, 5], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
	 persist: false,
	 fadeduration: 500, //transition duration (milliseconds)
	 oninit:function(){ //event that fires when gallery has initialized/ ready to run
	  //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause")
	 },
	 onslide:function(curslide, i){ //event that fires after each slide is shown
	   //Keyword "this": references current gallery instance
	   //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
	   //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
	 }
	})
	   
	$(document).ready(function() {
		/* This is basic - uses default settings */ 
		$("a.group").fancybox({
			'zoomSpeedIn': 300,
			'zoomSpeedOut': 300,
			'overlayShow': true 
		}); 
	}); 

$(document).ready(function() {
	// validate signup form on keyup and submit
	var validator = $("#kontaktformular").validate({
		rules: {
			nachname: "required",
			email: {
				required: true,
				email: true,
				remote: "js/emails.php"
			},
			dateformat: "required",
			terms: "required"
		},
		messages: {
			firstname: "Enter your firstname",
			nachname: "Bitte geben Sie Ihren <br />Nachnamen ein",
			username: {
				required: "Enter a username",
				minlength: jQuery.format("Enter at least {0} characters"),
				remote: jQuery.format("{0} is already in use")
			},
			email: {
				required: "Bitte geben Sie Ihre <br /> E-Mail Adresse ein.",
				minlength: "Bitte &uuml;berpr&uuml;fen Sie<br />  Ihre E-Mail Adresse ein.",
			},
			dateformat: "Choose your preferred dateformat",
			terms: " "
		},
		// the errorPlacement has to take the table layout into account
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				error.appendTo( element.parent().next() );
		},

		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		}
	});
	
	// propose username by combining first- and lastname
	$("#username").focus(function() {
		var firstname = $("#firstname").val();
		var lastname = $("#lastname").val();
		if(firstname && lastname && !this.value) {
			this.value = firstname + "." + lastname;
		}
	});

});