var scrollFunctionForDiv = function(element, maxScroll, scrollAmount, scrollVelocity, direction){
	setTimeout(function(){
		if(direction=='left'){
			if(scrollAmount>-(maxScroll+scrollVelocity)){
				scrollAmount=scrollAmount-scrollVelocity;
				element.style.marginLeft = scrollAmount+"px";
				scrollFunctionForDiv(element, maxScroll, scrollAmount,scrollVelocity,direction);
			}else{
				scrollAmount=scrollAmount+scrollVelocity;
				element.style.marginLeft = scrollAmount+"px";
				scrollFunctionForDiv(element, maxScroll, scrollAmount,scrollVelocity,'right');
			}
		}
		if(direction=='right'){
			if(scrollAmount<scrollVelocity){
				scrollAmount=scrollAmount+scrollVelocity;
				element.style.marginLeft = scrollAmount+"px";
				scrollFunctionForDiv(element, maxScroll, scrollAmount,scrollVelocity,direction);
			}else{
				scrollAmount=scrollAmount-scrollVelocity;
				element.style.marginLeft = scrollAmount+"px";
				scrollFunctionForDiv(element, maxScroll, scrollAmount,scrollVelocity,'left');
			}
		}
	},1000);
}
var scrollIfNeeded = function (element) {
	var scrollVelocity = 40;
	var totalWidth = element.offsetWidth;
	var scrollWidth = element.scrollWidth;
	var maxScroll = scrollWidth - totalWidth;
	if(maxScroll>0){
		scrollFunctionForDiv(element, maxScroll, scrollVelocity, scrollVelocity,'left');
	}
}

function cccCreateCSSSelector (selector, styleRules) {
	var style = document.createElement('style');
    style.type = 'text/css';
    document.getElementsByTagName('head')[0].appendChild(style);
    if(!(style.sheet||{}).insertRule){
        (style.styleSheet || style.sheet).addRule(selector, styleRules);
    }else{
        style.sheet.insertRule(selector+"{"+styleRules+"}",0);
    }
}

function cccRefreshHeaderV3DataHeader () {
	var url = 'https://min-api.cryptocompare.com/data/pricemultifull?fsyms=BTC,ETH,BNB,SOL,ADA,XRP,DOT,DOGE&tsyms=USD&extraParams=W_dailycoin.com';
	var xhr = typeof XMLHttpRequest != 'undefined' ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
	
	xhr.open('get', url, true);
	xhr.onreadystatechange = function() {
		var status;
		var data;
		
		if (xhr.readyState == 4) {
			status = xhr.status;
			if (status == 200) {
				data = JSON.parse(xhr.responseText);
				
				var fsyms = 'BTC,ETH,BNB,SOL,ADA,XRP,DOT,DOGE'.split(',');
				var tsyms = 'USD'.split(',');
				
				for (var i = 0; i < fsyms.length; i++) {
					for (var k = 0; k < tsyms.length; k++) {
						var fsym = fsyms[i];
						var tsym = tsyms[k];
						if(fsym==tsym){continue;};
						var priceElm = document.getElementById('CCCHeader3Price_' + fsym + '_' + tsym);
						
						priceElm.innerHTML = data.DISPLAY[fsym][tsym].PRICE;

						if (cccCurrentTheme.General.showChangePercent){
							var changePctContainer = document.getElementById('CCCHeader3ChangePctContainer_' + fsym + '_' + tsym);
							var changePctElm = document.getElementById('CCCHeader3ChangePct_' + fsym + '_' + tsym);
							ChangePct = data.RAW[fsym][tsym].CHANGEPCT24HOUR;
						
							changePctElm = data.DISPLAY[fsym][tsym].CHANGEPCT24HOUR+' %';
							if (ChangePct >= 0) {
								changePctContainer.style.color = cccCurrentTheme.Trend.colorUp;
							} else {
								changePctContainer.style.color = cccCurrentTheme.Trend.colorDown;
							}
						}
					}
				}
			} else {
				// pass
			}
		}
	};
	xhr.send();
}

var cccCurrentTheme = {
		General: {
			background: '#FFF',
			priceText: '#000',
			showLogo: true,
			showChangePercent: true,
			enableMarquee: false
		},
		Currency: {
			color: '#000'			
		},
		Trend: {
		  colorUp: '#3d9400',
		  colorDown: '#A11B0A',
		  colorUnchanged: '#2C4C76'				
		}
};

