function initialize(){
	var myLatlng = new google.maps.LatLng(51.481201,-0.606598);

	var myOptions = {
		zoom: 16,
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		panControl: false,
		zoomControl: true,
		mapTypeControl: false,
		scaleControl: false,
		streetViewControl: true,
		overviewMapControl: false
	};
	
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	var image = 'images/Where/MAP_icon-combined.png';
	
	var marker = new google.maps.Marker({
		map: map,
		position: myLatlng, 
		icon: image,
		title:"Brandwidth HQ"			
	});
}
var A_Logo=new Array(); // regular array (add an optional integer
var ran_number=Math.floor(Math.random()*5); 										  
$(document).ready(function() {
	$(window).load(function(){
		$(".WHATPortfolioarea").css("display","none");
		
		/*	logo and colours	*/
		// $("#randomimage").attr("src","images/logo/" + ran_number + ".png");
		
		// $("#Heroassetarea .infoarea .w_btn img").attr("src","images/HeroAssets/btn_see-our-work_" + ran_number + ".gif");
		
		// $("#WHEREbtn img").attr("src","images/Where/btn_send_" + ran_number + ".gif");
				
		
		// A_Logo[0]="#c92336";    
		// A_Logo[1]="#6b9239";
		// A_Logo[2]="#9c582a";
		// A_Logo[3]="#5bc0d6";
		// A_Logo[4]="#d66e02";
		
		// $("#wrapper a").attr("style","color:" + A_Logo[ran_number] + " !important");
		
		// $("#WHATimagearea .Wia_inner div.s_nav .s_nav_dot, .WHATPortfolioImagearea .WPIa_inner div.s_nav .s_nav_dot, #Joinusarea .Jua_inner div.s_nav .s_nav_dot").css("background-image","url('images/nav_" + ran_number + ".png')");
		// $("#Heroassetarea .Haa_inner div.s_nav .s_nav_dot").css("background-image","url('images/nav_hero_" + ran_number + ".png')");
		
		// $("#WHATimagearea .slider_box div.WORKthumb").css("background-image","url('images/What/bck_thumb_" + ran_number + ".jpg')");
		
		// $("#WHATimagearea .slider_box div.WORKtxtarea a").css("background-image","url('images/What/link_arrow_" + ran_number + ".gif')");
		
		// $("#Heroassetarea .slider_box .HFish .title").css("background-image","url('images/HeroAssets/Fish/title_" + ran_number + ".png')");
		
		// $("#Heroassetarea .slider_box .HAlbum_app .title").css("background-image","url('images/HeroAssets/Album_app/title_" + ran_number + ".png')");
		
		$(".nav_link li a").click(function(event){
			_ref_link = $(this).attr("class");										   
			event.preventDefault();
			if($.browser.webkit){
				$('body')
					.stop()
					.animate({
						//get top-position of target-element and set it as scroll target
						scrollTop: ($("a[name='" + _ref_link + "']").offset().top - 20)
						//scrolldelay: 2 seconds
						}, {
							duration:2000,
							complete: function() {
							// Animation complete.
						}
					});
			}
			else {
					$('html')
					.stop()
					.animate({
						//get top-position of target-element and set it as scroll target
						scrollTop: ($("a[name='" + _ref_link + "']").offset().top - 20)
						//scrolldelay: 2 seconds
						}, {
							duration:2000,
							complete: function() {
							// Animation complete.
						}
					});
			} 				 
		})
		
	});
	/*	********	*/
	
	/*	FORM GET IN TOUCH	*/
	$('#formaWHERE input[type="text"], #formaWHERE textarea').focus(function() {
		$(this).val("");
		$(this).css('border','1px solid #F5F5F5');
	});
	$('.formtxtfield, #formaWHERE textarea').each(function(index) {
		$(this).val($(this).next("input").val());
		$(this).blur(function(){
			if($(this).val() == ""){
				$(this).val($(this).next("input").val());
			}
		})
	});
	$("#WHEREbtn").click(function(){
	
		var valid = '';
		var email_valid = '';
		var name = $("#name").val();
		var email = $("#email").val();
		var text = $("#text").val(); 
		
		$('.formtxtfield, #formaWHERE textarea').each(function(index) {	
			if(($(this).val() == "") || ($(this).val() == $(this).next("input").val())){
				$(this).css('border','1px solid #CC0033');
				valid='not valid';
			}
		});
		if ((!email.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i))) {
			$("#email").css('border','1px solid #CC0033');
			valid = 'not valid';
			email_valid = 'not valid';
		} 
		
		if (valid!='') {
			var _response = "please, amend the highlighted fields.";
			$("#response").fadeIn("slow");
			if(email_valid!= ''){
				_response+= "<br>You must enter a valid E-mail adress."
			}
				$("#response").html(_response);
				$("#sendmail").attr("disabled","disabled");
				$("#sendmail").css("opacity","0.5");
				setTimeout("showSend()",4000);
		}
		else {			
			$("#response").css("display", "block");
			$("#response").html("Sending message .... ");
			$("#response").fadeIn("slow");
			send(name, email, text);
		}
		return false;
	});
});

function showSend(){
	jQuery(function($){
		$("#response").fadeOut("slow");
		$("#sendmail").removeAttr("disabled");
		$("#sendmail").css("opacity","1.0")
	});
}
function send(name, email, text){
	jQuery(function($){
		$.ajax({
			type: "POST",
			url: "jsonContact.asp",
			data: {name: name, email: email, comments: text},
			success: function(html){
				$("#response").fadeIn("slow");
				$("#response").html("Thank you for submitting your comments");
				$("#response").fadeOut(8000);
			}
		});
	});
}
