(function(){

var awards =[{"id":"82005df2073eaa19a86ff1ea4ca0c5a6","publication":"Trusted Reviews, 5 Stars, Highly Recommended","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/30c468816c16c5f2aff0957a37986b5f\/images\/Trusted Reviews logo.png","date":"2021-07-28","quote":"Q Acoustics' latest addition to its well-regarded 3000i range of speakers is a thoroughly engaging listen, treating to the same fine sound that the rest of the lineup offers, but with added low-end presence and authority.","link":"https:\/\/www.trustedreviews.com\/reviews\/q-acoustics-3030i","file":"","showsite":"Y","datef":"July 2021"},{"id":"530b57e69ce969c5f98a9f9af9121e66","publication":"Diapason HiFi, D'or","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/30c468816c16c5f2aff0957a37986b5f\/images\/diapason3030.jpg","date":"2021-07-28","quote":"The bass is structured and deep. Airy and fruity, the top of the spectrum shows nuance and great qualities of expression. Everything is perfectly integrated, extroverted without ever overwhelming or tiring.","link":"","file":"","showsite":"Y","datef":"July 2021"},{"id":"d7c38e9d534df0e0bd5c42f578fb3001","publication":"What Hi-Fi?, 5 stars","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/30c468816c16c5f2aff0957a37986b5f\/images\/WHF_5 star logo.jpg","date":"2021-07-28","quote":"The 3030is are a welcome addition to the 3000i range. They have all the attributes of their smaller siblings, but add a huge slice of authority into the proceedings...It all makes for a hugely rewarding listening experience; one that had us playing track after track long after the test session ended...Simply put, you can buy these with confidence.\n\n","link":"https:\/\/www.whathifi.com\/reviews\/q-acoustics-3030i","file":"","showsite":"Y","datef":"July 2021"},{"id":"b3461f971e5393b13da1131a0c1227b9","publication":"Pursuit Perfect System, Serious Bang for Buck","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/30c468816c16c5f2aff0957a37986b5f\/images\/pps_award.jpg","date":"2021-07-28","quote":"A lovely looking, really well-built speaker, that has really punchy and full bass, while being easy to set-up. They are more than worthy of this award.","link":"https:\/\/www.youtube.com\/watch?v=ZlWShSH5RRs&list=PLBxJjnKekAe27rHLKGtMJ2JdwnJL4_hcm","file":"","showsite":"Y","datef":"July 2021"},{"id":"2130753ddc2e90e26c124378b716ffd4","publication":"Forbes","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/30c468816c16c5f2aff0957a37986b5f\/images\/Forbes logo.png","date":"2021-07-28","quote":"The Q Acoustics new 3030i bookshelf speakers are nothing short of a design triumph...If you want a great-sounding pair of bookshelf speakers with more bass than usual, and you are on a budget, there\u2019s not much to touch the 3030i. Highly recommended.","link":"https:\/\/www.forbes.com\/sites\/marksparrow\/2020\/06\/07\/these-new-q-acoustics-3030i-have-a-big-bass-plus-plenty-of-punch\/?sh=132051ef1829","file":"","showsite":"Y","datef":"July 2021"},{"id":"83683ea1623eb23280a25bedb75c6d6d","publication":"AVForums, Best In Class","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/30c468816c16c5f2aff0957a37986b5f\/images\/avforums_logo.png","date":"2021-07-28","quote":"Right now, if you were to ask me what the most capable speaker you can buy for under \u00a3500 is, I could not in good conscience say anything other than this one, which is why the Q Acoustics 3030i has to be seen as the current Best In Class.","link":"https:\/\/www.avforums.com\/reviews\/q-acoustics-q3030i-standmount-speaker-review.18311","file":"","showsite":"Y","datef":"July 2021"},{"id":"88b09245622fe53bfa3e9c63f7ca9e79","publication":"Hi-Fi Choice, 5 Stars, Recommended","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/30c468816c16c5f2aff0957a37986b5f\/images\/HFC_Recommend_badge_and-5-stars_mock.jpg","date":"2021-07-28","quote":"Even at twice the price it would still be a no-brainer...A stone-cold bargain.","link":"http:\/\/www.qacoustics.co.uk\/downloads\/qacoustics\/HFC_472_Q_Acoustics_Reprint.pdf","file":"","showsite":"Y","datef":"July 2021"}]
var scriptElement=document.querySelector("[data-product='30c468816c16c5f2aff0957a37986b5f']");

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