<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Registreren - Radio Jazz</title>
    <meta http-equiv="content-language" content="nl" />
    <meta http-equiv="last-modified" content="Jul 18 2007 11:18:21" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="description" content="Jazz moet terug in de ether! Radio Jazz is kandidaat voor de frequentie 90.7FM en streeft ernaar om de beste Jazz uit te zenden. Steun dit initiatief. - Radio Jazz - Radiojazz" />
    <meta name="author" content="Publer Admin" />
    <link href="http://cdn.publer.com/css/std.css" type="text/css" media="screen" rel="stylesheet" />
    <link href="/css/site.css" type="text/css" media="screen" rel="stylesheet" />
    <link href="/css/main.css" type="text/css" media="screen" rel="stylesheet" />
    <link href="/css/print.css" type="text/css" media="print" rel="stylesheet" />
    <link rel="shortcut icon" href="/images/icons/radiojazz.ico" />
    <script type="text/javascript" src="http://www.publer.com/publer/js/publer.js"></script>
  </head>
  <body class="home nl login">
  	<div id="container">
		<div id="header">
			<p><a class="live" href="http://www.radiojazz.nl/radiojazz_player.html" onclick=
			"window.open('http://www.radiojazz.nl/radiojazz_player.html','popup',
			'width=380,height=300,scrollbars=no,toolbar=no,location=no'); return false;" target="_blank">Luister live</a> &#160;-&#160; <a class="mobile" href="http://live.radiojazz.nl" target="_blank">Luister mobiel</a> &#160;-&#160; Selecteer taal:</p>
			<ul>
				<li class="en">
					<a title="View website in English" href="/en/register/">EN</a>
				</li> 
				<li class="nl nl-selected">
					<a title="Bekijk website in het Nederlands" href="/nl/register/">NL</a>
				</li>
			</ul>
			<img class="hide" src="/images/logo/radiojazz.jpg" alt="Radiojazz"/>
			<a href="#navigation" class="hide">Skip to navigation</a>
			<hr class="hide" />
		</div>
		<div id="main">
						<div id="wrapper">		
			<div id="contents">
				<h1>Laat je horen voor Jazz!</h1>
				<p>Jazz dreigt voorgoed uit de ether te verdwijnen! Natuurlijk kun je op internet en via de kabel jazzstations vinden, maar waar het echt om gaat is dat je altijd en overal naar Jazz moet kunnen luisteren. In de auto, in de schuur of op het strand. Maakt niet uit waar. Jazz verdient het om beluisterd te kunnen worden, jij verdient het om dat overal te kunnen doen! </p>
				<p>Door je aan te melden als Ambassadeur van Radio Jazz draag je bij aan bestrijding van het vervlakken van de Nederlandse ether. Als Ambassadeur mobiliseer je jouw vrienden om hun steunbetuiging uit te spreken aan Radio Jazz en vergroot je de kans dat we straks weer naar echte muziek kunnen luisteren.</p>
				<p>Na registratie ontvang je een mail met een toolkit, die je kunt gebruiken om je achterban te mobiliseren. Als dank voor je inspanning zal elke Ambassadeur met minstens 50 geregistreerde steunbetuigingen een cd van Blue Note ontvangen. Heb jij op 1 augustus de meeste volgers? Dan win jij een exclusief optreden van DJ Maestro en een speciale gastmuzikant, bijvoorbeeld op je tuinfeest, komende zomer!</p>
				<p>Alvast hartelijk dank en veel succes gewenst, <br/><br/>Martijn Barkhuis en Bernard Koeleman</p>
				<p>En dan hier het registratieformulier.</p>
				
				<h2>Registreren</h2>
				<form class="validate" id="ambassador-form" method="post" action="/nl/finalize-ambassador/" enctype="multipart/form-data">
					<label for="sName">Naam:*</label>
						<input type="text" id="sName" name="sName" value="" /><br/>
					<label for="sPrettyname">Profiel URL:*</label>
						<input type="text" id="sPrettyname" name="sPrettyname" value="" /><br/>
					<label><small>Adres persoonlijke pagina:</small></label><small id="prettyurl">http://friends.radiojazz.nl/nl/profile-ambassador/</small><br/>
					<label for="sEmailadres">E-mailadres:*</label>
						<input type="text" id="sEmailadres" name="sEmail" value="" /><br/>
					<label for="sHyves">Adres Hyves profiel:</label>
						<input type="text" id="sHyves" name="sHyves" id="sHyves" value="" /><br/>
					<label for="sPassword1">Wachtwoord:*</label>
						<input type="password" id="sPassword1" name="sPassword1"/><br/>	
					<label for="sPassword2">Wachtwoord bevestigen:*</label>
						<input type="password" id="sPassword2" name="sPassword2"/><br/>
					<label for="sDescription">Beschrijving:<br />
	<small>Vertel over jezelf en waarom jij vindt dat men supporter van Radio Jazz moet worden</small></label>
						<textarea name="sDescription" rows="6" cols="40" id="sDescription"></textarea><br/>
					<label for="sAvatar">Foto:</label>
						<input type="file" id="sAvatar" name="sAvatar" /><br/>
					<label for="sDateBirth">Geboortedatum:* <br/><small>(dd-mm-yyyy)</small></label>
						<input type="text" id="sDateBirth" name="sDateBirth"  value="" /><br/>
					<label for="iStayInformed" class="stay-informed">Wil je op de hoogte gehouden worden van de vorderingen van Radio Jazz?
						<input type="checkbox" id="iStayInformed" name="iStayInformed" value="1" class="check" /></label><br/>
					<button type="submit">Registreren</button><br/>
				</form>			</div>			
			
			</div> <!-- #wrapper -->
	</div> <!-- #main -->
	  <div id="right-column">
		<div class="block help">
			<h1>Inloggen</h1>
			<form id="login" method="post" action="/nl/home/">
				<label for="sEmail">E-mailadres:</label>
				<input type="text" class="email" id="sEmail" name="sEmail"/><br/>
				<label for="sPassword">Wachtwoord:</label>
				<input type="password" class="required" id="sPassword" name="sPassword"/><br/>	
				<label class="forgot"><a href="/nl/wachtwoord-vergeten/">Wachtwoord vergeten?</a></label>
				<button type="submit">Login</button><br/>
				<p>Ook ambassadeur worden? <a href="/nl/register/">Meld je aan!</a></p>
			</form>
		</div>
		<br class="break"/>			
		<div class="block networks">
			<h2>Netwerken</h2>
			<ul>
				<li><a class="twitter" href="http://twitter.com/Radiojazz" target="_blank">Volg Radio Jazz op Twitter</a></li>
				<li><a class="facebook" href="http://www.facebook.com/pages/Radio-Jazz/319266870463" target="_blank">Volg Radio Jazz op Facebook</a></li>
				<li><a class="hyves" href="http://radiojazz.hyves.nl" target="_blank">Volg Radio Jazz op Hyves</a></li>
				<li><a class="rss" href="/rss/nl/index.xml" target="_blank">Volg Radio Jazz RSS updates</a></li>
			</ul>
		</div>
	  </div> <!-- #right-column -->
		<ul id="navigation">
			
		<li class="first"><a href="http://www.radiojazz.nl/nl/home/">Home</a></li>
		<li><a href="http://www.radiojazz.nl/nl/nieuws/">Nieuws</a></li>
		<li><a href="http://www.radiojazz.nl/nl/concertagenda/">Concertagenda</a></li>
		<li><a href="http://www.radiojazz.nl/nl/gastenboek/">Gastenboek</a></li>
		<li><a href="http://www.radiojazz.nl/nl/aanbevelingen/">Aanbevelingen</a></li>
		<li><a href="http://www.radiojazz.nl/nl/sponsoren/">Sponsoren</a></li>
		<li><a href="http://www.radiojazz.nl/nl/links/">Links</a></li>
		<li><a href="http://www.radiojazz.nl/nl/contact/">Contact</a></li>		</ul>
	<ul id="footer">
		<li class="first"><a href="#">Home</a></li>
		<li><a href="#">Nieuws</a></li>
		<li><a href="#">Wie zijn wij?</a></li>
		<li><a href="#">90.7 FM?</a></li>
		<li><a href="#">Aanbevelingen</a></li>
		<li><a href="#">Sponsors</a></li>
		<li><a href="/nl/home/">Ambassadeurs</a></li>
		<li class="last"><a href="#">Contact</a></li>
		<li class="disclaimer"><a href="#">Disclaimer</a></li>
		<li class="right">&#169; 2009 - 2012 Radio Jazz b.v. All Rights Reserved</li>
	</ul>
	</div> <!-- #container -->
	
	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript" src="http://www.radiojazz.nl/js/radiojazz/jquery.validate.js"></script>

	<script type="text/javascript">
	jQuery.noConflict();
