// JavaScript Document
  	var selLoc = "newYork";
  
  	var loc = new Array (
  		{x:0,y:0},			// New York  THIS IS THE ORIGIN (0,0)
  		{x:24,y:-7},		// London
  		{x:-10,y:4},		// Austin
  		{x:-4,y:6},			// Miami
  		{x:67,y:0},			// Beijing
  		{x:61,y:15},		// Singapore
  		//{x:70,y:3},		// Seoul
  		{x:31,y:-11},		// Copenhagen
  		{x:-2,y:-2},		// Toronto
  		{x:57,y:8},			// Dhaka
  		{x:9,y:24},			// Sao Paulo
  		{x:-18,y:0},		// San Francisco
  		{x:78,y:28},		// Sydney
  		{x:73,y:3}			// Tokyo
  	);
  
  	google.load("jquery", "1");
  	google.setOnLoadCallback(function() {
  
  		$(".dot").wrapInner("<em></em>");
  		$(".dot").show();
  
  		// Hide contact info
  		$("#contact_info div").hide();
  		$("#contact_info .sel").show();
  
  		$("#nav a").hover(function() {
  			$(this).animate({
  				backgroundColor: "#deff3c",
  				color: "#000"
  			}, 100);
  		},
  		function() {
  			if (!$(this).hasClass("sel")) {
  				$(this).animate({
  					backgroundColor: "#fff",
  					color: "#999"
  				}, 300);
  			}
  		});
  
  		$("#contact_nav a").hover(function() {
  			$(this).animate({
  				backgroundColor: "#deff3c",
  				color: "#000"
  			}, 100);
  		},
  		function() {
  			if (!$(this).hasClass("sel")) {
  				$(this).animate({
  					backgroundColor: "#fff",
  					color: "#999"
  				}, 300);
  			}
  		});
  
  		// onClick
  		$("#contact_nav li a").click(function(){
  			selLoc = $(this).attr("id");
  			$("#contact_nav li a").removeClass("sel").css({
  				backgroundColor: "#fff",
  				color: "#999"
  			});
  			$("#contact_info div").removeClass("sel").hide();
  			$(".dot").removeClass("sel");
  			$(this).addClass("sel").css({
  				backgroundColor: "#deff3c",
  				color: "#000"
  			});;
  			$("#contact_info div").each(function(i){
  				if ($(this).hasClass(selLoc)) $(this).show();
  			});
  			$(".dot").each(function(i) {
  				if ($(this).hasClass(selLoc)) {
  					if (selLoc == "seoul") $(this).addClass("left");
  					$(this).addClass("sel")
  						.fadeTo(400,0.33,function(){
  							$(this).fadeTo(400,1,function(){
  								$(this).fadeTo(400,0.33,function(){
  									$(this).fadeTo(400,1)
  								})
  							})
  						});
  				}
  			});
  			return false;
  		});
  
  		$(".dot").click(function(){
  			if ($(this).hasClass("newYork")) $("#contact_nav li a#newYork").trigger('click');
  			if ($(this).hasClass("london")) $("#contact_nav li a#london").trigger('click');
  			if ($(this).hasClass("austin")) $("#contact_nav li a#austin").trigger('click');
  			if ($(this).hasClass("miami")) $("#contact_nav li a#miami").trigger('click');
  			if ($(this).hasClass("beijing")) $("#contact_nav li a#beijing").trigger('click');
  			if ($(this).hasClass("singapore")) $("#contact_nav li a#singapore").trigger('click');
  			if ($(this).hasClass("seoul")) $("#contact_nav li a#seoul").trigger('click');
  			if ($(this).hasClass("copenhagen")) $("#contact_nav li a#copenhagen").trigger('click');
  			if ($(this).hasClass("toronto")) $("#contact_nav li a#toronto").trigger('click');
  			if ($(this).hasClass("dhaka")) $("#contact_nav li a#dhaka").trigger('click');
  			if ($(this).hasClass("saoPaulo")) $("#contact_nav li a#saoPaulo").trigger('click');
  			if ($(this).hasClass("sanFrancisco")) $("#contact_nav li a#sanFrancisco").trigger('click');
  			if ($(this).hasClass("sydney")) $("#contact_nav li a#sydney").trigger('click');
  			if ($(this).hasClass("tokyo")) $("#contact_nav li a#tokyo").trigger('click');
  		});
  
  		// Place map locations
  		var offset = 6.75;
  		var defaultX = 241;
  		var defaultY = 204;
  		$(".dot").css({top:defaultY+"px",left:defaultX+"px"}).addClass("green");
  		$(".dot").each(function(i) {
  			$(this).animate({
  				left: defaultX+(offset*loc[i].x)+"px",
  				top: defaultY+(offset*loc[i].y)+"px"
  			}, 300+(i*50));
  		});
  	});