if(typeof $j == 'undefined'){
  var $j = jQuery.noConflict();
}

function loadTopBanner(attach) {
    $j.ajaxSetup({ cache: true });

// get list of comics from json file
$j.getJSON("https://spiderforest.com/widgets/comicsJSON.php?g="+tBannerRatedG+"&id="+tBannerComicCode+"&jsoncallback=?",
        function(data){
            if (tBannerRatedG == 1) {
                data = data.filter((i)=>(i.Rating != "M" && i.Rating != "A"));
            }
            var ranNum=Math.floor(Math.random()*data.length);

//var d=new Date();
            var d= 1;
            if(d % 4 == 0){
                // ???
                var banners = new Array();
                var dataLink = "https://spiderforest.com/";
                // reset ranNum
                var ranNum = Math.floor(Math.random() * banners.length);
                var img = $j("#rancomicimg").attr("src",banners[ranNum]);
                $j("#rancomicurl").attr("href",dataLink);
            } else {
                var ranComic = data[ranNum];
                if (ranComic.Short_Code == tBannerComicCode){
                    while (ranComic.Short_Code == tBannerComicCode){
                        ranNum=Math.floor(Math.random()*data.length);
						ranComic=data[ranNum];
                    }
                }
                
                var bannerImgPath = ranComic.Top_Banner_Image;
                if (bannerImgPath.charAt(0) === '/') {
                    bannerImgPath = 'https://spiderforest.com'+bannerImgPath;
                }
                
                var img = $j("#toprancomicimg").attr({src: bannerImgPath, alt: ranComic.Title});
                $j("#toprancomicurl").attr({href: ranComic.URL, title: ranComic.Title+": "+ranComic.Tagline});
            }
});

console.log('ready-load: '+tBannerReadyLoad);
console.log('attach to: '+tBannerAttachElem);

var tBannerStyles = '<style type="text/css">'+
      '.sfheader {position:relative;width:100%;}'+
      '.menDiv {position:relative;width:100%;height:32px;display:flex;justify-content:space-between;align-items:center;text-align:left;margin: 0 0 0 0;z-index: 1105;background:'+tBannerBgColor+';}'+
      '.bannerCenter{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-image:url("https://spiderforest.com/widgets/images/loading.gif");background-repeat:no-repeat;background-position:center center;}'+
      '.bannerEnd{width:60px; display:flex; justify-content:center; align-items: center;}'+
      '.bannerEnd img {display:block; height: 30px; width:auto;}'+
      '</style>';

var tBannerHTML = '<div class="menDiv">'+
     
      '<div class="bannerEnd">'+
      '<a href="http://spiderforest.com/" target="_blank" title="The SpiderForest Webcomic Collective"><img src="https://spiderforest.com/widgets/images/SFLogoSimple.svg" alt="SpiderForest.com"></a>'+
      '</div>'+
      
      '<div class="bannerCenter" id="ranban">'+
      // random comic url populates here
      '<a id="toprancomicurl" href="" target="_blank">'+
      // random comic banner populates here
      '<img id="toprancomicimg" src="" style="display:block" alt=""/>'+
      '</a>'+
      '</div>'+
      
      '<div class="bannerEnd">'+
      '<a href="https://www.spiderforest.com/comics?order=Newest" target="_blank" title="See more at SpiderForest.com"><img src="https://spiderforest.com/widgets/images/see-more.svg" alt="See more"></a>'+
      '</a>'+
      '</div>'+

     '</div>';
      
    // append styles to 'head' element
    $j("<style type='text/css'/>").text(tBannerStyles).appendTo("head");

    //add sf_header
    if (attach) {
        $j("<article class='sfheader'/>").append(tBannerHTML).prependTo(tBannerAttachElem);
    } else {
        document.writeln("<article class='sfheader'>"+tBannerHTML+"</article>");
    }
}

if (tBannerReadyLoad) {
    jQuery(document).ready(loadTopBanner(tBannerAttachElem));
} else {
    loadTopBanner(tBannerAttachElem);
}