var vsn = 0; var tw_videos = []; var tw_video = {}; for (var i = 0; i < treasureWallsData.length; i++) { var tw_video = {}; tw_video.cNo = 'watchthisone_' + i; tw_video.year = treasureWallsData[i].year; tw_video.title = treasureWallsData[i].title; tw_video.fr_title = treasureWallsData[i].fr_title; tw_video.de_title = treasureWallsData[i].de_title; tw_video.it_title = treasureWallsData[i].it_title; tw_video.url = treasureWallsData[i].new_url; tw_video.vid = twall_video_path + treasureWallsData[i].id + '_1.mp4'; tw_video.img = twall_gif_image_path + treasureWallsData[i].id + '_1.jpg'; tw_videos[i] = []; tw_videos[i].push(tw_video); } ; var myVideo = document.getElementById("video1"); myVideo.controls = false; var myElement2 = document.getElementById("myElement2"); function go2vid(obj) { window.location.href = obj.getAttribute("url"); } function playPause() { if (myVideo.paused) { myVideo.controls = false; myVideo.play(); } else { myVideo.pause(); } } var ts = document.getElementsByClassName('watchthistw'); for (var i = 0; i < ts.length; i++) { ts.item(i).addEventListener('click', function(event, th) { vsn = parseInt(this.getAttribute("rel")); var vid = tw_videos[vsn]; loadVideo(vid); vsn += 1; if (vsn > 19) vsn = 0; }); } function loadVideo(vid) { var myFile = vid[0].vid; var myImage = vid[0].img; var clipNo = vid[0].cNo; var source1 = document.getElementById('video_source1'); var source2 = document.getElementById('video_source2'); var clipTitle = document.getElementById('clipTitle'); var clipYear = document.getElementById('clipYear'); clipYear.innerHTML = vid[0].year; if (SITE_LAN == 'en') clipTitle.innerHTML = vid[0].title; else if (SITE_LAN == 'fr') clipTitle.innerHTML = vid[0].fr_title; else if (SITE_LAN == 'de') clipTitle.innerHTML = vid[0].de_title; else if (SITE_LAN == 'it') clipTitle.innerHTML = vid[0].it_title; else clipTitle.innerHTML = vid[0].title; myElement2.setAttribute("url", vid[0].url); //var firstIMG = document.getElementById(clipNo).getElementsByTagName('img')[0]; jQuery('.watchthistw').removeClass('act'); jQuery('.' + clipNo).addClass('act'); source2.setAttribute('src', myImage); myVideo.pause(); source1.setAttribute('src', myFile); try { myVideo.load(); myVideo.play(); } catch(e) { setTimeout(function(){ //myVideo.load(); myVideo.play(); }, 800) } } myVideo.addEventListener('ended', myHandler, false); function myHandler(e) { var vid = tw_videos[vsn]; try { loadVideo(vid); } catch (e) { //console.log(e); } vsn += 1; if (vsn > 19) vsn = 0; } window.onload = function(e) { vsn = 0; var vid = tw_videos[vsn]; loadVideo(vid); vsn += 1; if (vsn > 19) vsn = 0; } jQuery.ajax({ url: SITE_URL_LAN + "index/week_history?t=" + Math.floor(Date.now() / 1000), success: function(response) { jQuery('#historyTW').html(response); } }); jQuery(document).ready(function() { var owl = jQuery('.owl-carousel'); owl.owlCarousel({ margin: 10, nav: true, rewind: false, slideBy: 'page', loop: false, responsive: { 0: { items: 1 }, 600: { items: 3 }, 1000: { items: 7 } } }) })