$(document).ready(function(){
  
  $('span').hover(
  	 
	function() { 
    	var id = $(this).attr('id');
		
    	if ($(this).parent().parent().get(0).id == ("amenitiesnav-list1") || ("amenitiesnav-list2")) {
			if (id == "hd-1") {
				$("#hd-1").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a1');
			} else if (id == "hd-2")  {
				$("#hd-2").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a2');
			} else if (id == "hd-3")  {
				$("#hd-3").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a3');
			} else if (id == "hd-4")  {
				$("#hd-4").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a4');
			} else if (id == "hd-5")  {
				$("#hd-5").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a5');
			} else if (id == "hd-6")  {
				$("#hd-6").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a6');
			} else if (id == "hd-7")  {
				$("#hd-7").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a7');
			} else if (id == "hd-8")  {
				$("#hd-8").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a8');
			} else if (id == "hd-9")  {
				$("#hd-9").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a9');
			} else if (id == "hd-10")  {
				$("#hd-10").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a10');
			} else if (id == "hd-11")  {
				$("#hd-11").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a11');
			} else if (id == "hd-12")  {
				$("#hd-12").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a12');
			} else if (id == "hd-13")  {
				$("#hd-13").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a13');
			} else if (id == "hd-14")  {
				$("#hd-14").toggleClass('inline-hd');
				$("#amenitiesnav-hover").addClass('a14');
			} 
		} 
	},
	function () {
		var id = $(this).attr('id');
		
    	if ($(this).parent().parent().get(0).id == ("amenitiesnav-list1") || ("amenitiesnav-list2")) {
			if (id == "hd-1") {
				$("#hd-1").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a1');
			} else if (id == "hd-2")  {
				$("#hd-2").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a2');
			} else if (id == "hd-3")  {
				$("#hd-3").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a3');
			} else if (id == "hd-4")  {
				$("#hd-4").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a4');
			} else if (id == "hd-5")  {
				$("#hd-5").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a5');
			} else if (id == "hd-6")  {
				$("#hd-6").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a6');
			} else if (id == "hd-7")  {
				$("#hd-7").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a7');
			} else if (id == "hd-8")  {
				$("#hd-8").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a8');
			} else if (id == "hd-9")  {
				$("#hd-9").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a9');
			} else if (id == "hd-10")  {
				$("#hd-10").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a10');
			} else if (id == "hd-11")  {
				$("#hd-11").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a11');
			} else if (id == "hd-12")  {
				$("#hd-12").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a12');
			} else if (id == "hd-13")  {
				$("#hd-13").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a13');
			} else if (id == "hd-14")  {
				$("#hd-14").toggleClass('inline-hd');
				$("#amenitiesnav-hover").removeClass('a14');
			} 
		} 
	});
	
	$('span').click(
  	 
	function() { 
    	var id = $(this).attr('id');
    	
    	// alert($(this).parent().parent().get(0).id);
    	
		if ($(this).parent().parent().get(0).id == ("amenitiesnav-list1") || ("amenitiesnav-list2")) {
			
    		$("#amenitiesnav").removeClass();
    		$("#viewport-content").removeClass();
    		$("#amenitiesnav").addClass("amenitiesnav");
    		$("#viewport-content").addClass("viewport-content");
    		$("span").removeClass("inline-hd-on");
    		if (id == "hd-1") {
				$("#hd-1").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a1');
				$("#viewport-content").addClass('a1');
				$('#viewport-content').css( { "top": -1000 + "px" } );
			} else if (id == "hd-2")  {
				$("#hd-2").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a2');
				$("#viewport-content").addClass('a2');
				$('#viewport-content').css( { "top": -2000 + "px" } );
			} else if (id == "hd-3")  {
				$("#hd-3").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a3');
				$("#viewport-content").addClass('a3');
				$('#viewport-content').css( { "top": -3000 + "px" } );
			} else if (id == "hd-4")  {
				$("#hd-4").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a4');
				$("#viewport-content").addClass('a4');
				$('#viewport-content').css( { "top": -4000 + "px" } );
			} else if (id == "hd-5")  {
				$("#hd-5").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a5');
				$("#viewport-content").addClass('a5');
				$('#viewport-content').css( { "top": -5000 + "px" } );
			} else if (id == "hd-6")  {
				$("#hd-6").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a6');
				$("#viewport-content").addClass('a6');
				$('#viewport-content').css( { "top": -6000 + "px" } );
			} else if (id == "hd-7")  {
				$("#hd-7").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a7');
				$("#viewport-content").addClass('a7');
				$('#viewport-content').css( { "top": -7000 + "px" } );
			} else if (id == "hd-8")  {
				$("#hd-8").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a8');
				$("#viewport-content").addClass('a8');
				$('#viewport-content').css( { "top": -8000 + "px" } );
			} else if (id == "hd-9")  {
				$("#hd-9").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a9');
				$("#viewport-content").addClass('a9');
				$('#viewport-content').css( { "top": -9000 + "px" } );
			} else if (id == "hd-10")  {
				$("#hd-10").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a10');
				$("#viewport-content").addClass('a10');
				$('#viewport-content').css( { "top": -10000 + "px" } );
			} else if (id == "hd-11")  {
				$("#hd-11").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a11');
				$("#viewport-content").addClass('a11');
				$('#viewport-content').css( { "top": -11000 + "px" } );
			} else if (id == "hd-12")  {
				$("#hd-12").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a12');
				$("#viewport-content").addClass('a12');
				$('#viewport-content').css( { "top": -12000 + "px" } );
			} else if (id == "hd-13")  {
				$("#hd-13").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a13');
				$("#viewport-content").addClass('a13');
				$('#viewport-content').css( { "top": -13000 + "px" } );
			} else if (id == "hd-14")  {
				$("#hd-14").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a14');
				$("#viewport-content").addClass('a14');
				$('#viewport-content').css( { "top": -14000 + "px" } );
			}			
    		return false;
    	} 
	});

	$('.amenities-gallery-move').click (

	function() {
		$("#amenitiesnav").removeClass();
    	$("#viewport-content").removeClass();
    	$("#amenitiesnav").addClass("amenitiesnav");
    	$("#viewport-content").addClass("viewport-content");
    	$("span").removeClass("inline-hd-on");
		
    	var id = $(this).attr('id');
    	var currentPosition = $('#viewport-content').position();
		
		var currentItem = (currentPosition.top / -1000);

		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" } );
				$("#hd-" + (currentItem + 1)).addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a' + (currentItem + 1));
			}
		} else if (id == 'gallery-previous') { 
		
		if (currentPosition.top == 0) {
				$('#viewport-content').css( { "top": -14000 + "px" } );
				$("#hd-14").addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a14');
			} else {
				$('#viewport-content').css( { "top": (currentPosition.top + move) + "px" } );
				$("#hd-" + (currentItem - 1)).addClass('inline-hd-on');
				$("#amenitiesnav").addClass('a' + (currentItem - 1));
			}
		}
		return false;
	});		

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

 });