<!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>Register - 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 en 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 en-selected">
					<a title="View website in English" href="/en/register/">EN</a>
				</li> 
				<li class="nl">
					<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>Make yourself heard for Jazz!</h1>
				<p>Jazz is in jeopardy of disappearing from the radio in the Netherlands permanently! Of course there are jazz stations on the internet and cable, but it is essential that Jazz can be heard anywhere. In the car, in the shed or on the beach. Regardless. Jazz deserves to be listened to, and you deserve to be able to do that anywhere!</p>
				<p>By signing up as Ambassador for Radio Jazz, you will assist in the battle against a monotonous Dutch radio landscape. As Ambassador, you will mobilize your friends to show their support for Radio Jazz and thereby increase the chance that we can soon hear real music again.</p>
				<p>After your registration you will receive an email with a toolkit that you can use to mobilize your contacts. As appreciation for your efforts you will receive a Blue Note cd once you have collected at least 50 supporters. And will you have the most supporters on the 1st of August?  Then you will win an exclusive gig by DJ Maestro and a special guest, for example at your own gardenparty this summer!</p>
				<p>Many thanks in advance, and good luck, <br/><br/>Martijn Barkhuis and Bernard Koeleman</p>
				<p>And here is the registration form.</p>
				
				<h2>Register</h2>
				<form class="validate" id="ambassador-form" method="post" action="/en/finalize-ambassador/" enctype="multipart/form-data">
					<label for="sName">Name:*</label>
						<input type="text" id="sName" name="sName" value="" /><br/>
					<label for="sPrettyname">Profile 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/en/profile-ambassador/</small><br/>
					<label for="sEmailadres">Email:*</label>
						<input type="text" id="sEmailadres" name="sEmail" value="" /><br/>
					<label for="sHyves">Hyves account link:</label>
						<input type="text" id="sHyves" name="sHyves" id="sHyves" value="" /><br/>
					<label for="sPassword1">Password:*</label>
						<input type="password" id="sPassword1" name="sPassword1"/><br/>	
					<label for="sPassword2">Confirm password:*</label>
						<input type="password" id="sPassword2" name="sPassword2"/><br/>
					<label for="sDescription">Description:<br />
	<small>Describe yourself and tell us why you think people should support Radio Jazz</small></label>
						<textarea name="sDescription" rows="6" cols="40" id="sDescription"></textarea><br/>
					<label for="sAvatar">Photo:</label>
						<input type="file" id="sAvatar" name="sAvatar" /><br/>
					<label for="sDateBirth">Birthdate:* <br/><small>(dd-mm-yyyy)</small></label>
						<input type="text" id="sDateBirth" name="sDateBirth"  value="" /><br/>
					<label for="iStayInformed" class="stay-informed">Would you like receive updates about Radio Jazz?
						<input type="checkbox" id="iStayInformed" name="iStayInformed" value="1" class="check" /></label><br/>
					<button type="submit">Register</button><br/>
				</form>			</div>			
			
			</div> <!-- #wrapper -->
	</div> <!-- #main -->
	  <div id="right-column">
		<div class="block help">
			<h1>Sign in</h1>
			<form id="login" method="post" action="/en/home/">
				<label for="sEmail">Email:</label>
				<input type="text" class="email" id="sEmail" name="sEmail"/><br/>
				<label for="sPassword">Password:</label>
				<input type="password" class="required" id="sPassword" name="sPassword"/><br/>	
				<label class="forgot"><a href="/en/lost-password/">Forgot password?</a></label>
				<button type="submit">Login</button><br/>
				<p>Become an ambassador? <a href="/en/register/">Sign up!</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/en/home/">Home</a></li>
		<li><a href="http://www.radiojazz.nl/en/news/">News</a></li>
		<li><a href="http://www.radiojazz.nl/en/concerts/">Concerts</a></li>
		<li><a href="http://www.radiojazz.nl/en/guestbook/">Guestbook</a></li>
		<li><a href="http://www.radiojazz.nl/en/recommendations/">Recommendations</a></li>
		<li><a href="http://www.radiojazz.nl/en/sponsors/">Sponsors</a></li>
		<li><a href="http://www.radiojazz.nl/en/links/">Links</a></li>
		<li><a href="http://www.radiojazz.nl/en/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="/en/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": "/en/prettyname/unique/ambassador/",
				"required":true
			},
			"sEmail": {
				"email": true,
				"required": true,
				"remote": "/en/email/unique/ambassador/"
			},
			"sPassword1": "required",
			"sPassword2": {
				"required": true,
				"equalTo": "#sPassword1"
			},
			"sDateBirth": "required"
		},
		"messages": {
			"sEmail": {
				"required": "This field is required",
				"email":  "Fill in a valid email",
				"remote": "This email address is already being used"
			},
			"sPrettyname":{
				"required": "This field is required",
				"remote": "This personal profile is already reserved by someone else"
			},
			"sName": {
				"required": "This field is required"
			},
			"sPassword1": {
				"required": "This field is required"
			},
			"sPassword2": {
				"required": "This field is required",
				"equalTo": "Please fill in an equal password"
			},
			"sDateBirth": {
				"required": "This field is required"
			}
		}
	});
	
	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>