(function ($){
	$("form#ambassador-form").validate({
		"errorPlacement": function (er,el){
			el.before(er);
		},
		"rules": {
			"sName": "required",
			"sPrettyname": {
				"remote": "/nl/prettyname/unique/ambassador/",
				"required":true
			},
			"sEmail": {
				"email": true,
				"required": true,
				"remote": "/nl/email/unique/ambassador/"
			},
			"sPassword1": "required",
			"sPassword2": {
				"required": true,
				"equalTo": "#sPassword1"
			},
			"sDateBirth": "required"
		},
		"messages": {
			"sEmail": {
				"required": "Dit is een verplicht veld.",
				"email":  "Vul hier een geldig email adres in.",
				"remote": "Dit e-mail adres is al in gebruik"
			},
			"sPrettyname":{
				"required": "Dit is een verplicht veld.",
				"remote": "Deze persoonlijke URL is al in gebruik"
			},
			"sName": {
				"required": "Dit is een verplicht veld."
			},
			"sPassword1": {
				"required": "Dit is een verplicht veld."
			},
			"sPassword2": {
				"required": "Dit is een verplicht veld.",
				"equalTo": "Vul aub hetzelfde wachtwoord in"
			},
			"sDateBirth": {
				"required": "Dit is een verplicht veld."
			}
		}
	});
	
	var pn = $("#sPrettyname").get(0),
		pu = $("#prettyurl").get(0),
		prefix = pu.innerHTML,
		key,
		p;
	$("#sName").keyup(function(ev){
		p = this.value.prettyfy(); 
		pn.value = p;
		pu.innerHTML = prefix+p+"/";
	});
	$("#sPrettyname").keyup(function(ev){
		key = (ev.keyCode ? ev.keyCode : ev.which);
		if (key == 32) return;
		p = this.value.prettyfy(); 
		this.value = p;
		pu.innerHTML = prefix+p+"/";
	});
	
	/**
	 * Date autocomplet: Make sure the user enters a valid en nicely formatted date
	 * 	- 20100712: IE doesn't like a string to be used as array ( v[0] => v.substr(0, 1) )
	 */
	var y = (new Date()).getFullYear(),
		v, key, i;
	$("#sDateBirth").keyup(function(ev){
		v = this.value.replace(/[^0-9-]/g, "").replace(/[-]+/g, "-");
		key = (ev.keyCode ? ev.keyCode : ev.which);
		
		// First number of day can't be bigger then 3
		if(v.length == 1 && parseInt(v.substr(0, 1)) > 3){
			v = "0"+v;
		}
		if(v.length == 2 && key != 8){ // Don't add anything after they hit the backslash
			if(v.substr(1, 1) == "-"){ // Add a leading 0 to a day under 10
				v = "0"+v;
			}else{ // Add a dash after first 2 numbers
				v += "-";
			}
		}
		// Make sure the day is between 01 and 31
		if(v.length > 2){
			i = (v.substr(0, 1) == "0"? // see specs: parseInt("010") = 8
					parseInt(v.substr(1, 1)):
					parseInt(v.substr(0, 2)));
			if(i > 31){
				v = "31"+v.substr(2);
			}else if(i < 1){
				v = "01"+v.substr(2);
			}
			
			// Add a dash after first 2 numbers
			if(v.length >= 3){
				if(v.substr(2, 1) != "-"){
					v = v.substr(0, 2)+"-"+v.substr(2);
				}
				// First number of month can't be bigger then 1
				if(v.length == 4 && parseInt(v.substr(3, 1)) > 1){
					v = v.substr(0, 3)+"0"+v.substr(3, 1);
				}
				if(v.length == 5 && key != 8){ // Don't add anything after they hit the backslash
					if(v.substr(4, 1) == "-"){ // Add a leading 0 to a month under 10
						v = v.substr(0, 3)+"0"+v.substr(3);
					}else{ // Add a dash after 2 numbers, -, 2 number
						v += "-";
					}
				}
				// Make sure the month is between 01 and 12
				if(v.length > 5){
					i = (v.substr(3, 1) == "0"? // see specs: parseInt("010") = 8
							parseInt(v.substr(4, 1)):
							parseInt(v.substr(3, 2)));
					if(i > 12){
						v = v.substr(0, 3)+"12"+v.substr(5);
					}else if(i < 1){
						v = v.substr(0, 3)+"01"+v.substr(5);
					}
					
					// Value can't be bigger then 10
					if(v.length >= 6){
						if(v.substr(5, 1) != "-"){
							v = v.substr(0, 5)+"-"+v.substr(5);
						}
						v = v.substr(0, 6)+v.substr(6).replace(/[^0-9]/g, "");
						
						// Value can't be bigger then 10
						if(v.length > 10){
							v = v.substr(0, 10);
						}
						// Make sure the year is the current year or less
						if(v.length == 10 && parseInt(v.substr(6)) > y){
							v = v.substr(0, 6)+y;
						}
					}
				}
			}
		}
		this.value = v.replace(/[-]+/g, "-");
	});
	
} (jQuery));

	</script>	<script type="text/javascript" src="/js/radiojazz.js"></script>
  </body>
</html>
