// --------------------------------------------------------------------------
//
//   Clickable Hotspots
//
// --------------------------------------------------------------------------

var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;

function audio_hotspot_open() {
    krpano = document.getElementById("krpanoSWFObject"), krpano.call("audio_hotspot_open();")
}

function audio_hotspot_close() {
    krpano = document.getElementById("krpanoSWFObject"), krpano.call("audio_hotspot_close();")
}


// --------------------------------------------------------------------------
//   Open Modal
// --------------------------------------------------------------------------

function openModal(data) {

	$('#js-modal-content').load(data, function (response, status, xhr) {

		if ( status == "error" )
		return alert("Looks like there is a problem with that link, please try another");


		$('#js-modal').fadeIn(400, function() {

		$('#pano').hide(0);

		} )

		$('#js-modal').trigger('open').addClass('js-modal-active');

		// Get YT player when ready

		player = new YT.Player('youtube-player', {
			events: {
				'onReady': onPlayerReady
			}
		});

	});
audio_hotspot_open();
}
function openModal2(data) {

	$('#js-modal-content2').load(data, function (response, status, xhr) {

		if ( status == "error" )
			return alert('Looks like there is a problem with that link, please try another');


		$('#js-modal2').fadeIn(400, function() {

			//$('#pano').hide(0);

		} )

		$('#js-modal2').trigger('open').addClass('js-modal-active2');

		// Get YT player when ready

		player = new YT.Player('youtube-player', {
			events: {
				'onReady': onPlayerReady
			}
		});

	});
}
function openModal3(data) {

	$('#js-modal-content3').load(data, function (response, status, xhr) {

		if ( status == "error" )
			return alert('Looks like there is a problem with that link, please try another');


		$('#js-modal3').fadeIn(400, function() {

			//$('#pano').hide(0);

		} )

		$('#js-modal3').trigger('open').addClass('js-modal-active3');

		// Get YT player when ready

		player = new YT.Player('youtube-player', {
			events: {
				'onReady': onPlayerReady
			}
		});

	});
}

// --------------------------------------------------------------------------
//   Close Modal
// --------------------------------------------------------------------------

function closeModal() {
    $("#pano").show(0), $("#js-modal").fadeOut(400).removeClass("js-modal-active"), $("#js-modal").trigger("close"), krpano = document.getElementById("krpanoSWFObject"), krpano.call("audio_hotspot_close();"), $("#youtube-player").length && ($("#youtube-player").remove(), audio_hotspot_close()), $("audio").length && ($("audio")[0].pause(), audio_hotspot_close());
		ga('set', 'page', '/');
		ga('send', 'pageview');
		ga('pixel.set', 'page', '/');
		ga('pixel.send', 'pageview');
}

function closeModal2() {
    $("#pano").show(0),$("#js-modal2").fadeOut(400).removeClass("js-modal-active2"), $("#js-modal2").trigger("close"), $("#youtube-player").length && ($("#youtube-player").remove()), $("audio").length && ($("audio")[0].pause());
    resetModalClose();
}

function closeModal3() {
    $("#pano").show(0),$("#js-modal3").fadeOut(400).removeClass("js-modal-active3"), $("#js-modal3").trigger("close"), $("#youtube-player").length && ($("#youtube-player").remove()), $("audio").length && ($("audio")[0].pause());
    resetModalClose();
}

function resetModalClose() {
  setTimeout(function(){
    $('.modal-close').removeAttr("style");
  }, 400);
}

$('.js-modal-close').click(function () {
	closeModal();
})
$('.js-modal-close2').click(function () {
	closeModal2();
})

$('.js-modal-close3').click(function () {
	closeModal3();
})

$(document).keyup(function(e) {
	if (e.keyCode == 27) {
		closeModal();
		closeModal2();
		closeModal3();
	}
})


// --------------------------------------------------------------------------
//   Auto Play Youtube
// --------------------------------------------------------------------------

var onPlayerReady = function(event) {
	event.target.playVideo();
}

var stopVideo = function ( element ) {
	var iframe = element.querySelector( 'iframe');
	var video = element.querySelector( 'video' );
	if ( iframe ) {
		var iframeSrc = iframe.src;
		iframe.src = iframeSrc;
	}
	if ( video ) {
		video.pause();
	}
};