

function gmap() {
  if (GBrowserIsCompatible()) {

	var body = document.getElementById('map');
	var map = new GMap2(body);
	map.addControl(new GMapTypeControl());
	map.addControl(new GLargeMapControl());
	map.setCenter(new GLatLng(-37.836225,144.973676), 15);

	// Create our "tiny" marker icon
	var icon = new GIcon();
	icon.image = "http://www.google.com/mapfiles/ms/icons/red-pushpin.png";
	icon.shadow = "http://www.google.com/mapfiles/ms/icons/pushpin_shadow.png";
	icon.iconSize = new GSize(32, 32);
	icon.shadowSize = new GSize(59, 32);
	icon.iconAnchor = new GPoint(10, 32);
	icon.infoWindowAnchor = new GPoint(16, 1);


	// Creates a marker whose info window displays the given info
	function createMarker(point, info) {
	  // Create a lettered icon for this point using our icon class

	  var marker = new GMarker(point, icon);

	  GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(info);
	  });
	  return marker;
	}

	map.addOverlay(createMarker(new google.maps.LatLng(-37.836225,144.973676), '\
		<div align="left">\
			<B>Freedom Recruiting</B><BR>\
			Level 2, Suites 234-236<BR>\
			1 Queens Road, Melbourne 3004<BR><BR>\
			<B>T:</B> (03) 9863 9995 <BR>\
			<B>F:</B> (03) 9863 9994 <BR>\
			<b>E:</b> <a href="mailto:info@freedomrecruiting.com">info@freedomrecruiting.com</a>\
		</div>\
	'));


  }

}


// Load Google Map
function load_map() {
	if($('map')) {
		gmap();
	}
}


function validate_find_employee(form) {

	var name = $(form['name']);
	var phone = $(form['phone']);
	var email = $(form['email']);
	var postcode = $(form['postcode']);
	var role = $(form['role']);
	var website = $(form['website']);
	
	var sError = "";


	// Validate Name
	if ( name.value.length == 0 ) {
		sError += "Please enter your name.\n";
	}


	// Validate Phone
	if ( phone.value.length == 0 ) {
		sError += "Please enter your phone number.\n";
	} else {

		var str = phone.value;
		var newphone = str.replace(/(\s|\(|\)|-)/gi, "");
		var patt1 = new RegExp("[0-9]{10}");
		var result = patt1.test(newphone);
		if ( !result ) {
			sError += "This phone number is not valid.\n";
			phone.select();
		}
	}

	// Validate Email
	if ( email.value.length == 0 ) {
		sError += "Please enter your email address.\n";
	} else {

		var str = email.value;
		var patt1 = new RegExp("^[a-z][a-zA-Z0-9_.-]*@[a-zA-Z0-9_.-]+\.[a-z]{2,4}$");
		var result = patt1.test(str);
		if ( !result ) {
			sError += "The email is not valid.\n";
		}
	}

	// Validate Postcode
	if ( postcode.value.length == 0 ) {
		sError += "Please enter your postcode.\n";
	}

	// Validate Role
	if ( role.value.length == 0 ) {
		sError += "Please specify the role you need to fill.\n";
	}

	if ( sError.length == 0 ) {
		return true;
	}
	else {
		alert( sError );
		return false;
	}

}



function load_find_employee_form() {
	if($('find_employee')) {
		$('find_employee').innerHTML='\
							<form action="find-employee.php" class="enq" method="post" onsubmit="return validate_find_employee(this);">\
								\
								<table border="0" cellpadding="0" cellspacing="10">\
\
\
								  <tr>\
									<td colspan="2">\
										<h4>LOOKING FOR<BR> AN EMPLOYEE?</h4>\
										If you need a new employee call us on or fill out this form and one of our consultants will be in contact with you shortly\
										<BR><BR>\
									</td>\
								  </tr>\
\
								  <tr>\
									<td>Name:</td>\
									<td>\
										<input name="name" id="name" value="" size="15">\
									</td>\
								  </tr>\
\
								  <tr>\
									<td>Phone:</td>\
									<td>\
										<input name="phone" id="phone" value="" size="15">\
\
									</td>\
								  </tr>\
\
								  <tr>\
									<td>E-mail:</td>\
\
									<td>\
										<input name="email" id="email" value="" size="15">\
									</td>\
								  </tr>\
\
								  <tr>\
									<td>Postcode:&nbsp;&nbsp;&nbsp;</td>\
									<td>\
										<input name="postcode" id="postcode" value="" size="15">\
									</td>\
								  </tr>\
\
								  <tr>\
									<td>Role To Fill:</td>\
									<td>\
										<input name="role" id="role" value="" size="15">\
									</td>\
								  </tr>\
\
								  <tr>\
									<td>Website:</td>\
									<td>\
										<input name="website" id="website" value="" size="15">\
									</td>\
								  </tr>\
\
								  <tr>\
									<td>\
										Additional<Br> Info: <BR>\
									</td>\
									<td>\
										<textarea name="comments" rows="4" cols="12" class="default"></textarea>\
									</td>\
								  </tr>\
\
								  <tr>\
									<td>&nbsp;</td>\
									<td>\
										<BR>\
										<input type="image" src="images/submit_button.gif" value="Submit" title="Submit" />\
										<input name="mode" type="hidden" id="mode" value="submit" />\
									</td>\
								  </tr>\
\
								</table>\
\
							</form>\
		';
	}
}



Event.observe(window, 'load', function() {
	
	load_find_employee_form();

	// Load Google Map
	load_map();

});
