(function(){

var awards =[{"id":"8c89b480b585ac84c1426733c9302876","publication":"Hi-Fi Critic","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/7a8229b54cb00052b8472d9427f23112\/images\/hificritic.jpg","date":"2020-10-07","quote":"This inexpensive interconnect, at \u00a350 for a stereo pair, offers a genuine hi-fi sound, with no obvious faults, is easy on the ear, and is thus a clear shoe-in for many systems.","link":"","file":"","showsite":"Y","datef":"October 2020"},{"id":"d75a61bcab5ab431a614f693f8a90522","publication":"Hi-Fi Choice, Group Test Winner, Febraury 2022 issue","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/7a8229b54cb00052b8472d9427f23112\/images\/HFC_GTWinnerbadge_new.jpg","date":"2022-01-24","quote":"Overall, the Performance Audio 40i is an impressive interconnect capable of a great performance, making it great value for money.","link":"","file":"https:\/\/secure.armourhome.co.uk\/awards\/products\/7a8229b54cb00052b8472d9427f23112\/files\/Hi-Fi Choice.pdf","showsite":"Y","datef":"January 2022"},{"id":"c1814de52a3e9ad08ab7ec7ca745c598","publication":"The Audiophile Man, Deeply Groovy Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/7a8229b54cb00052b8472d9427f23112\/images\/paul-rigby910.jpg","date":"2020-10-07","quote":"A great pair of cables in this price bracket, the QED Performance Audio 40i interconnects add a sense of complexity and maturity that you\u2019d expect to hear in more expensive designs. Well made and flexible, you never feel that the 40i cables are holding music back. These cables are rooting for you hi-fi, every step of the way. No brainer purchases, the QED Performance Audio 40i interconnects are little gems.","link":"https:\/\/theaudiophileman.com\/performance-audio-40i-interconnects-news-qed\/","file":"","showsite":"Y","datef":"October 2020"},{"id":"ef206c4eff60983e6424cd08bf691a13","publication":"Hi-Fi Choice, 5 stars, Recommended award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/7a8229b54cb00052b8472d9427f23112\/images\/HFC_Recommend_badge_new.jpg","date":"2021-10-06","quote":"Overall, the Performance Audio 40i is an excellent interconnect and offers great value for money.","link":"","file":"https:\/\/secure.armourhome.co.uk\/awards\/products\/7a8229b54cb00052b8472d9427f23112\/files\/HFC_481_QED_interconnect_Reprint.pdf","showsite":"Y","datef":"October 2021"}]
var scriptElement=document.querySelector("[data-product='7a8229b54cb00052b8472d9427f23112']");

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)
})()