$(document).ready(function(){
  
  $('area').hover(
  	 
	function() { 
    	var id = $(this).attr('id');
    	
    	if ($(this).parent().get(0).id == "amenitiesnav-map") {
			$("#amenitiesnav-hover").addClass(id);
			if (id == "a1") {
				$("#hd-1").toggleClass('inline-hd');
			} else if (id == "a2")  {
				$("#hd-2").toggleClass('inline-hd');
			} else if (id == "a3")  {
				$("#hd-3").toggleClass('inline-hd');
			} else if (id == "a4")  {
				$("#hd-4").toggleClass('inline-hd');
			} else if (id == "a5")  {
				$("#hd-5").toggleClass('inline-hd');
			} else if (id == "a6")  {
				$("#hd-6").toggleClass('inline-hd');
			} else if (id == "a7")  {
				$("#hd-7").toggleClass('inline-hd');
			} else if (id == "a8")  {
				$("#hd-8").toggleClass('inline-hd');
			} else if (id == "a9")  {
				$("#hd-9").toggleClass('inline-hd');
			} else if (id == "a10")  {
				$("#hd-10").toggleClass('inline-hd');
			} else if (id == "a11")  {
				$("#hd-11").toggleClass('inline-hd');
			} else if (id == "a12")  {
				$("#hd-12").toggleClass('inline-hd');
			} else if (id == "a13")  {
				$("#hd-13").toggleClass('inline-hd');
			} else if (id == "a14")  {
				$("#hd-14").toggleClass('inline-hd');
			} 
		} else if ($(this).parent().get(0).id == "greennav-map") {
			
			$("#greennav-hover").addClass(id);
			
			if ((id == "g1") || (id =="g2") || (id == "g3") || (id == "g4")) {
				$("#hd-1").toggleClass('inline-hd');
			} else if ((id == "g5") || (id == "g6")) {
				$("#hd-5").toggleClass('inline-hd');
			} else if ((id == "g7") || (id == "g8")) {
				$("#hd-7").toggleClass('inline-hd');
			} else if (id == "g9") {
				$("#hd-9").toggleClass('inline-hd');
			} else if (id == "g10")  {
				$("#hd-10").toggleClass('inline-hd');
			} else if (id == "g12")  {
				$("#hd-12").toggleClass('inline-hd');
			} 
				
		} else if ($(this).parent().get(0).id == "plannav-east-map") {
			$("#plannav-east-hover").addClass(id);
		} else if ($(this).parent().get(0).id == "plannav-west-map") {
			$("#plannav-west-hover").addClass(id);
		} else if ($(this).parent().get(0).id == "plannav-penthouses-west-map") {
			$("#plannav-penthouses-west-hover").addClass(id);
		} else if ($(this).parent().get(0).id == ("plannav-penthouses-east-map40") ||  ("plannav-penthouses-east-map41")) {
			$("#plannav-penthouses-east-hover").addClass(id);
		}
    	
	},
	function () {
		var id = $(this).attr('id');
		
    	if ($(this).parent().get(0).id == "amenitiesnav-map") {
			$("#amenitiesnav-hover").removeClass(id);
			if (id == "a1") {
				$("#hd-1").toggleClass('inline-hd');
			} else if (id == "a2")  {
				$("#hd-2").toggleClass('inline-hd');
			} else if (id == "a3")  {
				$("#hd-3").toggleClass('inline-hd');
			} else if (id == "a4")  {
				$("#hd-4").toggleClass('inline-hd');
			} else if (id == "a5")  {
				$("#hd-5").toggleClass('inline-hd');
			} else if (id == "a6")  {
				$("#hd-6").toggleClass('inline-hd');
			} else if (id == "a7")  {
				$("#hd-7").toggleClass('inline-hd');
			} else if (id == "a8")  {
				$("#hd-8").toggleClass('inline-hd');
			} else if (id == "a9")  {
				$("#hd-9").toggleClass('inline-hd');
			} else if (id == "a10")  {
				$("#hd-10").toggleClass('inline-hd');
			} else if (id == "a11")  {
				$("#hd-11").toggleClass('inline-hd');
			} else if (id == "a12")  {
				$("#hd-12").toggleClass('inline-hd');
			} else if (id == "a13")  {
				$("#hd-13").toggleClass('inline-hd');
			} else if (id == "a14")  {
				$("#hd-14").toggleClass('inline-hd');
			} 
		} else if ($(this).parent().get(0).id == "greennav-map") {
			$("#greennav-hover").removeClass(id);
			if ((id == "g1") || (id =="g2") || (id == "g3") || (id == "g4")) {
				$("#hd-1").toggleClass('inline-hd');
			} else if ((id == "g5") || (id == "g6")) {
				$("#hd-5").toggleClass('inline-hd');
			} else if ((id == "g7") || (id == "g8")) {
				$("#hd-7").toggleClass('inline-hd');
			} else if (id == "g9") {
				$("#hd-9").toggleClass('inline-hd');
			} else if (id == "g10")  {
				$("#hd-10").toggleClass('inline-hd');
			} else if (id == "g12")  {
				$("#hd-12").toggleClass('inline-hd');
			} 
		} else if ($(this).parent().get(0).id == "plannav-east-map") {
			$("#plannav-east-hover").removeClass(id);
		} else if ($(this).parent().get(0).id == "plannav-west-map") {
			$("#plannav-west-hover").removeClass(id);
		} else if ($(this).parent().get(0).id == "plannav-penthouses-west-map") {
			$("#plannav-penthouses-west-hover").removeClass(id);
		} else if ($(this).parent().get(0).id == ("plannav-penthouses-east-map40") ||  ("plannav-penthouses-east-map41")) {
			$("#plannav-penthouses-east-hover").removeClass(id);
		}
	});
	
	$('area').click(
  	 
	function() { 
    	var id = $(this).attr('id');
    	
    	//alert($(this).parent().get(0).id);
    	
		if ($(this).parent().get(0).id == "amenitiesnav-map") {
			
    		$("#amenitiesnav").removeClass();
    		$("#viewport-content").removeClass();
    		$("#amenitiesnav").addClass("amenitiesnav");
    		$("#viewport-content").addClass("viewport-content");
    		$("#amenitiesnav").addClass(id);
    		$("#viewport-content").addClass(id);
    		$("span").removeClass("inline-hd-on");
    		if (id == "a1") {
				$("#hd-1").addClass('inline-hd-on');
			} else if (id == "a2")  {
				$("#hd-2").addClass('inline-hd-on');
			} else if (id == "a3")  {
				$("#hd-3").addClass('inline-hd-on');
			} else if (id == "a4")  {
				$("#hd-4").addClass('inline-hd-on');
			} else if (id == "a5")  {
				$("#hd-5").addClass('inline-hd-on');
			} else if (id == "a6")  {
				$("#hd-6").addClass('inline-hd-on');
			} else if (id == "a7")  {
				$("#hd-7").addClass('inline-hd-on');
			} else if (id == "a8")  {
				$("#hd-8").addClass('inline-hd-on');
			} else if (id == "a9")  {
				$("#hd-9").addClass('inline-hd-on');
			} else if (id == "a10")  {
				$("#hd-10").addClass('inline-hd-on');
			} else if (id == "a11")  {
				$("#hd-11").addClass('inline-hd-on');
			} else if (id == "a12")  {
				$("#hd-12").addClass('inline-hd-on');
			} else if (id == "a13")  {
				$("#hd-13").addClass('inline-hd-on');
			} else if (id == "a14")  {
				$("#hd-14").addClass('inline-hd-on');
			} 
    		return false;
    	} else if ($(this).parent().get(0).id == "greennav-map") {
			$("#greennav").removeClass();
    		$("#viewport-content").removeClass();
    		$("#greennav").addClass("greennav");
    		$("#viewport-content").addClass("viewport-content");
    		$("#greennav").addClass(id);
    		$("#viewport-content").addClass(id);
    		$("span").removeClass("inline-hd-on");
    		if ((id == "g1") || (id =="g2") || (id == "g3") || (id == "g4")) {
				$("#hd-1").addClass('inline-hd-on');
			} else if ((id == "g5") || (id == "g6")) {
				$("#hd-5").addClass('inline-hd-on');
			} else if ((id == "g7") || (id == "g8")) {
				$("#hd-7").addClass('inline-hd-on');
			} else if (id == "g9") {
				$("#hd-9").addClass('inline-hd-on');
			} else if (id == "g10")  {
				$("#hd-10").addClass('inline-hd-on');
			} else if (id == "g12")  {
				$("#hd-12").addClass('inline-hd-on');
			} 
    		return false;
    	} else if ($(this).parent().get(0).id == "plannav-east-map") {
			$("#plannav-east").removeClass();
    		$("#plannav-west").removeClass();
    		$("#viewport-content").removeClass();
    		$("#plannav-east").addClass("plannav-east");
    		$("#plannav-west").addClass("plannav-west");
    		$("#viewport-content").addClass("viewport-content");
    		$("#plannav-east").addClass(id);
    		$("#viewport-content").addClass(id);
    		return false;
    	} else if ($(this).parent().get(0).id == "plannav-west-map") {
			$("#plannav-east").removeClass();
    		$("#plannav-west").removeClass();
    		$("#viewport-content").removeClass();
    		$("#plannav-east").addClass("plannav-east");
    		$("#plannav-west").addClass("plannav-west");
    		$("#viewport-content").addClass("viewport-content");
    		$("#plannav-west").addClass(id);
    		$("#viewport-content").addClass(id);
    		return false;
    	} else if ($(this).parent().get(0).id == "plannav-penthouses-west-map") {
			$("#plannav-penthouses-east").removeClass();
    		$("#plannav-penthouses-west").removeClass();
    		$("#viewport-content").removeClass();
    		$("#plannav-penthouses-east").addClass("plannav-penthouses-east");
    		$("#plannav-penthouses-west").addClass("plannav-penthouses-west");
    		$("#viewport-content").addClass("viewport-content");
    		$("#plannav-penthouses-west").addClass(id);
    		$("#viewport-content").addClass(id);
    		return false;
    	}  else if ($(this).parent().get(0).id == ("plannav-penthouses-east-map40") ||  ("plannav-penthouses-east-map41")) {
			$("#plannav-penthouses-east").removeClass();
    		$("#plannav-penthouses-west").removeClass();
    		$("#viewport-content").removeClass();
    		$("#plannav-penthouses-east").addClass("plannav-penthouses-east");
    		$("#plannav-penthouses-west").addClass("plannav-penthouses-west");
    		$("#viewport-content").addClass("viewport-content");
    		$("#plannav-penthouses-east").addClass(id);
    		$("#viewport-content").addClass(id);
    		return false;
    	} 
	});
	
	$('.toggle-map').click (
	
	function() { 

		if ($('#plannav-penthouses-east-map').attr('useMap') == '#plannav-penthouses-east-map40') {
		
			$('#plannav-penthouses-east-map').removeAttr('useMap');
			$('#plannav-penthouses-east-map').attr('useMap','#plannav-penthouses-east-map41');
			$('#toggle-map-41').addClass('on');
			$('#toggle-map-40').removeClass('on');
		
		} else if ($('#plannav-penthouses-east-map').attr('useMap') == '#plannav-penthouses-east-map41') {
	
			$('#plannav-penthouses-east-map').removeAttr('useMap');
			$('#plannav-penthouses-east-map').attr('useMap','#plannav-penthouses-east-map40');
			$('#toggle-map-40').addClass('on');
			$('#toggle-map-41').removeClass('on');
		}
    	return false;
	});
	
	$('.gallery-move').click (
	
	function() {
    	var id = $(this).attr('id');
    	var currentPosition = $('#viewport-content').position();
		
		var move = 1000;
		if (id == 'gallery-next') { 
		
			if (currentPosition.top <= -14000) {
				$('#viewport-content').css( { "top": 0 + "px" } );
			} else {
				$('#viewport-content').css( { "top": (currentPosition.top - move) + "px" } );
			}
			
		} else if (id == 'gallery-previous') { 
		
		if (currentPosition.top == 0) {
				$('#viewport-content').css( { "top": -14000 + "px" } );
			} else {
				$('#viewport-content').css( { "top": (currentPosition.top + move) + "px" } );
			}
			
		} 
    	return false;
	});		

	$(".colorbox").colorbox();

 });