$(document).ready(function() {
	$('.slideshow').cycle({
		fx: 'fade',
		timeout:  5000 
	});
	
	$('.gallery').cycle({ 
	    fx:     'fade', 
	    timeout: 0, 
	    pager:  '#nav', 
	    pagerAnchorBuilder: function(idx, slide) { 
	        // return selector string for existing anchor 
	        return '#gallerynav li:eq(' + idx + ') a'; 
	    } 
	});
	
	$('.media').media();
	
	$('.show_login').click(function(){
		$('.login_form').toggle();
		$('.registration_form').hide();
		
	});
	$('.show_registration').click(function(){
		$('.registration_form').toggle();
		$('.login_form').hide();
	});
	
	$("form.application").validate({
		rules: {
    		email: {
    			email: true
    		},
    		opened: {
    			maxlength: 4,
				digits: true
    		}
    	},
    	errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.parent().parent() );
			else
				error.insertBefore(element);
		}
	});
	
	$("#register_member_form").validate({
		rules: {
    		
    		username: {
		      minlength: 4
		    },
		    password: {
		      minlength: 5
		    },
		    password_confirm: {
		    	minlength: 5,
		    	equalTo: "#password"
		    },
		    email: {
    			email: true
    		},
    		email_confirm: {
    			equalTo: "#email"
    		}
    	},
    	errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.parent().parent() );
			else
				error.insertBefore(element);
		}
	});
	
	$("h3.toggle").click(function(){
		$(this).next().toggle();
		$('.hide', this).toggle();
		$('.show', this).toggle();
	});
	$("li.toggle").click(function(){
		var element = $('span', this).attr('class');
		$("fieldset."+element).show();
		$("fieldset."+element).prev().children('.hide').show();
		$("fieldset."+element).prev().children('.show').hide();
		$.scrollTo("fieldset."+element,500, {offset:-50});
	});
	
/* 	$('.loggedout .formFields').tooltip({ effect: 'slide'}); */

});