(function(){

var awards =[{"id":"2904a9ceb36bd72434d08cd48945b395","publication":"Esquire, Best affordable on-ear wired headphones","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/38001e1ed39cc9960e1c4c9b07f81363\/images\/Esquire_logo.png","date":"2023-06-09","quote":"\u2026deliver a pure hi-fi experience\u2026There\u2019s also punchy and controlled bass too, and a fantastic amount of energy and detail\u2026Like every Grado, they\u2019re handmade in Brooklyn, New York and focus on sound quality above everything else.","link":"https:\/\/www.esquire.com\/uk\/design\/g43303956\/best-wired-headphones\/","file":"","showsite":"Y","datef":"June 2023"},{"id":"9f8c2e98427c1de491025513ba70e187","publication":"Techradar","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/38001e1ed39cc9960e1c4c9b07f81363\/images\/Techradar.png","date":"2023-06-28","quote":"\u2026they deliver a clear and punchy experience that's a delight to listen to\u2026if you\u2019re looking for affordable headphones that sound sensational and feel very good, consider the Grado SR80x headphones\u2026the best affordable on-ears we've tested.","link":"https:\/\/www.techradar.com\/audio\/headphones\/grado-sr80x-review","file":"","showsite":"Y","datef":"June 2023"},{"id":"250d59baaf0f3e5eba543aa576e88492","publication":"What Hi-Fi? Awards 2021, Best Wired On-ear Headphones \u00a3100-\u00a3200","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/38001e1ed39cc9960e1c4c9b07f81363\/images\/Best wired on-ear headphones \u00a3100-\u00a3200 copy[1].png","date":"2021-09-22","quote":"At this money, the SR80 model remains the finest in the market, and such is their dominance in this niche that we wouldn\u2019t be surprised if this were true for as long as wired headphones have their place in this world.","link":"https:\/\/www.whathifi.com\/reviews\/grado-sr80x","file":"","showsite":"Y","datef":"September 2021"},{"id":"5d8ed88ec75aec7863fc14db431c0288","publication":"What Hi-Fi? Awards 2022, Best Wired On-ear Headphones \u00a3100-\u00a3200","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/38001e1ed39cc9960e1c4c9b07f81363\/images\/bb_wiredonearheadphones100to200.jpg","date":"2022-10-17","quote":"Frontrunners in the budget wired headphones field.","link":"https:\/\/www.whathifi.com\/reviews\/grado-sr80x","file":"","showsite":"Y","datef":"October 2022"}]
var scriptElement=document.querySelector("[data-product='38001e1ed39cc9960e1c4c9b07f81363']");

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