if (typeof cccTheme !== 'undefined') {
	for(var key in cccCurrentTheme) {
		var group = cccCurrentTheme[key];
		for(var prop in group) {
			if(!group.hasOwnProperty(prop)) continue;
			if(cccTheme.hasOwnProperty(key) && cccTheme[key].hasOwnProperty(prop)) {
				cccCurrentTheme[key][prop] = cccTheme[key][prop];
			}
		}
	}
}

if (typeof cccThemeV3Header !== 'undefined') {
	for(var key in cccCurrentTheme) {
		var group = cccCurrentTheme[key];
		for(var prop in group) {
			if(!group.hasOwnProperty(prop)) continue;
			if(cccThemeV3Header.hasOwnProperty(key) && cccThemeV3Header[key].hasOwnProperty(prop)) {
				cccCurrentTheme[key][prop] = cccThemeV3Header[key][prop];
			}
		}
	}
}


var embedable      = document.createElement("div");
var embedableChart = document.createElement("div");
var style          = document.createElement("style");

embedable.className             = "ccc-widget ccc-header-v3";
embedable.id 				    = 'marquee-container';
embedable.style.background      = cccCurrentTheme.General.background;
embedable.style.boxSizing       = "border-box";
embedable.style.lineHeight      = "1";
embedable.style.overflow     	= "hidden";

cccCreateCSSSelector('#marq_kill_marg_bor', 'border:none!important;margin:0!important');
cccCreateCSSSelector('.ccc-coin-header-v3-container', 'white-space: nowrap;');
cccCreateCSSSelector('.ccc-header-v3-ccc-price-container', 'margin-right: 15px; display: inline-block;');
cccCreateCSSSelector('.ccc-header-v3 a', 'text-decoration: none; display: inline-block;');
cccCreateCSSSelector('.ccc-header-v3 a:hover', 'text-decoration: none;');
cccCreateCSSSelector('.ccc-header-v3 a:focus', 'text-decoration: none;');
cccCreateCSSSelector('.ccc-header-v3-price-name', 'vertical-align: middle; font-family: Roboto, sans-serif; color: ' + cccCurrentTheme.Currency.color + '; font-weight: 100;  margin: 0px; color: ' + cccCurrentTheme.General.priceText );
cccCreateCSSSelector('.ccc-header-v3-price-value', 'vertical-align: middle; font-family: "Roboto", sans-serif;  text-decoration: none; ');
cccCreateCSSSelector('.ccc-header-v3-price-change', 'font-family: "Roboto", sans-serif; display:inline-block; vertical-align: middle;');

var inner = document.createElement("div");
inner.id = "marquee-inner";

