(function(){

var awards =[{"id":"c06b4a258169a275c80de3250de7ccc4","publication":"Forbes","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/e806d84504ab9b3cff2cc1fbc3463b2c\/images\/Forbes logo.png","date":"2021-07-28","quote":"The engineers at Q Acoustics have managed to create a bookshelf speaker that sounds like a floorstander. The result is a speaker that flows beautifully and reveals so much more of the music...Unless you want to spend twice as much, you probably won't find a better bookshelf speaker for the money.","link":"https:\/\/www.forbes.com\/sites\/marksparrow\/2018\/06\/18\/these-new-bookshelf-speakers-from-q-acoustics-sound-like-a-bargain\/?sh=2c339d53e021","file":"","showsite":"Y","datef":"July 2021"},{"id":"47177d5631fa529fa41806f5e2f2d633","publication":"Trusted Reviews, 5 Stars, Highly Recommended","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/e806d84504ab9b3cff2cc1fbc3463b2c\/images\/trustedreviews.jpg","date":"2021-07-28","quote":"Q Acoustics has done it again. The 3020i are a shining example of a product done right, and then improved further with lessons learned. For the money, this is about as complete and rounded a musical performance you can get. If you\u2019re looking for a serious set of speakers with a limited budget, look no further.","link":"https:\/\/www.trustedreviews.com\/reviews\/q-acoustics-3020i","file":"","showsite":"Y","datef":"July 2021"},{"id":"73672f89d00b60c2be40dde36594fbd8","publication":"What Hi-Fi?, 5 Stars","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/e806d84504ab9b3cff2cc1fbc3463b2c\/images\/WHF_5 star logo.jpg","date":"2021-07-28","quote":"Deep in size, deep in sonic analysis, these standmounts will make great first speakers...A former Award-winning speaker that\u2019s been improved, they keep Q Acoustics firmly among the cream of the budget speaker crop.","link":"https:\/\/www.whathifi.com\/q-acoustics\/3020i\/review","file":"","showsite":"Y","datef":"July 2021"},{"id":"0122c88fee44ea18e23b38b985e29a7f","publication":"Independent, Best for Value","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/e806d84504ab9b3cff2cc1fbc3463b2c\/images\/The-Independent-logo.png","date":"2021-08-12","quote":"\u201cWhat you get out of the 3020i bookshelf speakers belies the price...Once you\u2019ve found the perfect spot, there\u2019s a refined, sparkling sound that comfortably outstrips what you might expect of the price point, with a sophisticated and balanced soundscape\u2026for the price, you\u2019ll be hard-pressed to find a better value set of speakers.\u201d","link":"https:\/\/www.independent.co.uk\/extras\/indybest\/gadgets-tech\/audio\/best-bookshelf-speakers-b1900143.html","file":"","showsite":"Y","datef":"August 2021"},{"id":"0e01c44d9120182248f022ea2d8d70cb","publication":"Hi-Fi Choice, 5 Stars, Group Test Winner","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/e806d84504ab9b3cff2cc1fbc3463b2c\/images\/Hi-Fi-Choice-Logo.png","date":"2018-09-18","quote":"More than just a safe pair of hands, the 3020i has real star quality...delivers a potent, fully rounded musical experience that will keep you listening","link":"","file":"","showsite":"Y","datef":"September 2018"},{"id":"79e2de409617ac3a2cdaf5fb2491c5e8","publication":"Expert Reviews, 5 Stars, Best Buy","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/e806d84504ab9b3cff2cc1fbc3463b2c\/images\/Expert Reviews.png","date":"2021-07-28","quote":"The sound is quality is nothing short of superlative for the money, the look and feel is great; and they\u2019re unfussy about where you put them...the Q Acoustics 3020i make sure that the spotlight shines on the music alone. That\u2019s really all you can ask from any speaker, at any price...the Q Acoustics 3020i are a steal at the price.","link":"https:\/\/www.expertreviews.co.uk\/speakers\/1409066\/q-acoustics-3020i-review-devastatingly-fine-sound-for-219","file":"","showsite":"Y","datef":"July 2021"},{"id":"eda8de6c07fa517e178b485dca23b573","publication":"The Audiophile Man, Groovy award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/e806d84504ab9b3cff2cc1fbc3463b2c\/images\/groovy.jpg","date":"2021-07-28","quote":"...the 3020i has no vices. No blooming of the bass, no brightness in the mids and no pinched treble while the extra midrange insight and tonal realism gives these speakers an expensive feel. How the company produces this sort of performance from the given price point is beyond me.","link":"https:\/\/theaudiophileman.com\/3020i-q-acoustics-speakers-review\/","file":"","showsite":"Y","datef":"July 2021"}]
var scriptElement=document.querySelector("[data-product='e806d84504ab9b3cff2cc1fbc3463b2c']");

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