(function(){

var awards =[{"id":"3e75319943b2aa04b4409fbc075d9b18","publication":"What Hi-Fi?, 5 Stars","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/f285c25ad5412acd4d83f418f38a8181\/images\/WHF_5 star logo.jpg","date":"2023-12-04","quote":"\u2026produces one of the most articulate and musical cohesive performances we\u2019ve heard anywhere near this level. It is the kind of presentation that had us listening for hours on end and works well across a wide range of musical genres, from Nirvana to Nina Simone.","link":"https:\/\/www.whathifi.com\/reviews\/grado-gs3000x","file":"","showsite":"Y","datef":"December 2023"},{"id":"0314cbe470bd392d26a820c1f8936f68","publication":"T3, Best Wired Headphones, Awards 2023","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/f285c25ad5412acd4d83f418f38a8181\/images\/T3 logo.png","date":"2023-06-07","quote":"the Gradio GS3000x is all about the wearer: these headphones \"don't feel their 515g weight thanks to a properly considered hanger arrangement ... [while] the foam \u2018G-cushion\u2019 earpads stay cool and comfortable even during long listening sessions,\" reads our review. Add \"exquisitely detailed, naturalistic sound quality\" that \"will make the best of any source of music,\" and you can see why these wired cans are our 2023 award-winning pick.","link":"https:\/\/www.t3.com\/features\/t3-awards-2023-headphones-audio-winners","file":"","showsite":"Y","datef":"June 2023"},{"id":"ec072215a5e2e9707be275380a1f727d","publication":"T3, 5 Stars, Platinum Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/f285c25ad5412acd4d83f418f38a8181\/images\/T3 logo.png","date":"2023-01-03","quote":"...mind-blowing sound\u2026these Grado GS3000x Statement are among the most straightforwardly satisfying ways to listen to music around.","link":"https:\/\/www.t3.com\/reviews\/grado-gs3000x-statement-review","file":"","showsite":"Y","datef":"January 2023"}]
var scriptElement=document.querySelector("[data-product='f285c25ad5412acd4d83f418f38a8181']");

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