var embedableCoin                   = document.createElement("div");
embedableCoin.className             = "ccc-coin-header-v3-container marquee";
embedableCoin.id           			= "marquee-element";
embedableCoin.style.margin          = "0px";
embedableCoin.style.padding         = "0px";
embedableCoin.style.whiteSpace 		= "no-wrap";
embedableCoin.style.transition 		= "1s all linear";


	var fsym = 'BTC';
	
	
	var priceDiv                   = document.createElement("div");
	priceDiv.className             = "ccc-header-v3-ccc-price-container";
	var elChange = '';
	var elLogo	 = '';

	if (cccCurrentTheme.General.showChangePercent)
		elChange = `
					<span
						class="ccc-header-v3-price-change"
						id="CCCHeader3ChangePctContainer_` + fsym + `_USD"
						style="color: ` + cccCurrentTheme.Trend.colorUp + `;"
					>
						(<span id="CCCHeader3ChangePct` + fsym + `_USD">5.01 %</span>)
					</span>
		`;
	
	if (cccCurrentTheme.General.showLogo) {
		elLogo = `
			<img class="ccc-header-v3-price-logo" src="/wp-content/themes/cryptotimes/assets/img/coins/btc.png" loading="eager" decoding="async" alt="Bitcoin (BTC) image" style="width: 15px; height: 15px; vertical-align: middle;"/>
		`;	
	}
		


	priceDiv.innerHTML    		   = `
									<a href="https://www.cryptocompare.com/coins/btc/overview/usd" target="_blank" rel="nofollow noopener">
										` + elLogo + `
										<span class="ccc-header-v3-price-name">BTC: </span>
										<span class="ccc-header-v3-price-value"  style="color: ` + cccCurrentTheme.General.priceText + `;" id="CCCHeader3Price_` + fsym + `_USD" >
											$ 62,741.5
										</span>
										` + elChange + `
									</a>
									`;
	embedableCoin.appendChild(priceDiv);
	

	var fsym = 'ETH';
	
	
	var priceDiv                   = document.createElement("div");
	priceDiv.className             = "ccc-header-v3-ccc-price-container";
	var elChange = '';
	var elLogo	 = '';

	if (cccCurrentTheme.General.showChangePercent)
		elChange = `
					<span
						class="ccc-header-v3-price-change"
						id="CCCHeader3ChangePctContainer_` + fsym + `_USD"
						style="color: ` + cccCurrentTheme.Trend.colorUp + `;"
					>
						(<span id="CCCHeader3ChangePct` + fsym + `_USD">3.28 %</span>)
					</span>
		`;
	
	if (cccCurrentTheme.General.showLogo) {
		elLogo = `
			<img class="ccc-header-v3-price-logo" src="/wp-content/themes/cryptotimes/assets/img/coins/eth.png" loading="eager" decoding="async" alt="Ethereum Coin (ETH) image" style="width: 15px; height: 15px; vertical-align: middle;"/>
		`;	
	}
		


	priceDiv.innerHTML    		   = `
									<a href="https://www.cryptocompare.com/coins/eth/overview/usd" target="_blank" rel="nofollow noopener">
										` + elLogo + `
										<span class="ccc-header-v3-price-name">ETH: </span>
										<span class="ccc-header-v3-price-value"  style="color: ` + cccCurrentTheme.General.priceText + `;" id="CCCHeader3Price_` + fsym + `_USD" >
											$ 3,109.24
										</span>
										` + elChange + `
									</a>
									`;
	embedableCoin.appendChild(priceDiv);
	

	var fsym = 'BNB';
	
	
	var priceDiv                   = document.createElement("div");
	priceDiv.className             = "ccc-header-v3-ccc-price-container";
	var elChange = '';
	var elLogo	 = '';

	if (cccCurrentTheme.General.showChangePercent)
		elChange = `
					<span
						class="ccc-header-v3-price-change"
						id="CCCHeader3ChangePctContainer_` + fsym + `_USD"
						style="color: ` + cccCurrentTheme.Trend.colorUp + `;"
					>
						(<span id="CCCHeader3ChangePct` + fsym + `_USD">3.16 %</span>)
					</span>
		`;
	
	if (cccCurrentTheme.General.showLogo) {
		elLogo = `
			<img class="ccc-header-v3-price-logo" src="/wp-content/themes/cryptotimes/assets/img/coins/bnb.png" loading="eager" decoding="async" alt="Binance Coin (BNB) image" style="width: 15px; height: 15px; vertical-align: middle;"/>
		`;	
	}
		


	priceDiv.innerHTML    		   = `
									<a href="https://www.cryptocompare.com/coins/bnb/overview/usd" target="_blank" rel="nofollow noopener">
										` + elLogo + `
										<span class="ccc-header-v3-price-name">BNB: </span>
										<span class="ccc-header-v3-price-value"  style="color: ` + cccCurrentTheme.General.priceText + `;" id="CCCHeader3Price_` + fsym + `_USD" >
											$ 584.43
										</span>
										` + elChange + `
									</a>
									`;
	embedableCoin.appendChild(priceDiv);
	

	var fsym = 'SOL';
	
	
	var priceDiv                   = document.createElement("div");
	priceDiv.className             = "ccc-header-v3-ccc-price-container";
	var elChange = '';
	var elLogo	 = '';

	if (cccCurrentTheme.General.showChangePercent)
		elChange = `
					<span
						class="ccc-header-v3-price-change"
						id="CCCHeader3ChangePctContainer_` + fsym + `_USD"
						style="color: ` + cccCurrentTheme.Trend.colorUp + `;"
					>
						(<span id="CCCHeader3ChangePct` + fsym + `_USD">2.46 %</span>)
					</span>
		`;
	
	if (cccCurrentTheme.General.showLogo) {
		elLogo = `
			<img class="ccc-header-v3-price-logo" src="/wp-content/themes/cryptotimes/assets/img/coins/sol.png" loading="eager" decoding="async" alt="Solana Coin (SOL) image" style="width: 15px; height: 15px; vertical-align: middle;"/>
		`;	
	}
		


	priceDiv.innerHTML    		   = `
									<a href="https://www.cryptocompare.com/coins/sol/overview/usd" target="_blank" rel="nofollow noopener">
										` + elLogo + `
										<span class="ccc-header-v3-price-name">SOL: </span>
										<span class="ccc-header-v3-price-value"  style="color: ` + cccCurrentTheme.General.priceText + `;" id="CCCHeader3Price_` + fsym + `_USD" >
											$ 144.48
										</span>
										` + elChange + `
									</a>
									`;
	embedableCoin.appendChild(priceDiv);
	

	var fsym = 'ADA';
	
	
	var priceDiv                   = document.createElement("div");
	priceDiv.className             = "ccc-header-v3-ccc-price-container";
	var elChange = '';
	var elLogo	 = '';

	if (cccCurrentTheme.General.showChangePercent)
		elChange = `
					<span
						class="ccc-header-v3-price-change"
						id="CCCHeader3ChangePctContainer_` + fsym + `_USD"
						style="color: ` + cccCurrentTheme.Trend.colorUp + `;"
					>
						(<span id="CCCHeader3ChangePct` + fsym + `_USD">1.31 %</span>)
					</span>
		`;
	
	if (cccCurrentTheme.General.showLogo) {
		elLogo = `
			<img class="ccc-header-v3-price-logo" src="/wp-content/themes/cryptotimes/assets/img/coins/ada.png" loading="eager" decoding="async" alt="Cardano Coin (ADA) image" style="width: 15px; height: 15px; vertical-align: middle;"/>
		`;	
	}
		


	priceDiv.innerHTML    		   = `
									<a href="https://www.cryptocompare.com/coins/ada/overview/usd" target="_blank" rel="nofollow noopener">
										` + elLogo + `
										<span class="ccc-header-v3-price-name">ADA: </span>
										<span class="ccc-header-v3-price-value"  style="color: ` + cccCurrentTheme.General.priceText + `;" id="CCCHeader3Price_` + fsym + `_USD" >
											$ 0.4666
										</span>
										` + elChange + `
									</a>
									`;
	embedableCoin.appendChild(priceDiv);
	

	var fsym = 'XRP';
	
	
	var priceDiv                   = document.createElement("div");
	priceDiv.className             = "ccc-header-v3-ccc-price-container";
	var elChange = '';
	var elLogo	 = '';

	if (cccCurrentTheme.General.showChangePercent)
		elChange = `
					<span
						class="ccc-header-v3-price-change"
						id="CCCHeader3ChangePctContainer_` + fsym + `_USD"
						style="color: ` + cccCurrentTheme.Trend.colorUp + `;"
					>
						(<span id="CCCHeader3ChangePct` + fsym + `_USD">1.48 %</span>)
					</span>
		`;
	
	if (cccCurrentTheme.General.showLogo) {
		elLogo = `
			<img class="ccc-header-v3-price-logo" src="/wp-content/themes/cryptotimes/assets/img/coins/xrp.png" loading="eager" decoding="async" alt="Ripple Coin (XRP) image" style="width: 15px; height: 15px; vertical-align: middle;"/>
		`;	
	}
		


	priceDiv.innerHTML    		   = `
									<a href="https://www.cryptocompare.com/coins/xrp/overview/usd" target="_blank" rel="nofollow noopener">
										` + elLogo + `
										<span class="ccc-header-v3-price-name">XRP: </span>
										<span class="ccc-header-v3-price-value"  style="color: ` + cccCurrentTheme.General.priceText + `;" id="CCCHeader3Price_` + fsym + `_USD" >
											$ 0.5299
										</span>
										` + elChange + `
									</a>
									`;
	embedableCoin.appendChild(priceDiv);
	

	var fsym = 'DOT';
	
	
	var priceDiv                   = document.createElement("div");
	priceDiv.className             = "ccc-header-v3-ccc-price-container";
	var elChange = '';
	var elLogo	 = '';

	if (cccCurrentTheme.General.showChangePercent)
		elChange = `
					<span
						class="ccc-header-v3-price-change"
						id="CCCHeader3ChangePctContainer_` + fsym + `_USD"
						style="color: ` + cccCurrentTheme.Trend.colorDown + `;"
					>
						(<span id="CCCHeader3ChangePct` + fsym + `_USD">-0.61 %</span>)
					</span>
		`;
	
	if (cccCurrentTheme.General.showLogo) {
		elLogo = `
			<img class="ccc-header-v3-price-logo" src="/wp-content/themes/cryptotimes/assets/img/coins/dot.png" loading="eager" decoding="async" alt="Polkadot Coin (DOT) image" style="width: 15px; height: 15px; vertical-align: middle;"/>
		`;	
	}
		


	priceDiv.innerHTML    		   = `
									<a href="https://www.cryptocompare.com/coins/dot/overview/usd" target="_blank" rel="nofollow noopener">
										` + elLogo + `
										<span class="ccc-header-v3-price-name">DOT: </span>
										<span class="ccc-header-v3-price-value"  style="color: ` + cccCurrentTheme.General.priceText + `;" id="CCCHeader3Price_` + fsym + `_USD" >
											$ 7.17
										</span>
										` + elChange + `
									</a>
									`;
	embedableCoin.appendChild(priceDiv);
	

	var fsym = 'DOGE';
	
	
	var priceDiv                   = document.createElement("div");
	priceDiv.className             = "ccc-header-v3-ccc-price-container";
	var elChange = '';
	var elLogo	 = '';

	if (cccCurrentTheme.General.showChangePercent)
		elChange = `
					<span
						class="ccc-header-v3-price-change"
						id="CCCHeader3ChangePctContainer_` + fsym + `_USD"
						style="color: ` + cccCurrentTheme.Trend.colorUp + `;"
					>
						(<span id="CCCHeader3ChangePct` + fsym + `_USD">10.48 %</span>)
					</span>
		`;
	
	if (cccCurrentTheme.General.showLogo) {
		elLogo = `
			<img class="ccc-header-v3-price-logo" src="/wp-content/themes/cryptotimes/assets/img/coins/doge.png" loading="eager" decoding="async" alt="Dogecoin Crypo (DOGE) image" style="width: 15px; height: 15px; vertical-align: middle;"/>
		`;	
	}
		


	priceDiv.innerHTML    		   = `
									<a href="https://www.cryptocompare.com/coins/doge/overview/usd" target="_blank" rel="nofollow noopener">
										` + elLogo + `
										<span class="ccc-header-v3-price-name">DOGE: </span>
										<span class="ccc-header-v3-price-value"  style="color: ` + cccCurrentTheme.General.priceText + `;" id="CCCHeader3Price_` + fsym + `_USD" >
											$ 0.1493
										</span>
										` + elChange + `
									</a>
									`;
	embedableCoin.appendChild(priceDiv);
	


