(function(){

var awards =[{"id":"d904b9fa40611a3bba6905fd9944d5ff","publication":"Cheap Audio Man","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/d68101622ba07f419b1bdb1d7e3ffe27\/images\/Cheap Audio Man.png","date":"2024-05-15","quote":"These are the most realistic speakers I have ever heard\u2026the 5050 and the 5040 offer another level of musical enjoyment\u2026you have detail, you have vocal clarity that is other worldly, a mid-range richness without being too much to cover up any of the detail, dynamics\u2026It\u2019s an easy speaker to love. It\u2019s a perfect speaker.","link":"https:\/\/www.youtube.com\/watch?v=36K9-1wAwLE","file":"","showsite":"Y","datef":"May 2024"},{"id":"d1619ecfc0f57e640ebb813b625ffff1","publication":"What Hi-Fi? Awards 2024, Best Floorstanding Speaker \u00a31,000 - \u00a31500","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/d68101622ba07f419b1bdb1d7e3ffe27\/images\/WHF_winner_800x1000_22_Best floorstanding speaker \u252cu\u03011000-\u252cu\u03011500.png","date":"2024-10-09","quote":"Q Acoustics' latest floorstanders deliver the sonic goods.","link":"https:\/\/www.whathifi.com\/reviews\/q-acoustics-5050","file":"","showsite":"Y","datef":"October 2024"},{"id":"c73b3b88818afc554b250f8bdef4fee9","publication":"Hi-Fi News, Outstanding Product Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/d68101622ba07f419b1bdb1d7e3ffe27\/images\/Outstanding Product.jpg","date":"2024-05-30","quote":"Q Acoustics\u2019 keenly priced floorstanders give you a recognisably \u2018audiophile\u2019 sense of detail without losing sight of the importance of excitement and engagement. Perfectly suited, then, to the active listener looking for both immersive listening and a quick adrenaline rush before heading out to the pub...","link":"","file":"https:\/\/secure.armourhome.co.uk\/awards\/products\/d68101622ba07f419b1bdb1d7e3ffe27\/files\/Q Acoustics 5050_Hi-Fi News_July 2024.pdf","showsite":"Y","datef":"May 2024"},{"id":"93057af6a7133cf7936581551a9c30d6","publication":"What Hi-Fi?, 5 Stars","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/d68101622ba07f419b1bdb1d7e3ffe27\/images\/WHF_5 star logo.jpg","date":"2024-04-29","quote":"Grace and power at a really competitive price\u2026impressive clarity and scale...you will be greeted by some of the most controlled and articulate bass that we have heard from a tower at this level...The smaller 5040 are excellent speakers...the Q Acoustics 5050 floorstanders do everything their junior siblings can do but add an extra dose of authority and a slightly calmer manner. If you have the space and extra budget, this is where our money would go.","link":"https:\/\/www.whathifi.com\/reviews\/q-acoustics-5050","file":"","showsite":"Y","datef":"April 2024"}]
var scriptElement=document.querySelector("[data-product='d68101622ba07f419b1bdb1d7e3ffe27']");

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