Untitled
unknown
plain_text
2 years ago
37 kB
7
Indexable
window.popularMysteryObj = [ { title: 'Shetland', link: '/us/show/Shetland_p05tb1sm', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=283110.jpg&imageType=tile", info: 'Show · 7 Seasons', description: 'Based on the best-selling books by award-winning writer Ann Cleeves, this fan-favorite crime drama follows Detective Jimmy Perez as he investigates crimes within the close-knit island community.', }, { title: 'McDonald & Dodds', link: '/us/show/McDonald_and_Dodds_59989', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=285073.png&imageType=tile", info: 'Show · 2 Seasons', description: 'When two mismatched cops are partnered up, they instantly lock horns over their different approaches to policing – and to life.', }, { title: 'Death in Paradise', link: '/us/show/Death_in_Paradise_b01pvmf6', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=211472.png&imageType=tile", info: 'Show · 12 Seasons', description: 'Welcome to the idyllic island of Saint Marie. With its beautiful tropical charm, you might mistake it for paradise...until you see its murder rate.', }, { title: 'Silent Witness', link: '/us/show/Silent_Witness_b007y6k8', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=230010.jpg&imageType=tile", info: 'Show · 25 Seasons', description: 'Every body tells a story. A crack team of forensic pathologists reveal the truth behind murders and accidental deaths.', }, { title: 'Shakespeare & Hathaway - Private Investigators', link: '/us/show/Shakespeare_and_Hathaway_Private_Investigators_b09trrn9', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=213232.jpg&imageType=tile", info: 'Show · 4 Seasons', description: 'The unlikely detective duo of Frank and Lu discover that not all is as peaceful as it seems in the picturesque Stratford-upon-Avon, where fact is stranger than fiction and low-life criminals get caught up in deliciously high drama.', }, { title: 'Murder in Provence', link: '/us/show/Murder_in_Provence_73779', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=321588.jpg&imageType=tile", info: 'Show · 1 Season', description: 'Roger Allam and Nancy Carroll star in this delectable mystery. Antoine Verlaque and his spontaneous romantic partner Marine Bonnet solve crimes among the sun-drenched hills of southern France.', }, { title: 'Father Brown', link: '/us/show/Father_Brown_b03pmw4m', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=284278.jpg&imageType=tile", info: 'Show · 9 Seasons', description: 'For this detective, the devil is in the details. Mark Williams stars as Father Brown, a clergyman with a particular talent for crime-solving.', }, { title: 'The Bay', link: '/us/show/The_Bay_p07kgkwc', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=341426.jpg&imageType=tile", info: 'Show · 3 Seasons', description: 'When Family Liaison Officer Lisa Armstrong is assigned to a missing persons investigations, it initially seems like any other - tragic, but all too familiar. This time, it is especially challenging for her not to get emotionally involved.', }, { title: 'Vera', link: '/us/show/Vera_p053fylw', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=201950.jpg&imageType=tile", info: 'Show · 10 Seasons', description: 'Brenda Blethyn stars in this massive hit mystery based on the novels from award-winning author Ann Cleeves. Obsessed with her work, DCI Vera Stanhope deftly investigates murders only she can solve.', }, { title: 'Sister Boniface Mysteries', link: '/us/show/Sister_Boniface_Mysteries_73774', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=319335.jpg&imageType=tile", info: 'Show · 1 Season', description: "First there was Father Brown. Now, say hello to Sister Boniface. This clever, moped-riding nun is the police's secret weapon for solving murders in this divine Father Brown spin-off.", }, { title: 'Traces', link: '/us/show/Traces_63419', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=302432.jpg&imageType=tile", info: 'Show · 2 Seasons', description: 'Breaking Bad’s Laura Fraser stars in this suspense-filled crime thriller driven by a personal tragedy and murder left unsolved - until now.', }, { title: "Agatha Christie's Poirot", link: '/us/show/Agatha_Christies_Poirot_p04m8lr8', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=224684.jpg&imageType=tile", info: 'Show · 13 Seasons', description: "The complete collection. David Suchet stars as Agatha Christie's beloved detective Hercule Poirot, who pits his wits against crime and injustice in this collection of murder mysteries.", }, { title: 'The Long Call', link: '/us/show/The_Long_Call_69699', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=309105.jpg&imageType=tile", info: 'Show · 1 Season', description: 'Based on Ann Cleeves’ bestselling novel, the intriguing and flawed DI Matthew Venn is led back into the community he left behind - and the deadly secrets that lurk there.', }, { title: "Agatha Christie's Marple", link: '/us/show/Agatha_Christies_Marple_p04mbtzt', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=243469.jpg&imageType=tile", info: 'Show · 6 Seasons', description: 'With an unassuming demeanor that belies a razor sharp mind, Agatha Christie’s beloved amateur sleuth Miss Marple gets to the bottom of challenging cases that even confound the police.', }, { title: 'New Tricks', link: '/us/show/New_Tricks_b006t0qx', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=255225.jpg&imageType=tile", info: 'Show · 12 Seasons', description: 'A crew of retired, old-school cops is recruited to re-investigate unsolved cases long gone cold.', }, { title: 'The Tower', link: '/us/show/The_Tower_70088', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=312948.jpg&imageType=tile", info: 'Show · 1 Season', description: 'Gemma Whelan (Game of Thrones) and Jimmy Akingbola (Kate & Koji) star in this eye-opening crime thriller that explores the terrifying realities of life on duty.', }, ]; window.newtoBritBox = [ { title: 'Suspect', link: '/us/show/Suspect_89154', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=345160.jpg&imageType=tile", info: 'EPISODE 1· Season 1', description: 'James Nesbitt stars in this enthralling psychological drama, where detective Danny Frater sets out to uncover the cause of his daughter’s death.', newRibbon: 'New', }, { title: 'The Thief, His Wife and the Canoe', link: '/us/show/The_Thief_His_Wife_and_the_Canoe_88330', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=340530.jpg&imageType=tile", info: 'EPISODE 1· Season 1', description: '.', newRibbon: 'New', }, { title: 'Murder in Suburbia', link: '/us/show/Murder_in_Suburbia_87807', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=337408.jpg&imageType=tile", info: 'EPISODE 1· Season 1', description: 'Two quick-witted detectives solve brutal crimes in a sleepy suburban town.', newRibbon: 'New', }, { title: 'Year of the Rabbit', link: '/us/show/Murder_in_Suburbia_87807', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=336970.jpg&imageType=tile", info: 'EPISODE 1· Season 1', description: 'Matt Berry leads an all-star cast as Detective Inspector Rabbit, a hardened booze-hound who fights crime in Victorian London.', newRibbon: 'New', }, { title: 'Redemption', link: '/us/show/Redemption_75460', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=334219.jpg&imageType=tile", info: 'EPISODE 1· Season 1', description: 'From the producers of The Bay and Grace, this compelling new crime drama starring Ray Donovan’s Paula Malcomson is a powerful story about family and second chances.', newRibbon: 'New', }, { title: "Why Didn't They Ask Evans?", link: '/us/show/Why_Didnt_They_Ask_Evans_68247#', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=325069.jpg&imageType=tile", info: 'EPISODE 1· Season 1', description: "Agatha Christie's wittiest mystery ever. Lucy Boynton and Will Poulter star in Hugh Laurie’s new adaptation, where two amateur sleuths set out to find the meaning behind a dead man’s mysterious final words.", newRibbon: 'New', }, { title: 'Murder in Provence', link: '/us/show/Murder_in_Provence_73779#', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=321588.jpg&imageType=tile", info: 'EPISODE 1· Season 1', description: 'Bienvenue en Provence! Among the sun-drenched hills of southern France, Antoine Verlaque and his spontaneous amoureuse, Marine Bonnet, solve crimes in the beautiful town of Aix.', newRibbon: 'New', }, { title: 'Hope Street', link: '/us/show/Hope_Street_72532#', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=330629.jpg&imageType=tile", info: 'EPISODE 1· Season 1', description: 'Amara Karan (Bancroft) stars in this uplifting original crime drama. A small town in Northern Ireland sees the mysterious arrival of English DC Leila Hussain, the first Muslim officer in the town’s history.', newRibbon: 'New', }, ]; window.britboxOriginal = [ { title: 'Murder in Provence', link: '/us/show/Murder_in_Provence_73779', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=321588.jpg&imageType=tile", info: 'Show · 1 Season ', description: 'Bienvenue en Provence! Among the sun-drenched hills of southern France, Antoine Verlaque and his spontaneous amoureuse, Marine Bonnet, solve crimes in the beautiful town of Aix.', }, { title: 'The Bay', link: '/us/show/The_Bay_p07kgkwc', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=302259.jpg&imageType=tile", info: 'Show · 3 Seasons ', description: ' When Family Liaison Officer Lisa Armstrong is assigned to a missing persons investigations, it initially seems like any other - tragic, but all too familiar. This time, it is especially challenging for her not to get emotionally involved. ', }, { title: 'Grace', link: '/us/show/Grace_65424', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=302291.jpg&imageType=tile", info: 'Show · 1 Season ', description: 'John Simm (Life on Mars) stars as tenacious yet troubled detective Roy Grace. As he walks a career tightrope, he is assigned to a missing person case. ', }, { title: 'Sister Boniface Mysteries', link: '/us/show/Sister_Boniface_Mysteries_73774', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=319335.jpg&imageType=tile", info: 'Show · 1 Season ', description: "First there was Father Brown. Now, say hello to Sister Boniface. This clever, moped-riding nun is the police's secret weapon for solving murders in this divine Father Brown spin-off.", }, { title: "Irvine Welsh's Crime", link: '/us/show/Irvine_Welshs_Crime_71638', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=312442.jpg&imageType=tile", info: 'Show · 1 Season ', description: ' From the creator of Trainspotting comes this highly anticipated detective drama. When a local girl goes missing, DI Ray Lennox investigates her disappearance while battling his own inner demons. ', }, { title: 'The Long Call', link: '/us/show/The_Long_Call_69699', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=309105.jpg&imageType=tile", info: 'Show · 1 Season ', description: ' Based on Ann Cleeves’ bestselling novel, the intriguing and flawed DI Matthew Venn is led back into the community he left behind - and the deadly secrets that lurk there.', }, { title: 'Reyka', link: '/us/show/Reyka_71591', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=311557.jpg&imageType=tile", info: 'Show · 1 Season ', description: 'Haunted by her past, flawed but brilliant criminal profiler Reyka Gama investigates brutal murders committed in the sugar cane fields of South Africa.', }, { title: 'The Tower', link: '/us/show/The_Tower_70088', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=312948.jpg&imageType=tile", info: 'Show · 1 Season ', description: ' Gemma Whelan (Game of Thrones) and Jimmy Akingbola (Kate & Koji) star in this eye-opening crime thriller that explores the terrifying realities of life on duty. ', }, { title: 'The Mallorca Files', link: '/us/show/The_Mallorca_Files_m000bqkm', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=80&Width=405&Height=227&ImageUrl=302709.jpg&imageType=tile", info: 'Show · 1 Season ', description: " From the award-winning writers of A Confession, Stephen Merchant portrays killer Stephen Port in this poignant true crime drama told from the perspective of the victims' families.", }, { title: 'A Confession', link: '/us/show/A_Confession_p0891f13', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=308647.png&imageType=tile", info: 'Show · 1 Season ', description: 'Martin Freeman stars in BAFTA-nominated true story of Detective Superintendent Stephen Fulcher, who heroically risks his good name to track down the culprit responsible for the disappearance of 22-year-old Sian O’Callaghan.', }, { title: 'Wild Bill', link: '/us/show/Wild_Bill_59289', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=302524.jpg&imageType=tile", info: 'Show · 1 Season ', description: 'Six-time Golden Globe nominee Rob Lowe stars as once high-flying US police chief who relocates to East Lincolnshire, England to shake up the local police force, as well as his own life.', }, { title: 'McDonald & Dodds', link: '/us/show/McDonald_and_Dodds_59989', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=285073.png&imageType=tile", info: 'Show · 1 Season ', description: ' When two mismatched cops are partnered up, they instantly lock horns over their different approaches to policing – and to life.', }, { title: 'The Pembrokeshire Murders', link: '/us/show/The_Pembrokeshire_Murders_63921', img: "https://static.bbus-static.com/shain/v1/dataservice/ResizeImage/$value?Format='jpg'&Quality=75&Width=391&Height=220&ImageUrl=302299.jpg&imageType=tile", info: 'Show · 1 Season ', description: 'The extraordinary true-to-life pursuit of the most notorious serial killer in Welsh history.', }, ]; (function () { /* main variables */ var debug = 0; var variation_name = ''; /* all Pure helper functions */ function waitForElement(selector, trigger, delayInterval, delayTimeout) { var interval = setInterval(function () { if (document && document.querySelector(selector) && document.querySelectorAll(selector).length > 0 && window.britboxOriginal && window.newtoBritBox && window.popularMysteryObj) { clearInterval(interval); trigger(); } }, delayInterval); setTimeout(function () { clearInterval(interval); }, delayTimeout); } function getNewToBritboxHTML() { var html = ''; for (var i = 0; i < window.newtoBritBox.length; i++) { html += '' + ' <div class="swiper-slide">' + ' <div class="box">' + ' <div data-title="' + window.newtoBritBox[i].title + '" data-title-tracking="" data-colnumber="' + (i + 1) + '" class="card"><div class="ribbon Blue-normal">New</div>' + ' <a href="' + window.newtoBritBox[i].link + '">' + ' <div class="image pulsate loaded">' + ' <img src="' + window.newtoBritBox[i].img + '" class="b-lazy b-loaded" />' + ' </div>' + ' </a>' + ' <div class="card-content">' + ' <div class="card-content-inside">' + ' <div class="description">' + ' <div class="top-animation">' + ' <a href="' + window.newtoBritBox[i].link + '">' + ' <div class="top">' + window.newtoBritBox[i].title + '</div>' + ' <div class="inner-content">' + ' <div class="season">' + ' <div class="description">' + window.newtoBritBox[i].description + '</div>' + ' <div class="more-info">' + window.newtoBritBox[i].info + '</div>' + ' </div>' + ' </div>' + ' </a>' + ' </div>' + ' <div class="actions bottom">' + ' <a href="' + window.newtoBritBox[i].link + '" class="play-now">' + ' <span class="play-animation">' + ' <img src="/content/img/action-svg/play_now.svg" /> ' + ' <img src="/content/img/action-svg/continue_watching.svg" style="display: none" /> ' + ' <img src="/content/img/action-svg/trailer.svg" style="display: none" />' + ' </span>' + ' <span>Play now </span></a>' + ' <a href="' + window.newtoBritBox[i].link + '" class="discover"><i class="icon-discover-more"></i> <span>Discover more</span></a>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>'; } return ( ' <div data-name-component="ProgrammeCarousel" class="swiper episodes new-episodes new-to-britbox">' + ' <div class="row">' + ' <div class="columns">' + ' <div class="top-wrapper">' + ' <h2 class="title">New to BritBox</h2>' + ' <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">' + ' <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span' + ' ><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span' + ' ><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' <div class="row">' + ' <div class="columns">' + ' <div class="swiper-horizontal">' + ' <div data-slides-per-view="4" data-slides-per-group="4" class="swiper-container swiper-container-initialized swiper-container-horizontal eg-my-swiper">' + ' <div class="swiper-wrapper init-via-slick">' + html + '</div>' + ' <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div>' + ' <div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div>' + ' <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' ); } function getPopularMisteryHTML() { var html = ''; for (var i = 0; i < window.popularMysteryObj.length; i++) { html += '' + ' <div class="swiper-slide">' + ' <div class="box">' + ' <div data-title="' + window.popularMysteryObj[i].title + '" data-title-tracking="" data-colnumber="' + (i + 1) + '" class="card">' + ' <a href="' + window.popularMysteryObj[i].link + '">' + ' <div class="image pulsate loaded">' + ' <img src="' + window.popularMysteryObj[i].img + '" class="b-lazy b-loaded" />' + ' </div>' + ' </a>' + ' <div class="card-content">' + ' <div class="card-content-inside">' + ' <div class="description">' + ' <div class="top-animation">' + ' <a href="' + window.popularMysteryObj[i].link + '">' + ' <div class="top">' + window.popularMysteryObj[i].title + '</div>' + ' <div class="inner-content">' + ' <div class="season">' + ' <div class="description">' + window.popularMysteryObj[i].description + '</div>' + ' <div class="more-info">' + window.popularMysteryObj[i].info + '</div>' + ' </div>' + ' </div>' + ' </a>' + ' </div>' + ' <div class="actions bottom">' + ' <a href="' + window.popularMysteryObj[i].link + '" class="play-now">' + ' <span class="play-animation">' + ' <img src="/content/img/action-svg/play_now.svg" /> ' + ' <img src="/content/img/action-svg/continue_watching.svg" style="display: none" /> ' + ' <img src="/content/img/action-svg/trailer.svg" style="display: none" />' + ' </span>' + ' <span>Play now </span></a>' + ' <a href="' + window.popularMysteryObj[i].link + '" class="discover"><i class="icon-discover-more"></i> <span>Discover more</span></a>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>'; } return ( ' <div data-name-component="ProgrammeCarousel" class="swiper episodes new-episodes popular-mystery">' + ' <div class="row">' + ' <div class="columns">' + ' <div class="top-wrapper">' + ' <h2 class="title">Popular Mystery</h2>' + ' <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">' + ' <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span' + ' ><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span' + ' ><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' <div class="row">' + ' <div class="columns">' + ' <div class="swiper-horizontal">' + ' <div data-slides-per-view="4" data-slides-per-group="4" class="swiper-container swiper-container-initialized swiper-container-horizontal eg-my-swiper">' + ' <div class="swiper-wrapper init-via-slick">' + html + '</div>' + ' <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div>' + ' <div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div>' + ' <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' ); } function getBritboxOriginalHTML() { var html = ''; for (var i = 0; i < window.britboxOriginal.length; i++) { html += '' + ' <div class="swiper-slide">' + ' <div class="box">' + ' <div data-title="' + window.britboxOriginal[i].title + '" data-title-tracking="" data-colnumber="' + (i + 1) + '" class="card">' + ' <a href="' + window.britboxOriginal[i].link + '">' + ' <div class="image pulsate loaded">' + ' <img src="' + window.britboxOriginal[i].img + '" class="b-lazy b-loaded" />' + ' </div>' + ' </a>' + ' <div class="card-content">' + ' <div class="card-content-inside">' + ' <div class="description">' + ' <div class="top-animation">' + ' <a href="' + window.britboxOriginal[i].link + '">' + ' <div class="top">' + window.britboxOriginal[i].title + '</div>' + ' <div class="inner-content">' + ' <div class="season">' + ' <div class="description">' + window.britboxOriginal[i].description + '</div>' + ' <div class="more-info">' + window.britboxOriginal[i].info + '</div>' + ' </div>' + ' </div>' + ' </a>' + ' </div>' + ' <div class="actions bottom">' + ' <a href="' + window.britboxOriginal[i].link + '" class="play-now">' + ' <span class="play-animation">' + ' <img src="/content/img/action-svg/play_now.svg" /> ' + ' <img src="/content/img/action-svg/continue_watching.svg" style="display: none" /> ' + ' <img src="/content/img/action-svg/trailer.svg" style="display: none" />' + ' </span>' + ' <span>Play now </span></a>' + ' <a href="' + window.britboxOriginal[i].link + '" class="discover"><i class="icon-discover-more"></i> <span>Discover more</span></a>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>'; } return ( ' <div data-name-component="ProgrammeCarousel" class="swiper episodes new-episodes">' + ' <div class="row">' + ' <div class="columns">' + ' <div class="top-wrapper">' + ' <h2 class="title">Britbox Original</h2>' + ' <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">' + ' <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span' + ' ><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span' + ' ><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' <div class="row">' + ' <div class="columns">' + ' <div class="swiper-horizontal">' + ' <div data-slides-per-view="4" data-slides-per-group="4" class="swiper-container swiper-container-initialized swiper-container-horizontal eg-my-swiper">' + ' <div class="swiper-wrapper init-via-slick">' + html + '</div>' + ' <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div>' + ' <div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div>' + ' <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + ' </div>' ); } function init() { document.querySelector('.main-content > .episodes.new-episodes:nth-child(5)').insertAdjacentHTML('beforebegin', getNewToBritboxHTML()); document.querySelector('.main-content > .episodes.new-episodes:nth-child(7)').insertAdjacentHTML('beforebegin', getBritboxOriginalHTML()); document.querySelector('.main-content .new-to-britbox').insertAdjacentHTML('beforebegin', getPopularMisteryHTML()); waitForElement( '[data-name-component="ProgrammeCarousel"] .swiper-container-initialized.swiper-container:not(.eg-my-swiper)', function () { document.querySelectorAll('[data-name-component="ProgrammeCarousel"] .swiper-container:not(.eg-my-swiper)').forEach(function (item) { let slider = item.swiper; slider.destroy(); }); waitForjQuery(function () { addScript(); waitForSlick(function () { var $ = window.jQuery; $('[data-name-component="ProgrammeCarousel"] .swiper-container:not(.eg-my-swiper) .swiper-wrapper').slick({ dots: false, infinite: true, speed: 300, slidesToShow: 4, slidesToScroll: 4, centerMode: false, responsive: [ { breakpoint: 767, settings: { slidesToShow: 1, slidesToScroll: 1, centerMode: true, }, }, ], }); $('[data-name-component="ProgrammeCarousel"] .swiper-container:not(.eg-my-swiper) .swiper-wrapper').on('beforeChange', function (event, slick, currentSlide, nextSlide) { setTimeout(function () { window.scroll(0, window.pageYOffset + 1); }, 200); }); }); }); }, 50, 10000 ); } function waitForSlick(trigger) { var interval = setInterval(function () { if (window.jQuery.fn.slick != undefined) { clearInterval(interval); trigger(); } }, 50); setTimeout(function () { clearInterval(interval); }, 15000); } function waitForjQuery(trigger) { var interval = setInterval(function () { if (window.jQuery != undefined) { clearInterval(interval); trigger(); } }, 50); setTimeout(function () { clearInterval(interval); }, 15000); } function addScript() { var cssScript = '' + "<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css'/>"; document.querySelector('head').insertAdjacentHTML('beforeend', cssScript); var swiperScript = document.createElement('script'); swiperScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js'; document.getElementsByTagName('head')[0].appendChild(swiperScript); } waitForElement('.main-content [data-name-component="HeroCarousel"] .swiper-container', init, 50, 10000); })();
Editor is loading...