embedableCoin.style.position="absolute";
embedableCoin.style.animation="35s linear 0s infinite normal none running ticker";
inner.appendChild(embedableCoin);
embedable.appendChild(inner);

embedableCoin.appendChild(style);
document.currentScript.parentNode.appendChild(embedable);
if(!document.getElementById('marquee-js-js')){
	var e=document.querySelector('#marquee-element');
	var c=e.cloneNode(true);
	c.id="marquee-element1";
	c.className="ccc-coin-header-v3-container marquee1";
	c.style='position:relative;animation:ticker1 10s linear infinite;animation-delay:250ms;';
	// e.parentNode.appendChild(c);
  e.innerHTML += "<span style='margin:0 50px'></span>" + c.innerHTML + "<span style='margin:0 50px'></span>";
	
	var style = document.createElement('style');
style.type = 'text/css';
var keyFrames = `
@keyframes ticker{
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
    transform: translateX(calc(-50% - 120px - 50px));
    transform: translateX(calc(-50% - 120px));
  }
}
@keyframes ticker1{
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@media only screen and (min-width: 1025px){
  .mkd-mobile-header .mkd-mobile-nav .mkd-grid{overflow:unset}
}

#marquee-element:hover{
  animation-play-state:paused!Important
}

/*.ccc-widget{
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
}*/

.mkd-content-inner>.tradingview-widget-container {
  border-top: unset; /* remove this after 2023-04-25, as the rucss should have finished */
  max-width: 1590px;
  margin: 0 auto;
  padding: 0 15px;
}
.mkd-content-inner>.tradingview-widget-container>.tradingview-widget-container__widget {
  border-top: 1px solid #dee2e6;
}
`;
style.innerHTML = keyFrames.replace(/A_DYNAMIC_VALUE/g, "180deg");
document.getElementsByTagName('head')[0].appendChild(style);
}
var cccHeaderV3RefreshDataInterval = setInterval(cccRefreshHeaderV3DataHeader, 30000);


if (cccCurrentTheme.General.enableMarquee) {
	new scrollIfNeeded(embedableCoin);
}