/*
 *	
 *	activate tabs for website
 *
 */

$(function(){
	//$('#tabs').tabs();
	var $tabs = $('#tabs').tabs();
	
	$('#tab4').click(function() { // bind click event to link
	    $tabs.tabs('select', 3); // switch to third tab
	    return false;
	});
	
	$('#tab5').click(function() { // bind click event to link
	    $tabs.tabs('select', 3); // switch to third tab
	    return false;
	});			
});

/*
 *	
 *	register form handling
 *
 */

$(function() {

		var name = $("#name"),
			email = $("#email"),
			firstname = $("#firstname"),
			nick = $("#nick"),
			people = $("#people"),
			participation = $("#participation"),
			allFields = $([]).add(name).add(email).add(firstname).add(people).add(participation).add(nick),
			tips = $("#validateTips");

		function updateTips(t) {
			tips.text(t).effect("highlight",{},1500);
		}

		function checkLength(o,n,min,max) {

			if ( o.val().length > max || o.val().length < min ) {
				o.addClass('ui-state-error');
				updateTips("Länge von " + n + " muss zwischen "+min+" und "+max+" sein.");
				return false;
			} else {
				return true;
			}

		}

		function checkRegexp(o,regexp,n) {

			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass('ui-state-error');
				updateTips(n);
				return false;
			} else {
				return true;
			}

		}

		$("#dialog").dialog({
			bgiframe: true,
			autoOpen: false,
			height: 500,
			width: 350,
			modal: true,
			buttons: {
				'Anmelden': function() {
					var bValid = true;
					allFields.removeClass('ui-state-error');

					bValid = bValid && checkLength(firstname,"Vorname",3,16);
					bValid = bValid && checkLength(name,"Nachname",3,16);
					bValid = bValid && checkLength(nick,"Nick",3,16);
					bValid = bValid && checkLength(people,"Anzahl",1,2);
					bValid = bValid && checkLength(email,"E-Mail",6,80);

					bValid = bValid && checkRegexp(firstname,/^[a-zäüöÄÜÖ]([0-9a-z_äüöÄÜÖ\s])+$/i,"Vorname nur a-z, 0-9 und Unterstrich, mit Buchstaben beginnen.");
					bValid = bValid && checkRegexp(name,/^[a-zäüöÄÜÖ]([0-9a-z_äöüAÖÜ\s])+$/i,"Nachname nur a-z, 0-9 und Unterstrich, mit Buchstaben beginnen.");
					//bValid = bValid && checkRegexp(nick,/^([0-9a-z_\.])+$/i,"Nick nur a-z, 0-9 und Unterstrich.");
					bValid = bValid && checkRegexp(people,/^[0-9]+$/i,"Anzahl nur 0-9.");
					bValid = bValid && checkRegexp(email,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"z.B.: michael@keyworddomains.com");

					if (bValid) {
						$('#registerform').submit();		
						$(this).dialog('close');
					}
				},
				Cancel: function() {
					$(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});



		$('#create-user')
		.click(function() {
			$('#dialog').dialog('open');
		})
		.hover(
			function(){ 
				$(this).addClass("ui-state-hover"); 
			},
			function(){ 
				$(this).removeClass("ui-state-hover"); 
			}
		).mousedown(function(){
			$(this).addClass("ui-state-active"); 
		})
		.mouseup(function(){
				$(this).removeClass("ui-state-active");
		});

	});