(function(){

var awards =[{"id":"8e6b23a310fa62a4419e48a78b0da28a","publication":"EISA, Best Product","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/3c1981467947aaad148679393b6b50f2\/images\/3050ieisa.jpg","date":"2021-07-20","quote":"This innovative brand has been a powerful player in affordable speakers for a decade now, but the 3050i is arguably Q Acoustics\u2019 best value product yet","link":"https:\/\/www.qacoustics.co.uk\/3050i-eisa","file":"","showsite":"Y","datef":"July 2021"},{"id":"2e3a6a87194a18869bed280c8f63ef09","publication":"AVForums, 9\/10, Best Buy Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/3c1981467947aaad148679393b6b50f2\/images\/award_best_buy.png","date":"2021-07-15","quote":"...the <a href=\"https:\/\/www.qacoustics.co.uk\/q3000i-range#intro\">Q Acoustics 3050i Cinema Pack<\/a> is a cracking set-up for movies, TV and music, making it well worth a Best Buy badge at this price.","link":"https:\/\/www.avforums.com\/reviews\/q-acoustics-3050i-cinema-pack-review.15017","file":"","showsite":"Y","datef":"July 2021"},{"id":"21f821eb983182317c2958072ac36939","publication":"Home Cinema Choice, 5 Stars, Best Buy Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/3c1981467947aaad148679393b6b50f2\/images\/2012-HCC_best_buy1_large.png","date":"2021-07-15","quote":"...this is a masterful update of an already very talented 5.1 package. It retains the basic balance and natural tonality of the original but in an expanded and more refined performance envelope, with enhanced clarity and insight. On top of which, it looks great, is well built and beautifully finished. And value for money? Off the charts.","link":"https:\/\/www.homecinemachoice.com\/content\/q-acoustics-3050i-cinema-pack-51-speaker-system-review","file":"","showsite":"Y","datef":"July 2021"},{"id":"e96133f39a81aab8e0f4445547114e4f","publication":"Hi-Fi Choice, 5 Stars, Editor\u2019s Choice Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/3c1981467947aaad148679393b6b50f2\/images\/hifichoice.jpg","date":"2021-07-15","quote":"A substantial improvement on its predecessor, it\u2019s almost as if adding a simple \u2018i\u2019 suffix doesn\u2019t do justice to how much better the Q Acoustics 3050i really is. If you\u2019re looking for a largish, high value for money floorstander then this has to be the first model on your audition list; it may be the last, too.","link":"https:\/\/www.hifichoice.com\/content\/q-acoustics-3050i","file":"","showsite":"Y","datef":"July 2021"},{"id":"c83570c8fbba2846b3c369614189914b","publication":"What Hi-Fi?, 5 Stars","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/3c1981467947aaad148679393b6b50f2\/images\/WHF_5 star logo (1).jpg","date":"2021-07-15","quote":"The 3050is are full of energy and even better than their predecessors\u00ad \u2013 Q Acoustics has come up with the goods once more and reaffirms its position of pre-eminence in the midrange floorstander market.","link":"https:\/\/www.whathifi.com\/q-acoustics\/3050i\/review","file":"","showsite":"Y","datef":"July 2021"},{"id":"f4feb82cfd843501490976fdfdba142a","publication":"Hi-Fi World, 5 Globes","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/3c1981467947aaad148679393b6b50f2\/images\/hifiworld (1).jpg","date":"2021-07-15","quote":"Outstanding \u2013 amongst the best","link":"","file":"","showsite":"Y","datef":"July 2021"}]
var scriptElement=document.querySelector("[data-product='3c1981467947aaad148679393b6b50f2']");

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