$(document).ready(function(){
	//$("shipping-addresses div.shipping-address span.remove-address").show();
	// vedno počistimo polja v formi za dodajanje naslova za dostavo
	$("form#registrationForm input:text").val('');
	
	// po default je obkljukan naslov za dostavo v računu
	//$("input#account-address").attr('checked', true);
		
	// klik handler za gumb DODAJ NASLOV ZA DOSTAVO	
	$("a#registrationButton").click(function(){
		// dialog je potrebno postavit na center zaslona
		var $dialog = $("div#registrationFormWrapper"),
		top = (($(window).height() - $dialog.outerHeight()) / 2) + $(window).scrollTop() + "px", 
		left = (($("#centered-1002").width() - $dialog.outerWidth()) / 2) + $("#centered-1002").scrollLeft() + "px";
		// pridobi se višina/širina za trenutno odprto okno v klientu in se izračuna odmik od vrha/levega roba okna

		// dialog je privzeto po CSS-u postavljen na left:-9999px da ni viden na zaslonu zato se ga najprej skrije
		// in potem se ga centrira na zaslon
		$dialog.hide()
			   .css('left', left)
			   .css('top', top);
		
		// v BODY tag se doda div za prikrivno ozadje dialoga - overlay
		$dialog.after('<div class="sveterotike-dialog-overlay"></div>');
		var $overlay = $('div.sveterotike-dialog-overlay');
		
		// animirano prikažemo dialog in prekrivno ozadje
		$overlay.fadeIn('fast');
		$dialog.fadeIn('fast');

		// klik handler za prekrivno ozadje
		$overlay.click(function(){
			// zapremo in odstranemo overlay in dialog postavimo na left:-9999px in ga na koncu prikažemo
			$overlay.fadeOut('fast', function(){
				$overlay.remove();
			});
			// dialog mora imeti CSS nastavljen parameter display:block, 
			// saj se mu le tako da v javascriptu pridobiti Višino/Širino
			$dialog.fadeOut('fast', function() {
				$dialog.css('left', '-9999px').show();
			});
			
			$("form#registrationForm input:text").val('');
			$("div.error-messages", $dialog).remove();
		});
		
		
	});
	$("#registrationForm").submit(function(){
		if($("#registrationForm").valid()){
			$("#registrationForm").ajaxSubmit({
				success: function(data){
					data=data.split("|");
					if(data[0]=="1"){
						var overlay = $('div.sveterotike-dialog-overlay')
						var dialog = $("div#registrationFormWrapper")
						
						$("form#registrationForm input:text").val('');
						$("div.error-messages", dialog).remove();
						
						overlay.fadeOut('fast', function(){
							overlay.remove();
						});
						dialog.fadeOut('fast', function() {
							dialog.css('left', '-9999px').show();
						});
					}
					alert(data[1])
				}
			});
		}
		return false;
	});
	$("#registrationForm").validate({
		onsubmit: false,
	    rules: {
		username: {
			required: true,
			minlength: 5
		},
		email: {
			required: true,
			email: true
		},
		password1: {
			required: true,
			minlength: 6
		},
		password2: {
			required: true,
			minlength: 6,
			equalTo: "#password1"
		},
		firstname: {
			required: true,
			minlength: 2
		},
		lastname: {
			required: true,
			minlength: 2
		},
		address1:{
			required: true,
			minlength: 5
		},
		zipcode: {
			required: true,
			minlength: 4
		},
		city: {
			required: true,
			minlength: 2
		},
		tel:{
			required: true,
			minlength: 5
		}
	    },
	    messages: {
		firstname: "",
		lastname: "",
		username1: {
			required: "",
			minlength: ""
		},
		password1: {
			required: "",
			minlength: ""
		},
		password2: {
			required: "",
			minlength: "",
			equalTo: ""
		},
		address1:{
		    required: "",
		    minlength: ""
		},
		zipcode:{
		    required: "",
		    minlength: ""
		},
		city:{
		    required: "",
		    minlength: ""
		},
		tel:{
		    required: "",
		    minlength: ""
		},
		email: ""
	    }
	});
	
});