loadScript('https://dprwxtzpkcwpg.cloudfront.net/video/jwplayer/jwplayer.js', 'jwplayer'); setJSONPaser(); var globalVideoSource= ""; var videoNameFromScriptmazarronvideo = null; var showOverlayymazarronvideo = true; var onlyShowEmbedOverlaymazarronvideo = false; var videoDatamazarronvideo; var heightmazarronvideo = (640 / 16 * 9) + "px"; var heightmazarronvideoInt = (640 / 16 * 9); var widthmazarronvideoInt = 640; var widthmazarronvideo = 640 + "px"; var topmazarronvideo; var bottommazarronvideo; var leftmazarronvideo; var rightmazarronvideo; var stalledmazarronvideo = 0; var waitingmazarronvideo = 0; var mouseMoveFunctionsmazarronvideo = new Array(); var newWindowOptionsmazarronvideo = "status=0,directories=0,toolbar=0,menubar=0,resizable=0"; var overlayShownmazarronvideo = false; var isResponsivemazarronvideo = false; //Load stylesheets loadCSS('https://d1ez3020z2uu9b.cloudfront.net/video/Embed2013-01-11.css', 'ShVideoCss'); loadAnalytics(); getDatamazarronvideo(); function getDatamazarronvideo() { var browserLocation = ""; try { browserLocation = document.URL; } catch(browserUrlException) { } var idElement = document.getElementById('mazarronvideo'); try { responsiveData = document.getElementById('mazarronvideo').getAttribute('data-responsiveVideo'); if(typeof responsiveData != "undefined" && responsiveData != null && responsiveData.length > 0 && responsiveData.toLowerCase() == "true") { isResponsivemazarronvideo = true; } } catch(respVideoExp) { } if(typeof videoNameFromScriptmazarronvideo != "undefined" && videoNameFromScriptmazarronvideo != null) { loadScript('https://www.vakantiehuizenspanje.nl/services/VideoService.svc/getVideoData?urlString=' + encodeURI(videoNameFromScriptmazarronvideo) + '_fromscript&callback=loadPlayermazarronvideo&browserLocation=' + encodeURI(browserLocation), 'jsonmazarronvideo'); } else { var hrefString = idElement.href; var noFollow = false; try { if(document.getElementById('mazarronvideo').hasAttribute('rel') && document.getElementById('mazarronvideo').rel) { if(document.getElementById('mazarronvideo').rel.length > 0 && document.getElementById('mazarronvideo').rel.toLowerCase().indexOf('nofollow') != -1) { noFollow = true; } } } catch(relExp) { } if(noFollow) { throw "NoFollow in video link found"; } if (typeof hrefString == "undefined" || hrefString == null || hrefString.length == 0) { hrefString = document.getElementById('mazarronvideo').getAttribute('data-video'); } if (hrefString.indexOf('translate') != -1) { //This url has been modified by Google or Bing translate, get the data using the text instead var linkText = document.getElementById('mazarronvideo').href; var params = linkText.split('&'); for(i = 0; i < params.length; i++) { var ps = params[i].split('='); if(ps && ps.length == 2) { if(ps[0] == 'u') { linkText = ps[1]; } } } try { loadScript('https://www.vakantiehuizenspanje.nl/services/VideoService.svc/getVideoData?urlString=' + encodeURI(linkText) + '&callback=loadPlayermazarronvideo&browserLocation=' + encodeURI(browserLocation), 'jsonmazarronvideo'); } catch(serviceExpOne) { } } else { try { loadScript('https://www.vakantiehuizenspanje.nl/services/VideoService.svc/getVideoData?urlString=' + encodeURI(hrefString) + '&callback=loadPlayermazarronvideo&browserLocation=' + encodeURI(browserLocation), 'jsonmazarronvideo'); } catch(serviceExpTwo) { } } } } function getStylesmazarronvideo() { if(widthmazarronvideoInt > 600) { var toReturn = "#ShTwitterIconmazarronvideo, #ShStumbleIconmazarronvideo, #ShFacebookIconmazarronvideo, #ShEmbedIconmazarronvideo { width: 47px; height: 50px; display:block; margin-bottom: 3px; margin-right: 3px; background-repeat: no-repeat; float : left; } "; toReturn += "#ShEmbedIconmazarronvideo { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -16px -0px; } #ShEmbedIconmazarronvideo:hover { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -16px -276px; border-bottom: 0px; } "; toReturn += "#ShFacebookIconmazarronvideo { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -16px -69px; } #ShFacebookIconmazarronvideo:hover { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -16px -345px; border-bottom: 0px; } "; toReturn += "#ShStumbleIconmazarronvideo { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -16px -138px; } #ShStumbleIconmazarronvideo:hover { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -16px -414px; border-bottom: 0px; } "; toReturn += "#ShTwitterIconmazarronvideo { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -16px -207px; } #ShTwitterIconmazarronvideo:hover { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -16px -483px; border-bottom: 0px; } "; writeStylemazarronvideo(toReturn); } else { var toReturn = "#ShTwitterIconmazarronvideo, #ShStumbleIconmazarronvideo, #ShFacebookIconmazarronvideo, #ShEmbedIconmazarronvideo { width: 33px; height: 33px; display:block; margin-bottom: 3px; margin-right: 3px; background-repeat: no-repeat; float : left; } "; toReturn += "#ShEmbedIconmazarronvideo { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -4px -736px; } #ShEmbedIconmazarronvideo:hover { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -4px -918px; border-bottom: 0px; } "; toReturn += "#ShFacebookIconmazarronvideo { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -4px -782px; } #ShFacebookIconmazarronvideo:hover { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -4px -964px; border-bottom: 0px; } "; toReturn += "#ShStumbleIconmazarronvideo { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -4px -825px; } #ShStumbleIconmazarronvideo:hover { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -4px -1007px; border-bottom: 0px; } "; toReturn += "#ShTwitterIconmazarronvideo { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -4px -871px; } #ShTwitterIconmazarronvideo:hover { background-image: url(https://d1ez3020z2uu9b.cloudfront.net/pics-uk/VideoSprite_2013-01-11.png); background-position: -4px -1053px; border-bottom: 0px; } "; writeStylemazarronvideo(toReturn); } } var useSmallPostermazarronvideo = false; function setHeightAndWidthmazarronvideo() { var isHtml5 = false; try { var myVideo = document.createElement('video'); if (myVideo.canPlayType('video/mp4;codecs="avc1.4D401E, mp4a.40.2"')) { isHtml5 = true; } } catch(videoExp) { } var mobileDevices = /MSIE 9/i; if ( navigator.userAgent.search(mobileDevices) > 0) { isHtml5 = false; } if (isHtml5) { var mobileDevices = /ipod|ipad|iphone|android|SymbianOS|BlackBerry|IEMobile/i; var hasTouch = false; try { hasTouch = navigator.msMaxTouchPoints > 0; } catch(touchExp) { } if (navigator.userAgent.search(mobileDevices) > 0 || hasTouch) { if(videoDatamazarronvideo && videoDatamazarronvideo.SmallVideoIs480p == "false") { heightmazarronvideo = (640 / 720 * 400) + "px"; heightmazarronvideoInt = (640 / 720 * 400); widthmazarronvideoInt = 640; widthmazarronvideo = 640 + "px"; useSmallPostermazarronvideo = true; } else { heightmazarronvideo = ((640 / 16 * 9) - 1) + "px"; heightmazarronvideoInt = ((640 / 16 * 9) - 1); widthmazarronvideoInt = 640; widthmazarronvideo = 640 + "px"; } } else { heightmazarronvideo = (640 / 16 * 9) + "px"; heightmazarronvideoInt = (640 / 16 * 9); widthmazarronvideoInt = 640; widthmazarronvideo = 640 + "px"; } } else { heightmazarronvideo = (640 / 16 * 9) + "px"; heightmazarronvideoInt = (640 / 16 * 9); widthmazarronvideoInt = 640; widthmazarronvideo = 640 + "px"; } } function loadPlayermazarronvideo(serviceResponse) { videoDatamazarronvideo = serviceResponse; setHeightAndWidthmazarronvideo(); getStylesmazarronvideo(); var isHtml5 = false; try { var myVideo = document.createElement('video'); if (myVideo.canPlayType('video/mp4;codecs="avc1.4D401E, mp4a.40.2"')) { isHtml5 = true; } } catch(videoExp) { } var mobileDevices = /MSIE 9/i; if ( navigator.userAgent.search(mobileDevices) > 0) { isHtml5 = false; } if (isHtml5) { loadHtml5Playermazarronvideo(); } else { waitForJWplayermazarronvideo(); } } function waitForJWplayermazarronvideo() { try { if (typeof jwplayer == "function") { setTimeout('loadJWPlayermazarronvideo()', 1000); } else { window.setTimeout("waitForJWplayermazarronvideo()", 1000); } } catch(notLoadedException) { window.setTimeout("waitForJWplayermazarronvideo()", 1000); } } function loadJWPlayermazarronvideo() { //Replace href with a div var newOuterDiv = getOuterDivmazarronvideo(); var hrefElement = document.getElementById('mazarronvideo'); if(hrefElement.tagName.toLowerCase() == "a") { var newdiv = document.createElement('div'); var divIdName = 'mazarronvideo'; newdiv.setAttribute('id',divIdName); newOuterDiv.appendChild(newdiv); insertVideoOnPage(hrefElement, newOuterDiv); } else if(hrefElement.tagName.toLowerCase() == "div") { var newdiv = document.createElement('div'); var divIdName = 'mazarronvideo'; newdiv.setAttribute('id',divIdName); newOuterDiv.appendChild(newdiv); insertVideoOnPage_new(hrefElement, newOuterDiv); } jwplayer("mazarronvideo").setup({flashplayer: "https://dprwxtzpkcwpg.cloudfront.net/video/jwplayer/player.swf", file: videoDatamazarronvideo.VideoUrlLarge, image: videoDatamazarronvideo.PosterUrl, height: heightmazarronvideo, width: 640, events: {onPlay: trackPlayFlashmazarronvideo, onComplete: trackEndFlashmazarronvideo, onPause: trackPauseFlashmazarronvideo, onAbort: trackAbortFlashmazarronvideo, onReady: loadOverlaymazarronvideo(false)} }); if(isResponsivemazarronvideo) { var playerElement = document.getElementById("mazarronvideo"); playerElement.className = 'embed-responsive-item'; playerElement.setAttribute('className', 'embed-responsive-item'); playerElement.setAttribute('class', 'embed-responsive-item'); var parentDiv = playerElement.parentNode; parentDiv.style.position = ''; } } function setStyleClassOnLink(link) { if (link.className.search("shLink") == -1) link.className += " shLink"; } function getOuterDivmazarronvideo() { var newOuterDiv = document.createElement('div'); newOuterDiv.setAttribute('id', 'mazarronvideoOuterDiv'); newOuterDiv.style.textAlign = 'left'; if(isResponsivemazarronvideo) { newOuterDiv.className = 'embed-responsive embed-responsive-16by9'; newOuterDiv.setAttribute('className', 'embed-responsive embed-responsive-16by9'); newOuterDiv.setAttribute('class', 'embed-responsive embed-responsive-16by9'); } else { newOuterDiv.style.width = widthmazarronvideo; newOuterDiv.style.height = heightmazarronvideo; newOuterDiv.style.zIndex = '100'; newOuterDiv.style.position = 'relative'; newOuterDiv.style.top = '0px'; newOuterDiv.style.left = '0px'; } var trackImg = document.createElement('img'); trackImg.setAttribute('id', 'mazarronvideoLoadTracker'); trackImg.style.width = '0px'; trackImg.style.height = '0px'; newOuterDiv.appendChild(trackImg); return newOuterDiv; } function insertVideoOnPage(link, video) { link.parentNode.insertBefore(video, link); link.parentNode.removeChild(link);//Move the copyright text within the div to get the right alignment video.appendChild(link); setStyleClassOnLink(link); } function insertVideoOnPage_new(link, video) { link.parentNode.replaceChild(video, link); } function loadHtml5Playermazarronvideo() { var mobileDevices = /ipod|ipad|iphone|android|SymbianOS|BlackBerry|IEMobile/i; var newOuterDiv = getOuterDivmazarronvideo(); var videoElement = document.createElement('video'); videoElement.setAttribute('controls', 'controls'); if(useSmallPostermazarronvideo) { try { videoElement.setAttribute('poster', '' + videoDatamazarronvideo.PosterUrl.replace('.jpg', '_small.jpg')); } catch(smallPosterExp) { } } else { videoElement.setAttribute('poster', '' + videoDatamazarronvideo.PosterUrl); } videoElement.setAttribute('id', 'mazarronvideo'); videoElement.setAttribute('preload', 'metadata'); videoElement.setAttribute('oncontextmenu', 'return false;'); if(isResponsivemazarronvideo) { videoElement.className = 'embed-responsive-item'; videoElement.setAttribute('className', 'embed-responsive-item'); videoElement.setAttribute('class', 'embed-responsive-item'); } else { videoElement.setAttribute('width', widthmazarronvideo); videoElement.setAttribute('height', heightmazarronvideo); videoElement.style.position = 'relative'; } var hasTouch = false; try { hasTouch = navigator.msMaxTouchPoints > 0; } catch(touchExp) { } if (navigator.userAgent.search(mobileDevices) > 0 || hasTouch) { var sourceElement = document.createElement('source'); sourceElement.setAttribute('src', '' + videoDatamazarronvideo.VideoUrlSmall); sourceElement.setAttribute('id', 'videosource'); videoElement.appendChild(sourceElement); globalVideoSource = '' + videoDatamazarronvideo.VideoUrlSmall; } else { var sourceElementLarge = document.createElement('source'); sourceElementLarge.setAttribute('src', '' + videoDatamazarronvideo.VideoUrlLarge); sourceElementLarge.setAttribute('id', 'videosource'); videoElement.appendChild(sourceElementLarge); globalVideoSource = '' + videoDatamazarronvideo.VideoUrlLarge; } var gvsSplit = globalVideoSource.split("/"); globalVideoSource = gvsSplit[gvsSplit.length - 1]; videoElement.setAttribute("playerstate", "Idle"); videoElement.setAttribute("fullscreen", "Fullscreen off"); var spanElement = document.createElement('span'); spanElement.innerHTML = '
Sorry, but your browser does not support flash or html5.'; videoElement.appendChild(spanElement); var aElement = document.createElement('a'); aElement.innerHTML = 'Click here to download the video'; aElement.setAttribute('href', '' + videoDatamazarronvideo.VideoUrl); videoElement.appendChild(aElement); newOuterDiv.appendChild(videoElement); var oldElement = document.getElementById('mazarronvideo'); insertVideoOnPage(oldElement, newOuterDiv); //Bind events loadOverlaymazarronvideo(true); } function togglePlay(player) { if (player.paused || player.ended) player.play(); else player.pause(); } function loadOverlaymazarronvideo(isHtml5) { if(showOverlayymazarronvideo) { var newdivOverlay = document.createElement('div'); newdivOverlay.setAttribute("style", "float: left;"); var divIdName = 'overlaymazarronvideo'; newdivOverlay.setAttribute('id',divIdName); var playerToOverlay = document.getElementById('mazarronvideo'); document.getElementById('mazarronvideoOuterDiv').appendChild(newdivOverlay); newdivOverlay.style.zIndex = '1'; //Set overlay position newdivOverlay.style.position = 'absolute'; newdivOverlay.style.height = '110px'; var overflowDiv = document.createElement('div'); overflowDiv.style.overflow = 'hidden'; overflowDiv.style.height = '0px'; overflowDiv.style.display = 'none'; overflowDiv.setAttribute('id','overflowDivmazarronvideo'); newdivOverlay.appendChild(overflowDiv); if(!onlyShowEmbedOverlaymazarronvideo) { var newAEmbedElement = document.createElement('a'); newAEmbedElement.className = 'ShEmbedIcon'; newAEmbedElement.setAttribute('className', 'ShEmbedIcon'); newAEmbedElement.setAttribute('class', 'ShEmbedIcon'); var newAFacebookElement = document.createElement('a'); newAFacebookElement.className = 'ShFacebookIcon'; var newAStumbleElement = document.createElement('a'); newAStumbleElement.className = 'ShStumbleIcon'; var newATwitterElement = document.createElement('a'); newATwitterElement.className = 'ShTwitterIcon'; overflowDiv.appendChild(newAEmbedElement); overflowDiv.appendChild(newAFacebookElement); overflowDiv.appendChild(newAStumbleElement); overflowDiv.appendChild(newATwitterElement); //Get the overlay design setSocialLinksmazarronvideo(); } else { var newAEmbedElement = document.createElement('a'); newAEmbedElement.className = 'ShEmbedIcon'; newAEmbedElement.setAttribute('className', 'ShEmbedIcon'); newAEmbedElement.setAttribute('class', 'ShEmbedIcon'); overflowDiv.appendChild(newAEmbedElement); //Get the overlay design setSocialLinksmazarronvideo(); } if (isHtml5) { //Load play button var aElement = document.createElement('a'); aElement.setAttribute('id', 'playmazarronvideo'); aElement.setAttribute('className','playButton'); aElement.setAttribute('class','playButton'); aElement.style.position = 'absolute'; document.getElementById('mazarronvideo').parentNode.appendChild(aElement); playerToOverlay.setAttribute('onplay', 'setPlayerStatePlay(this); trackPlaymazarronvideo(this)'); playerToOverlay.setAttribute('onpause', 'setPlayerStatePause(this); trackPausemazarronvideo(this)'); playerToOverlay.setAttribute('onended', 'setPlayerStateFinish(this); trackEndmazarronvideo(this)'); playerToOverlay.setAttribute('onabort', 'setPlayerStateAbort(this); trackAbortmazarronvideo(this)'); playerToOverlay.setAttribute('onfullscreen', 'setPlayerFullScreen(this)'); if (/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())) playerToOverlay.addEventListener('ended',function(){setPlayerStateFinish(this); trackEndmazarronvideo(this);},false); document.getElementById('playmazarronvideo').onclick = PlayStartmazarronvideo; } windowResizedmazarronvideo(); setTimeout('onPlayerMouseOverNewmazarronvideo()', 1000); var appleMobileDevices = /ipod|ipad|iphone/i; if (navigator.userAgent.search(appleMobileDevices) > 0) { playerToOverlay.removeAttribute("controls"); } } } function windowResizedmazarronvideo() { var overlayElement = document.getElementById('overlaymazarronvideo'); var playerToOverlay = document.getElementById('mazarronvideo'); var playerElement = document.getElementById('mazarronvideo'); var position = getPos(playerElement); if(isResponsivemazarronvideo) { overlayElement.style.top = '0px'; overlayElement.style.marginTop = '20px'; overlayElement.style.marginRight = '20px'; } else { overlayElement.style.top = (position.top + 10) + 'px'; } if(widthmazarronvideoInt > 600) { if(!onlyShowEmbedOverlaymazarronvideo) { overlayElement.style.width = '100px'; if(isResponsivemazarronvideo) { overlayElement.style.right = '0px'; } else { overlayElement.style.left = (position.left + 640 - 107) + 'px'; } } else { overlayElement.style.width = '50px'; if(isResponsivemazarronvideo) { overlayElement.style.right = '0px'; } else { overlayElement.style.left = (position.left + 640 - 57) + 'px'; } } } else { if(!onlyShowEmbedOverlaymazarronvideo) { overlayElement.style.width = '80px'; if(isResponsivemazarronvideo) { overlayElement.style.right = '0px'; } else { overlayElement.style.left = (position.left + 640 - 80) + 'px'; } } else { overlayElement.style.width = '40px'; if(isResponsivemazarronvideo) { overlayElement.style.right = '0px'; } else { overlayElement.style.left = (position.left + 640 - 40) + 'px'; } } } var dialogDiv = document.getElementById('dialogDivmazarronvideo'); if(isResponsivemazarronvideo) { } else { dialogDiv.style.top = (position.top + 100) + 'px'; dialogDiv.style.left = (position.left + 50) + 'px'; } var play = document.getElementById('playmazarronvideo'); if (play != null) { //Set playButton position var playTopmazarronvideo = topmazarronvideo - 84 + (640 / 16 * 9 / 2); var playLeftmazarronvideo = leftmazarronvideo - 84 + (640 / 2); var topPosPlay = ((heightmazarronvideoInt / 2) - 84) + position.top; var leftPosPlay = (widthmazarronvideoInt / 2) - 84 + position.left; if(isResponsivemazarronvideo) { play.style.margin = 'auto'; play.style.left = '0'; play.style.right = '0'; play.style.top = '0'; play.style.bottom = '0'; } else { play.style.top = topPosPlay + 'px'; play.style.left = leftPosPlay + 'px'; } } } function getPos (obj) { var output = new Object(); var mytop=0, myleft=0; while(obj) { if(obj.style.position.toLowerCase() != 'relative') { mytop+= obj.offsetTop; myleft+= obj.offsetLeft; obj= obj.offsetParent; } else { mytop+= obj.offsetTop; myleft+= obj.offsetLeft; obj= obj.offsetParent; obj = null; } } output.left = myleft; output.top = mytop; return output; } function PlayStartmazarronvideo() { var player = document.getElementById('mazarronvideo'); player.play(); } function togglePlayButtonFlashmazarronvideo(player) { onPlayerMouseOutNewmazarronvideo(); } function togglePauseButtonFlashmazarronvideo(player) { onPlayerMouseOverNewmazarronvideo(); } function togglePlayButtonmazarronvideo(player) { var play = document.getElementById('playmazarronvideo'); var appleMobileDevices = /ipod|ipad|iphone/i; if (player.paused || player.ended) { play.style.display = 'block'; onPlayerMouseOverNewmazarronvideo(); if (navigator.userAgent.search(appleMobileDevices) > 0) { player.removeAttribute("controls"); } } else { play.style.display = 'none'; onPlayerMouseOutNewmazarronvideo(); if (navigator.userAgent.search(appleMobileDevices) > 0) { player.setAttribute("controls","true"); } } } function onPlayerMouseOverNewmazarronvideo() { try { var overlay = document.getElementById('overlaymazarronvideo'); var video = document.getElementById('mazarronvideo'); var dialogDiv = document.getElementById('dialogDivmazarronvideo'); var playButton = document.getElementById('playmazarronvideo'); if(dialogDiv.style.display != 'block') { if(!overlayShownmazarronvideo) { windowResizedmazarronvideo(); var options = {}; opacityCounterShowmazarronvideo = 0; overlayShownmazarronvideo = true; showOverLaymazarronvideo(); } } } catch(ignore) { } } function onPlayerMouseOvermazarronvideo(e) { try { var overlay = document.getElementById('overlaymazarronvideo'); var video = document.getElementById('mazarronvideo'); var dialogDiv = document.getElementById('dialogDivmazarronvideo'); var playButton = document.getElementById('playmazarronvideo'); if(dialogDiv.style.display != 'block') { if (!e) { var e = window.event; } var tg = (window.event) ? e.srcElement : e.target; if (tg == overlay || tg == video) { var reltg = (e.relatedTarget) ? e.relatedTarget : e.fromElement; do { if(reltg == overlay || reltg == video || reltg == dialogDiv || reltg == playButton) { //Den kommer inde fra et element over videon så ignorer return; } } while (reltg = reltg.parentNode); if(!overlayShownmazarronvideo) { windowResizedmazarronvideo(); var options = {}; opacityCounterShowmazarronvideo = 0; overlayShownmazarronvideo = true; showOverLaymazarronvideo(); } } } } catch(ignore) { } } function onPlayerMouseOutNewmazarronvideo() { try { var overlay = document.getElementById('overlaymazarronvideo'); var video = document.getElementById('mazarronvideo'); var dialogDiv = document.getElementById('dialogDivmazarronvideo'); var playButton = document.getElementById('playmazarronvideo'); if(dialogDiv.style.display != 'block') { if (overlayShownmazarronvideo) { overlayShownmazarronvideo = false; opacityCounterHidemazarronvideo = 100; hideOverLaymazarronvideo(); } } } catch(ignore) { } } function onPlayerMouseOutmazarronvideo(e) { try { var overlay = document.getElementById('overlaymazarronvideo'); var video = document.getElementById('mazarronvideo'); var dialogDiv = document.getElementById('dialogDivmazarronvideo'); var playButton = document.getElementById('playmazarronvideo'); if(dialogDiv.style.display != 'block') { if (!e) { var e = window.event; } var tg = (window.event) ? e.srcElement : e.target; if (tg == overlay || tg == video) { var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement; do { if(reltg == overlay || reltg == video || reltg == dialogDiv || reltg == playButton) { //Den kommer inde fra et element over videon så ignorer return; } } while (reltg = reltg.parentNode); if (overlayShownmazarronvideo) { overlayShownmazarronvideo = false; opacityCounterHidemazarronvideo = 100; hideOverLaymazarronvideo(); } } } } catch(ignore) { } } var opacityCounterHidemazarronvideo = 100; function hideOverLaymazarronvideo() { var overlay = document.getElementById('overflowDivmazarronvideo'); opacityCounterHidemazarronvideo = opacityCounterHidemazarronvideo - 5; if(opacityCounterHidemazarronvideo >= 0 && overlayShownmazarronvideo == false) { overlay.style.height = opacityCounterHidemazarronvideo + '%'; setTimeout('hideOverLaymazarronvideo()', 20); if(opacityCounterHidemazarronvideo == 0) { overlay.style.display = 'none'; } } else { overlay.style.display = 'none'; } } var opacityCounterShowmazarronvideo = 0; function showOverLaymazarronvideo() { var overlay = document.getElementById('overflowDivmazarronvideo'); opacityCounterShowmazarronvideo = opacityCounterShowmazarronvideo + 5; if(opacityCounterShowmazarronvideo < 101 && overlayShownmazarronvideo == true) { overlay.style.display = 'block'; overlay.style.height = opacityCounterShowmazarronvideo + '%'; setTimeout('showOverLaymazarronvideo()', 20); } } function setSocialLinksmazarronvideo(data) { var overlay = document.getElementById('overlaymazarronvideo'); var tags = overlay.getElementsByTagName('a'); for(i = 0; i < tags.length; i++) { if(tags[i].className.indexOf('ShEmbedIcon') > -1) { createEmbedDivmazarronvideo(); tags[i].setAttribute('id', 'ShEmbedIconmazarronvideo'); tags[i].onclick= openEmbedDialogmazarronvideo; tags[i].href= '#'; } if(tags[i].className.indexOf('ShFacebookIcon') > -1) { tags[i].setAttribute('id', 'ShFacebookIconmazarronvideo'); tags[i].onclick= facebookLinkClickedmazarronvideo; tags[i].href= '#'; } if(tags[i].className.indexOf('ShStumbleIcon') > -1) { tags[i].setAttribute('id', 'ShStumbleIconmazarronvideo'); tags[i].onclick = stumbleLinkClickedmazarronvideo; tags[i].href= '#'; } if(tags[i].className.indexOf('ShTwitterIcon') > -1) { tags[i].setAttribute('id', 'ShTwitterIconmazarronvideo'); tags[i].onclick = twitterLinkClickedmazarronvideo; tags[i].href= '#'; } } } function facebookLinkClickedmazarronvideo() { window.open(videoDatamazarronvideo.FacebookShareUrl, 'facebook', newWindowOptionsmazarronvideo); return false; } function stumbleLinkClickedmazarronvideo() { window.open(videoDatamazarronvideo.StumbleUrl, 'stumble', newWindowOptionsmazarronvideo); return false; } function twitterLinkClickedmazarronvideo() { window.open(videoDatamazarronvideo.TwitterUrl, 'twitter', newWindowOptionsmazarronvideo); return false; } function createEmbedDivmazarronvideo() { var playerToOverlay = document.getElementById('mazarronvideo'); var position = getPos(playerToOverlay); var dialogDiv = document.createElement('div'); dialogDiv.style.clear = 'both'; dialogDiv.style.display = 'none'; dialogDiv.setAttribute('class', 'dialogDiv'); dialogDiv.setAttribute('className', 'dialogDiv'); dialogDiv.style.zIndex = '1'; dialogDiv.setAttribute('id', 'dialogDivmazarronvideo'); if(isResponsivemazarronvideo) { dialogDiv.style.position = 'relative'; dialogDiv.style.marginRight = 'auto'; dialogDiv.style.marginLeft = 'auto'; } else { dialogDiv.style.position = 'absolute'; dialogDiv.style.top = (position.top + 100) + 'px'; dialogDiv.style.left = (position.left + 50) + 'px'; } var titleDiv = document.createElement('div'); titleDiv.setAttribute('class', 'dialogTitleDiv'); titleDiv.setAttribute('className', 'dialogTitleDiv'); dialogDiv.appendChild(titleDiv); var titleSpan = document.createElement('span'); titleSpan.innerHTML = 'Embed this video'; titleSpan.setAttribute('class', 'dialogTitleSpan'); titleSpan.setAttribute('className', 'dialogTitleSpan'); titleDiv.appendChild(titleSpan); var closeLink = document.createElement('a'); closeLink.setAttribute('class', 'closeLink'); closeLink.setAttribute('className', 'closeLink'); closeLink.setAttribute('href', '#'); closeLink.onclick = closeEmbedDialogmazarronvideo; var closeSpan = document.createElement('span'); closeSpan.setAttribute('class', 'closeSpan'); closeSpan.setAttribute('className', 'closeSpan'); closeLink.appendChild(closeSpan); titleDiv.appendChild(closeLink); var dialogTextarea = document.createElement('textarea'); dialogTextarea.setAttribute('id', 'embedCodemazarronvideo'); dialogTextarea.onclick = dialogTextAreaClickmazarronvideo; dialogTextarea.setAttribute('readonly', 'readonly'); dialogTextarea.setAttribute('class', 'dialogTextarea'); dialogTextarea.setAttribute('className', 'dialogTextarea'); var dialogTextareaText = ""; if(videoDatamazarronvideo.OverrideCurrentEmbedHost != null && videoDatamazarronvideo.OverrideCurrentEmbedHost.length > 0) { dialogTextareaText = ""; } dialogTextarea.value = dialogTextareaText; dialogDiv.appendChild(dialogTextarea); var divClearOne = document.createElement('div'); divClearOne.setAttribute('class', 'divClearOne'); divClearOne.setAttribute('className', 'divClearOne'); dialogDiv.appendChild(divClearOne); var dialogWidthInput = document.createElement('select'); dialogWidthInput.setAttribute('id', 'textWidthmazarronvideo'); dialogWidthInput.onchange = updateShareScriptmazarronvideo; dialogWidthInput.style.fontSize = '10px'; var option320 = document.createElement('option'); option320.setAttribute('value', '320'); option320.innerHTML = '320'; dialogWidthInput.appendChild(option320); var option352 = document.createElement('option'); option352.setAttribute('value', '352'); option352.innerHTML = '352'; dialogWidthInput.appendChild(option352); var option400 = document.createElement('option'); option400.setAttribute('value', '400'); option400.innerHTML = '400'; dialogWidthInput.appendChild(option400); var option432 = document.createElement('option'); option432.setAttribute('value', '432'); option432.innerHTML = '432'; dialogWidthInput.appendChild(option432); var option480 = document.createElement('option'); option480.setAttribute('value', '480'); option480.innerHTML = '480'; dialogWidthInput.appendChild(option480); var option560 = document.createElement('option'); option560.setAttribute('value', '560'); option560.innerHTML = '560'; dialogWidthInput.appendChild(option560); var option640 = document.createElement('option'); option640.setAttribute('value', '640'); option640.innerHTML = '640'; option640.selected = true; dialogWidthInput.appendChild(option640); var option720 = document.createElement('option'); option720.setAttribute('value', '720'); option720.innerHTML = '720'; dialogWidthInput.appendChild(option720); var option800 = document.createElement('option'); option800.setAttribute('value', '800'); option800.innerHTML = '800'; dialogWidthInput.appendChild(option800); var option960 = document.createElement('option'); option960.setAttribute('value', '960'); option960.innerHTML = '960'; dialogWidthInput.appendChild(option960); var option1024 = document.createElement('option'); option1024.setAttribute('value', '1024'); option1024.innerHTML = '1024'; dialogWidthInput.appendChild(option1024); var option1280 = document.createElement('option'); option1280.setAttribute('value', '1280'); option1280.innerHTML = '1280'; dialogWidthInput.appendChild(option1280); var dialogWidthSelectSpan = document.createElement('span'); dialogWidthSelectSpan.style.fontSize = '10px'; dialogWidthSelectSpan.innerHTML = 'Select width '; dialogDiv.appendChild(dialogWidthSelectSpan); dialogDiv.appendChild(dialogWidthInput); var dialogWidthPxSpan = document.createElement('span'); dialogWidthPxSpan.style.fontSize = '10px'; dialogWidthPxSpan.innerHTML = 'px'; dialogDiv.appendChild(dialogWidthPxSpan); var divClearTwo = document.createElement('div'); divClearTwo.setAttribute('class', 'divClearOne'); divClearTwo.setAttribute('className', 'divClearOne'); dialogDiv.appendChild(divClearTwo); var spanDescriptionOne = document.createElement('span'); var descTextOne = 'Feel free to embed this video.'; descTextOne = descTextOne.replace('<', '<'); descTextOne = descTextOne.replace('>', '>'); descTextOne = descTextOne.replace('
', '\n'); descTextOne = descTextOne.replace('
', '\n'); descTextOne = descTextOne.replace('
', '\n'); spanDescriptionOne.innerHTML = '
' + descTextOne; spanDescriptionOne.setAttribute('class', 'spanDescription'); spanDescriptionOne.setAttribute('className', 'spanDescription'); dialogDiv.appendChild(spanDescriptionOne); var spanDescriptionTwo = document.createElement('span'); var descTextTwo = 'Please credit'; descTextTwo = descTextTwo.replace('<', '<'); descTextTwo = descTextTwo.replace('>', '>'); descTextTwo = descTextTwo.replace('
', '\n'); descTextTwo = descTextTwo.replace('
', '\n'); descTextTwo = descTextTwo.replace('
', '\n'); spanDescriptionTwo.innerHTML = '
' + descTextTwo; spanDescriptionTwo.setAttribute('class', 'spanDescription'); spanDescriptionTwo.setAttribute('className', 'spanDescription'); dialogDiv.appendChild(spanDescriptionTwo); var spanDescriptionFour = document.createElement('span'); var descTextFour = videoDatamazarronvideo.CreditUrl; descTextFour = descTextFour.replace('<', '<'); descTextFour = descTextFour.replace('>', '>'); descTextFour = descTextFour.replace('
', '\n'); descTextFour = descTextFour.replace('
', '\n'); descTextFour = descTextFour.replace('
', '\n'); spanDescriptionFour.innerHTML = '
' + descTextFour; spanDescriptionFour.setAttribute('class', 'spanDescription'); spanDescriptionFour.setAttribute('className', 'spanDescription'); dialogDiv.appendChild(spanDescriptionFour); var spanDescriptionThree = document.createElement('span'); var descTextThree = '© All rights Spain-holiday.com'; descTextThree = descTextThree.replace('<', '<'); descTextThree = descTextThree.replace('>', '>'); descTextThree = descTextThree.replace('
', '\n'); descTextThree = descTextThree.replace('
', '\n'); descTextThree = descTextThree.replace('
', '\n'); spanDescriptionThree.innerHTML = '
' + descTextThree; spanDescriptionThree.setAttribute('class', 'spanDescription'); spanDescriptionThree.setAttribute('className', 'spanDescription'); dialogDiv.appendChild(spanDescriptionThree); var videoDivElement = document.getElementById('mazarronvideoOuterDiv'); videoDivElement.appendChild(dialogDiv); } function closeEmbedDialogmazarronvideo() { document.getElementById('dialogDivmazarronvideo').style.display = 'none'; return false; } function openEmbedDialogmazarronvideo() { document.getElementById('dialogDivmazarronvideo').style.display = 'block'; return false; } function dialogTextAreaClickmazarronvideo() { this.select(); } function updateShareScriptmazarronvideo() { var regexpress = /w=\d+/gmi; var embedText = document.getElementById('embedCodemazarronvideo'); var m = regexpress.exec(embedText.value); if(document.getElementById('textWidthmazarronvideo').value != '') { embedText.value = embedText.value.replace(m, 'w=' + document.getElementById('textWidthmazarronvideo').value); } } function loadScript(scriptScr, id) { if (document.getElementById(id) == null) { var oHead = document.getElementsByTagName('HEAD').item(0); var oScript = document.createElement("script"); oScript.type = "text/javascript"; oScript.id = id; //oScript.defer = "true"; oScript.src = scriptScr; oHead.appendChild(oScript); } } function writeStylemazarronvideo(styles) { var head = document.getElementsByTagName('head')[0]; style = document.createElement('style'); rules = document.createTextNode(styles); style.type = 'text/css'; if(style.styleSheet) { style.styleSheet.cssText = rules.nodeValue; } else { style.appendChild(rules); } head.appendChild(style); } function loadCSS(cssScr, id) { if (document.getElementById(id) == null) { var oHead = document.getElementsByTagName('HEAD').item(0); var newCss = document.createElement("link"); newCss.setAttribute('type', 'text/css'); newCss.setAttribute('rel', 'stylesheet'); newCss.setAttribute('href', cssScr); newCss.setAttribute('id', id); oHead.appendChild(newCss); } } function loadAnalytics() { if (typeof _gaq == "undefined") { //Set global variable _gaq _gaq = []; var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); } _gaq.push(['sha._setAccount', 'UA-768102-16']); } var hasTrackedPlayedmazarronvideo = false; function trackPlaymazarronvideo(player, flash) { if(!hasTrackedPlayedmazarronvideo) { var dataToSend = videoDatamazarronvideo.TrackVideoName; var browserLocation = ""; try { browserLocation = document.URL; } catch(browserUrlException) { } try { var date = new Date(); var ticks = date.getTime(); var urlToUse = 'https://www.vakantiehuizenspanje.nl/video/PlayTracker.aspx?urlString=' + encodeURI(dataToSend); urlToUse += '&browserLocation=' + encodeURI(browserLocation); urlToUse += '&ticks=' + ticks; document.getElementById('mazarronvideoLoadTracker').src = urlToUse; } catch(trackExp) { console.log('trackExp: ' + trackExp); } hasTrackedPlayedmazarronvideo = true; } if (flash) togglePlayButtonFlashmazarronvideo(player); else togglePlayButtonmazarronvideo(player); } function trackPausemazarronvideo(player, flash) { if (flash) togglePlayButtonFlashmazarronvideo(player); else togglePlayButtonmazarronvideo(player); } function trackEndmazarronvideo(player, flash) { if (flash) togglePlayButtonFlashmazarronvideo(player); else togglePlayButtonmazarronvideo(player); } function trackAbortmazarronvideo(player, flash) { if (flash) togglePlayButtonFlashmazarronvideo(player); else togglePlayButtonmazarronvideo(player); } function trackPlayFlashmazarronvideo(player) { setPlayerStatePlay(player); trackPlaymazarronvideo(player, true) } function trackPauseFlashmazarronvideo(player) { setPlayerStatePause(player); trackPausemazarronvideo(player, true) } function trackEndFlashmazarronvideo(player) { setPlayerStateFinish(player); trackEndmazarronvideo(player, true) } function trackAbortFlashmazarronvideo(player) { setPlayerStateAbort(player); trackAbortmazarronvideo(player, true) } function setPlayerStatePlay(player) { var playerState = player.attributes["playerstate"]; if (playerState.value == "Pause") setPlayerState(player, "Resume"); else setPlayerState(player, "Play"); } function setPlayerStatePause(player) { if (!player.ended) setPlayerState(player, "Pause"); } function setPlayerStateFinish(player) { setPlayerState(player, "Finish"); } function setPlayerStateAbort(player) { setPlayerState(player, "Abort"); } function setPlayerState(player, state) { player.setAttribute("playerstate", state); var gtmDLData = { 'event': 'GAevent', 'eventCategory': 'Videos', 'eventAction': state, 'eventLabel': globalVideoSource }; trackVideoEvent(gtmDLData); } function setPlayerFullScreen(state) { var player = document.getElementById("mazarronvideo"); player.setAttribute("fullscreen", state); var gtmDLData = { 'event': 'GAevent', 'eventCategory': 'Videos', 'eventAction': state, 'eventLabel': globalVideoSource }; trackVideoEvent(gtmDLData); } function enableVideoFullscreenTracking() { if (document.addEventListener) { document.addEventListener("fullscreenchange", FullScreenHandler); document.addEventListener("webkitfullscreenchange", FullScreenHandler); document.addEventListener("mozfullscreenchange", FullScreenHandler); document.addEventListener("MSFullscreenChange", FullScreenHandler); } else { document.attachEvent("onfullscreenchange", FullScreenHandler); /*document.attachEvent("webkitfullscreenchange", FullScreenHandler); document.attachEvent("mozfullscreenchange", FullScreenHandler); document.attachEvent("MSFullscreenChange", FullScreenHandler);*/ } } function FullScreenHandler(){ var fullScreenElem = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement; if (fullScreenElem) if(fullScreenElem.id == "shVideo") setPlayerFullScreen("Fullscreen on"); else setPlayerFullScreen("Fullscreen off"); else setPlayerFullScreen("Fullscreen off"); } function trackVideoEvent(gtmDLData) { if (typeof dataLayer != 'undefined') dataLayer.push(gtmDLData); } function setJSONPaser() { window.jsonParse=function(){var r="(?:-?\\b(?:0|[1-9][0-9]*)(?:\\.[0-9]+)?(?:[eE][+-]?[0-9]+)?\\b)",k='(?:[^\\0-\\x08\\x0a-\\x1f"\\\\]|\\\\(?:["/\\\\bfnrt]|u[0-9A-Fa-f]{4}))';k='(?:"'+k+'*")';var s=new RegExp("(?:false|true|null|[\\{\\}\\[\\]]|"+r+"|"+k+")","g"),t=new RegExp("\\\\(?:([^u])|u(.{4}))","g"),u={'"':'"',"/":"/","\\":"\\",b:"\u0008",f:"\u000c",n:"\n",r:"\r",t:"\t"};function v(h,j,e){return j?u[j]:String.fromCharCode(parseInt(e,16))}var w=new String(""),x=Object.hasOwnProperty;return function(h, j){h=h.match(s);var e,c=h[0],l=false;if("{"===c)e={};else if("["===c)e=[];else{e=[];l=true}for(var b,d=[e],m=1-l,y=h.length;m=0;)delete f[i[g]]}return j.call(n, o, f) }; e = p({ "": e }, "") } return e } } (); } function domReadymazarronvideo() { enableVideoFullscreenTracking(); } if (document.addEventListener) { document.addEventListener( "DOMContentLoaded", function() { document.removeEventListener("DOMContentLoaded", arguments.callee, false); domReadymazarronvideo(); }, false ); } else if (document.attachEvent) { document.attachEvent("onreadystatechange", function(){ if (document.readyState === "complete") { document.detachEvent("onreadystatechange", arguments.callee); domReadymazarronvideo(); } }); }