(function(){

var awards =[{"id":"047df6065e2e6c69ea98dffb2508b99c","publication":"Hi-Fi News, Editor's Choice Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/2db1b5556e1d263ac96be0a50c85ff4d\/images\/Editors Choice.jpg","date":"2026-02-04","quote":"The substantial cross-sectional area, and minimal reactive impedance of QED\u2019s larger conductors has made its cables the choice for long runs in our listening room(s) for over 20 years... Wrestle this cable into place, and it\u2019ll reward with flagship performance.","link":"","file":"https:\/\/secure.armourhome.co.uk\/awards\/products\/2db1b5556e1d263ac96be0a50c85ff4d\/files\/Hi-Fi News_QED_March 2026.pdf","showsite":"Y","datef":"February 2026"},{"id":"4653083094670bdb6bb7212e1e1dbe43","publication":"The Ear, 5 Stars","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/2db1b5556e1d263ac96be0a50c85ff4d\/images\/The-Ear-5-star-badge.png","date":"2024-07-22","quote":"...the Supremus Zr is an excellent performer at the price and can compete against the very best. Its neutral balance also means that it should be suitable for use in a very wide range of systems. I highly recommend you give it a try.","link":"https:\/\/the-ear.net\/review-hardware\/qed-supremus-zr-cable-competitor\/","file":"","showsite":"Y","datef":"July 2024"},{"id":"9ad7183df5f9b5a6833da4348e873e73","publication":"The Audiophile Man, Deeply Groovy Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/2db1b5556e1d263ac96be0a50c85ff4d\/images\/The Audiophile Man - Deeply Groovy Award logo.jpg","date":"2024-07-04","quote":"Adding these cables to a quality HiFi chain is tantamount to a component upgrade. For those with a good quality HiFi system, the QED Supremus Zr cables will actually corral it into shape. Suddenly, your system will make sense, adding order, an infusion of detail and information. In short the QED Supremus Zr speaker cables sound deeply, deeply impressive.","link":"https:\/\/theaudiophileman.com\/supremus-zr-speaker-cables-from-qed\/","file":"","showsite":"Y","datef":"July 2024"}]
var scriptElement=document.querySelector("[data-product='2db1b5556e1d263ac96be0a50c85ff4d']");

let div = document.createElement("div");
div.className="newawards";
let quotes=[];
let noquotes=[];
awards = awards.sort((a,b)=>{
    return a.date==b.date?0:a.date<b.date?1:-1;
});

for(let i=0;i<awards.length;i++){
    let link=awards[i].file!=""?awards[i].file:awards[i].link;
    if(link!="") link='href="'+link+'"';
    if(awards[i].quote!=""){
        let award = `<div class="awardwithquote">
        <div class="naward">
            <div><div class="nawardimage" style="background-image:url('`+awards[i].logourl+`')"></div><i class="awarddate">`+awards[i].datef+`</i></div>
            <div class="nawardquote"><p>"`+awards[i].quote+`"</p><a target="_blank" `+link+`>`+awards[i].publication+`</a></div>
        </div>
        </div>`;
        quotes.push(award);
    }else{
        let award = `<div class="awardnoquote">
        <div class="naward">
            <a target="_blank" `+link+` class="nawardimage" style="background-image:url('`+awards[i].logourl+`')"></a>
        </div>
        </div>`;
        noquotes.push(award);
    }
}
if(quotes.length>0){
    div.innerHTML+='<div class="nawardquotes">'+quotes.join("")+"</div>";
}
if(noquotes.length>0){
    div.innerHTML+='<div class="nrelative"><div class="nscrollleft"></div><div class="nscrollright"></div><div class="nnooverflow"><div class="nawardimages">'+noquotes.join("")+"</div></div></div>";
}

scriptElement.parentElement.insertBefore(div,scriptElement);

let styles=document.createElement("style");
styles.innerHTML=`
i.awarddate{
    display: block;
    text-align: center;
}
.newawards{
   padding: 0 30px;
   text-align: left;
}
.newawards p{
	width: auto;
}
.nawardimage{
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
}
.nawardquotes{
    display:grid;
    grid-template-columns: auto auto;
}
@media (max-width: 750px){
    .nawardquotes{
        grid-template-columns: 1fr;
    }
}
.awardwithquote .naward{
    display:grid;
    grid-template-columns: 1fr 3fr;
    align-items: flex-start;
}
.nawardquote{
    padding: 10px 20px;
    align-self: center;
}
.nawardquote p{
    margin: 0;padding: 0;
}
.nawardquote a{
    color: blue;
    text-deocration: none;
    font-weight: bold;
    text-decoration: none;
}
.awardnoquote{
    width: 150px;
    display: inline-block;
    height: 150px;
    padding: 0px 20px 0px 0px;
}
.nnooverflow{
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.nrelative{
    position: relative;
}
.nrelative .nscrollleft{
    position: absolute;
    left: 5px;
    top: 50px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 5px;
    width: 30px;
    height: 50px;
    z-index: 1;
}
.nrelative .nscrollleft:before{
    content: " ";
    position: absolute;
    top: 12px;
    left: 10px;
    transform: rotate(-45deg);
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    height: 20px;
    width: 20px;
}

.nrelative .nscrollright{
    position: absolute;
    right: 5px;
    top: 50px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 5px;
    width: 30px;
    height: 50px;
    z-index: 1;
}
.nrelative .nscrollright:before{
    content: " ";
    position: absolute;
    top: 12px;
    right: 10px;
    transform: rotate(135deg);
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    height: 20px;
    width: 20px;
}
.nawardimages{
    white-space: nowrap;
}
`;
scriptElement.parentElement.insertBefore(styles,scriptElement);

var scrollarea=div.querySelector(".nnooverflow");
var scrollright = div.querySelector(".nscrollright");
var scrollleft= div.querySelector(".nscrollleft");
scrollright.onclick=function(){
    scrollarea.scrollTo({
        top: 0,
        left: scrollarea.scrollLeft+scrollarea.scrollWidth,
        behavior: 'smooth'
      });
}
scrollleft.onclick=function(){
    scrollarea.scrollTo({
        top: 0,
        left: scrollarea.scrollLeft-scrollarea.scrollWidth,
        behavior: 'smooth'
      });
}

let setupOverflow = function(){
    scrollright.style.display="none";
    scrollleft.style.display="none";
    if(scrollarea.offsetWidth<scrollarea.scrollWidth){
        scrollright.style.display="block";
        scrollleft.style.display="block";
    }
}
setupOverflow();
window.addEventListener("resize",setupOverflow)
})()