(function(){

var awards =[{"id":"0b12a8705d708329d2f08c6db75260e4","publication":"Hi-Fi Choice, 5 Stars, Recommended Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/f9949d2186fac43a5ad863d3b25f8e45\/images\/Hi-Fi-Choice-Logo.png","date":"2022-01-05","quote":"Top-tier performance justifies its price tag\u2026 During my time with it, I try a range of headphones and the KANN ALPHA drives them all valiantly. Not only that, but it sounds fresh as a daisy and bouncy as a ball; it's a truly enjoyable portable. This is a great new product from Astell&Kern...","link":"","file":"","showsite":"Y","datef":"January 2022"},{"id":"db977617144c9ee7688257a7e85c6b66","publication":"What Hi-Fi?, 5 Stars","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/f9949d2186fac43a5ad863d3b25f8e45\/images\/whf5star.jpg","date":"2022-01-05","quote":"If it\u2019s hi-res sonic chops you seek, the KANN ALPHA can deliver it in spades\u2026It is a powerful and talented machine\u2026Listening to hi-res music on the KANN ALPHA is a pure joy.","link":"https:\/\/www.whathifi.com\/reviews\/astell-and-kern-kann-alpha","file":"","showsite":"Y","datef":"January 2022"},{"id":"91cae67050dacc02309f9b124d55fdd0","publication":"StereoNET, Applause Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/f9949d2186fac43a5ad863d3b25f8e45\/images\/StereoNET-LOGO-large.png","date":"2022-01-05","quote":"So if you're in the market for a top-notch musical travelling partner \u2013 one that will drive any headphones or IEMs you possess \u2013 then this is it. It's an object of beauty to some eyes, whilst fulfilling its clearly defined role expertly and faultlessly. What is more, it leaves your smartphone free to handle other duties that it's much better suited to \u2013 like taking selfies.","link":"https:\/\/www.stereonet.com\/uk\/reviews\/astellkern-kann-alpha-review","file":"","showsite":"Y","datef":"January 2022"},{"id":"45782635fd85d0d27c6371f9b7c36f0b","publication":"Hi-Fi World, 5 Globes","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/f9949d2186fac43a5ad863d3b25f8e45\/images\/Hi-Fi World logo.jpg","date":"2022-01-05","quote":"If you want the bass power and dynamic punch of a top mains powered DAC, but from a portable player, then Astell&Kern's Kann Alpha is the one to hear. It has plenty of visceral wallop, plus the smooth yet deep revelation of ESS DAC chips\u2026 Outstanding - amongst the best.","link":"","file":"","showsite":"Y","datef":"January 2022"},{"id":"a9e556fee5482e73203b5a52474bfebd","publication":"AVForums, Recommended Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/f9949d2186fac43a5ad863d3b25f8e45\/images\/avforums_logo.png","date":"2022-01-05","quote":"\u2026the Kann is seriously impressive. It has power delivery and sheer ability beyond almost any similarly sized rival while keeping the \u2018hewn from unobtanium\u2019 feel we\u2019ve come to expect from Astell & Kern. The Kann is odd but brilliant and because it nails its singular design brief, it warrants Recommendation.","link":"https:\/\/www.avforums.com\/reviews\/astell-kern-kann-alpha-portable-audio-player.18594","file":"","showsite":"Y","datef":"January 2022"},{"id":"d87bcf20ddf812f353b6d581d1b91928","publication":"Hi-Fi News, Highly Commended Award","logourl":"https:\/\/secure.armourhome.co.uk\/awards\/resize\/200x200\/f9949d2186fac43a5ad863d3b25f8e45\/images\/highlycommended.png","date":"2022-01-05","quote":"\u2026the player leverages its power to deliver a muscular and potent presentation that feels effortlessly dynamic\u2026Viewed as a compact, mobile headphone amplifier though, the excellent sonic performance, impressive connectivity and superb build quality will make it a very compelling choice for many headphone users.","link":"https:\/\/www.astellkern.co.uk\/downloads\/ak\/hfn-kann-alpha.pdf","file":"","showsite":"Y","datef":"January 2022"}]
var scriptElement=document.querySelector("[data-product='f9949d2186fac43a5ad863d3b25f8e45']");

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