// Silvercrayon Labs platform
	// ©2019 Hank Mitchell and Silvercrayon Labs
	// for more information -> https://silvercrayon.us/
    // ID: ifRRgGy7JOpyivbq
	function setPSthisURLtoHref(){
		
		ndf = document.getElementsByTagName("a");
		for (var i=0; i<ndf.length; i++){
			ndf[i].href = ndf[i].href.replace(/PSthisURL/,window.location.href);
			console.log(ndf);
		}
	}
	
	function ajaxMetricsUpdate(){
		var xhttp = new XMLHttpRequest();
  		xhttp.onreadystatechange = function() {
    	if (this.readyState == 4 && this.status == 200) {
            console.log ( "ajaxMetricsUpdate" + xhttp.responseText );
			}
  		};
		xhttp.open("GET", "https://silvercrayon.us/brandboard/update-metrics.php?brandboard=ifRRgGy7JOpyivbq", true);
  		xhttp.send();
		}
    ajaxMetricsUpdate();
                                    
	

if(window.location.href.match(/psemail/) && !mode){





var contents = `

<div style="margin:12px 0px;  margin:auto; font-family: sans-serif; font-size:16px; background: #eee;" >
			<br><div style="width:600px;padding:30px;margin:auto;border-radius:9px;background-color:white;margin:auto; color: #333; font-size: 16.12px; line-height: 1.7em; font-family: segoe ui, Verdana, Arial, Helvetica,sans-serif;" >
				hello Users,<BR><BR>
				Copy and paste this entire page into an email for custom email marketing.
<BR>
	<BR><BR><BR><BR><BR><BR>
		
		
		
		<a href=""><img src="https://silvercrayon.us/brandboard/admin/uploads/silvercrayon.com-brandboard-hEr3Plyre3.png" style="width:100%; border-radius:4px;"></a>
	
	
	
	
	</div>	<br><br>
			</div>`;



var mode = "pslanding";
        var landDiv = document . createElement( 'div' );
		document . getElementsByTagName( "html" )[ 0 ] . innerHTML = contents;




}




if(window.location.href.match(/pslanding/) && !landDiv){
		var mode = "pslanding";
        
        var landDiv = document . createElement( 'div' );
		document . getElementsByTagName( "html" )[ 0 ] . appendChild( landDiv );
		landDiv . id = "landDiv-box-ifRRgGy7JOpyivbq";
		landDiv . style . top = "5%";
		landDiv . style . borderRadius = "5px";
		landDiv . style . position = "absolute";
		landDiv . style . width = "100%";
		landDiv . classList.add("landDiv");
		landDiv . style . zIndex = 999999;
		landDiv . style . padding = "25px";
		landDiv . style . color = "#333";
		landDiv . style . opacity = "1";
		landDiv . style . boxSizing = "border-box";
		landDiv . style . fontFamily = "sans-serif";
		
		landDiv . style . fontSize = "16px";

var contents = `<style>.cchov{background: #333;    transition: all .5s;}.cchov:hover{background: #1153A2;    transition: all .5s;}</style>
<div style="border-radius: 5px; position: relative; width: 100%; margin: auto; padding: 25px; color: rgb(51, 51, 51); opacity: 1; box-sizing: border-box; font-family: sans-serif; background: rgb(238, 238, 238); font-size: 16px; box-shadow: rgb(0, 0, 0) 10px 10px 52px 0px;text-align: center;max-width:800px;" onmouseenter="setPSthisURLtoHref();">
	
	<a href="#" id="closeLink" onclick="closeldPanel();"  ><img src="https://silvercrayon.us/promo-seltzer/img/close-icon2.png" style="margin-left:12px;position:absolute;top:19px;right:20px;height:29px;"></a>
	
	
<div style="margin:auto; padding-bottom: 20px; "  id="message">
	<h1 >Get in touch</h1>
	<h3 >Let us know who you are</h3></span> </h1>


				<br><input name='Name' placeholder='Name'  style='padding:10px;width:100%;max-width:300px;border: none;border-radius: 4px;'><br><br><input name='Email' placeholder='Email'  style='padding:10px;width:100%;max-width:300px;border: none;border-radius: 4px;'><br><br><textarea name='Comments' placeholder='Comments' style='padding:10px;width:100%;max-width:300px;border: none;border-radius: 4px;'></textarea><br>				<!--
				<input name="name" id="pslandname" placeholder="Your Name" required="" style="padding:10px;width:100%;max-width:300px;border: none;border-radius: 4px;"><br><br>
				<input name="email"  id="pslandemail" placeholder="Your Email or Twitter Address" type="text" required="" style="padding:10px;width:100%;max-width:300px;border: none;border-radius: 4px;"><br><br>
				<textarea name="comments" id="pslandcomments"placeholder="Your Comments" style="padding:10px;width:100%;max-width:300px;border: none;border-radius: 4px; height:200px;"></textarea>
				-->
				
				
				<br><br>
				<input type="submit" style="color:white; border-radius:4px;padding:10px;background-color:#0778bc;border:0;width:100%;max-width:300px;" value="Submit" onclick="submitpsland();">
	<input  id="pslandid" value="ifRRgGy7JOpyivbq" type="hidden"><br>
		</div></div>`;


	landDiv . innerHTML = contents;
		
//landDiv.classList.add("cchov");

        }

function submitpsland(){

var jdata = {};

jdata.name = document.getElementById('pslandname').value;
jdata.email = document.getElementById('pslandemail').value;
jdata.comments = document.getElementById('pslandcomments').value;
jdata.id = document.getElementById('pslandid').value;

var jdataAsJSON = encodeURI(JSON.stringify(jdata));




console.log(JSON.stringify(jdata));
var imgProcessURL = `<img src="https://silvercrayon.us/promo-seltzer/?processlanding=1&payload=${jdataAsJSON}" style="height:0px;">`;

document.getElementById("landDiv").innerHTML=`Thanks for filling out the form. <a href="#" id="closeLink" onclick="closeldPanel();"  >You may now close this box.</a><a href="#" id="closeLink" onclick="closeldPanel();"  ><img src="https://silvercrayon.us/promo-seltzer/img/close-icon2.png" style="margin-left:12px;position:absolute;top:19px;right:20px;height:29px;"></a>${imgProcessURL}`;
}




function closeldPanel(){
landDiv.style.display="none";
        
}

	


	function insertbrandboard( e ) {
		var n = new XMLHttpRequest;
		n . onreadystatechange = function () {
			4 == this . readyState && 200 == this . status && function ( e ) {
				var n = document . createElement( "div" );
				n . innerHTML = e, n . id = "brandboardID-ifRRgGy7JOpyivbq";
				if (document.getElementById("body")){
        
        var t=document.getElementsByTagName("body")[0];
        } else {
        var t=document.getElementsByTagName("body")[0];
        
        }
        console.log(t.tagName);

				t . parentNode . insertBefore( n, t . nextSibling )
			}( n . responseText )
		}, n . open( "GET", e, !0 ), n . send()
	}
    function insertbrandboardtop( e ) {
		var n = new XMLHttpRequest;
		n . onreadystatechange = function () {
			4 == this . readyState && 200 == this . status && function ( e ) {
				
        var n = document . createElement( "div" );
				n . innerHTML = e;
				
                n . id = "brandboardID-ifRRgGy7JOpyivbq";
				document.getElementsByTagName("body")[0].prepend( n);
				       
        
			}( n . responseText )
		}, n . open( "GET", e, !0 ), n . send()
	}
    
    
            
        
        
	
		// vars expected
	// curtain code
		var curtainInitDelay = 1;
	var curtainText = "Learn more about Brandboard";
	var curtainURL = "https://silvercrayon.us/brandboard/?ctid=ifRRgGy7JOpyivbq";
	var triggerInterval = "3";
	var ccTimeOut = "ccTimeOutifRRgGy7JOpyivbq";
	var maxCurtiansifRRgGy7JOpyivbq = 100;
	
	function setcookie(name, value, seconds) {
	if (seconds) {
		var date = new Date();
		date.setTime(date.getTime() + seconds * 1000); // ) removed
		var expires = "; expires=" + date.toGMTString(); // + added
	} else
		var expires = "";
	document.cookie = name + "=" + value + expires + ";path=/"; // + and " added
}


function getCookie(cname) {
	var name = cname + "=";
	var ca = document.cookie.split(";");
	for (var i = 0; i < ca.length; i++) {
		var c = ca[i];
		while (c.charAt(0) == " ") {
			c = c.substring(1);
		}
		if (c.indexOf(name) == 0) {
			return c.substring(name.length, c.length);
		}
	}
	return "";
}
	setcookie("curtainInitDelayifRRgGy7JOpyivbq",true,curtainInitDelay);
					  
								  

	// curtain code
	function closePanel() {
		if ( document . getElementById( "callingCard" ) ) {
			document . getElementById( "callingCard" ) . style . display = "none";
			document . getElementById( "callingCard" ) . parentNode . removeChild( document . getElementById( "callingCard" ) );
		}
	}
	// curtain code
	function leaveCard() {
		if ( document . getElementById( "callingCard" ) ) {
			console.log("callingCard id already exists");
			return;
		}
		// curtain code
		if ( !curtainText || !curtainURL ) {
			console.log("No !curtainText || !curtainURL");
			return;
		}
		var callingCard = document . createElement( 'div' );
		document . getElementsByTagName( "html" )[ 0 ] . appendChild( callingCard );
		callingCard . id = "callingCard";
		callingCard . style . left = "0px";
		callingCard . style . borderRadius = "5px";
		callingCard . style . position = "fixed";
		callingCard . style . textAlign = "center";
		callingCard . style . zIndex = 999999;
		callingCard . style . bottom = "0px";
		callingCard . style . width = "auto";
		callingCard . style . margin = "35px";
		callingCard . style . padding = "25px";
		callingCard . style . color = "white";
		callingCard . style . opacity = "1";
		callingCard . style . boxSizing = "border-box";
		callingCard . style . fontFamily = "sans-serif";
		
		callingCard . style . fontSize = "16px";
		callingCard . style . boxShadow = "10px 10px 52px 0px rgba(0, 0, 0, 1)";
        //var customHTML = `<!-- custom HTML start -->
////<!-- custom HTML end -->`;
       // var customCode = document . createElement( 'div' );
       // customCode.innerHTML = customHTML;
      //  document.body.appendChild(customCode);
callingCard . innerHTML = '<style>.cchov{background: #333;    transition: all .5s;}.cchov:hover{background: #1153A2;    transition: all .5s;}</style><div style="margin-right:47px;" onmouseenter="setPSthisURLtoHref();"><a id="cc-linkbox-ifRRgGy7JOpyivbq" target="_blank" href="' + curtainURL + '"  style="color:white;font-size:16px;text-decoration:none;">' + curtainText + '</a></div><a href="#" id="closeLink" style="color:white;;font-size:16px;" ><img src="https://silvercrayon.us/promo-seltzer/img/close-icon2.png" style="margin-left:12px;position:absolute;top:19px;right:20px;height:29px;"></a>';
		document . getElementById( "closeLink" ) . addEventListener( "click", closePanel );
callingCard.classList.add("cchov");
	}



	// curtain code
	var adImage = "https://silvercrayon.us/brandboard/admin/uploads/silvercrayon.com-brandboard-hEr3Plyre3.png";
	var theBody = document . getElementsByTagName( "body" )[ 0 ];
	var preloader = document . createElement( 'img' );
	preloader . src = adImage;
	preloader . style . height = "1px";
	preloader . style . width = "1px";
	preloader . style . position = "fixed";
	preloader . style . top = "-200px";
	document . getElementsByTagName( "html" )[ 0 ] . appendChild( preloader );
	var bodyOrigPadding = theBody . style . padding;
	var bodyOrigMargin = theBody . style . margin;
	document . getElementsByTagName( "html" )[ 0 ] . style . minHeight = "100%";
	if ( adImage ) {
		document . getElementsByTagName( "html" )[ 0 ] . addEventListener( "mouseleave", rollit );
	}

	function revert() {
		var element = document . getElementById( "feature" );
		theBody . style . padding = bodyOrigPadding;
		theBody . style . margin = bodyOrigMargin;
		if ( element ) {
			element . style . display = "none";
			element . parentNode . removeChild( element );
			leaveCard();
		}
	}

	function checkMaxCurtains(){
		if (!getCookie("ccRollCountifRRgGy7JOpyivbq")){
		setcookie("ccRollCountifRRgGy7JOpyivbq",1,86400);
		console.log("setting a fresh cookie for rollcount");
	} else {
		var theRoll = getCookie("ccRollCountifRRgGy7JOpyivbq");
		var theRollPlusOne = parseInt(theRoll) + 1;
		console.log("the max number of curtains is "+ maxCurtiansifRRgGy7JOpyivbq);
		if (theRollPlusOne > maxCurtiansifRRgGy7JOpyivbq){
			console.log(theRollPlusOne+" - max curtains exceeded.");
			var hidead = 1;
			return true ;
		} else {
			setcookie("ccRollCountifRRgGy7JOpyivbq",theRollPlusOne,86400);
			return false ;
		}
	}

	}




	function rollit() {

	if (getCookie("curtainInitDelayifRRgGy7JOpyivbq")){
		var curtainInitDelayState = 1;
		console.log("will hide ad due to initdelay")
	}	
	

	if (getCookie(ccTimeOut)){
		var hidead = 1;
		console.log("will hide ad")
	}						  
	if (!getCookie(ccTimeOut)){
		var hidead = '';
		setcookie(ccTimeOut,1,triggerInterval);
console.log("will show ad")

if (mode=="pslanding"){
var hidead = 1;
}
	}			
if (!hidead && !curtainInitDelayState){	
		
		if (!checkMaxCurtains()){
			
		var trackingImg = document . createElement( 'img' );
		trackingImg . src = "https://silvercrayon.us/brandboard/?ccTrack=ifRRgGy7JOpyivbq";
		trackingImg . style.height = "1px";

		theBody . style . padding = "0px";
		theBody . style . margin = "0px";
		theBody . style . minHeight = "100%";
		var elem = document . createElement( 'div' );
		var innerImg = document . createElement( 'img' );
		elem . innerHTML = "<style>@keyframes fadeMe {from {opacity: 0;}to{opacity: 1;}}</style>";
		innerImg . src = adImage;
		innerImg . id = "psFeatureImg-ifRRgGy7JOpyivbq";
		innerImg . style . top = "0px";
		innerImg.style.width = "100%";		innerImg . style . animation = "fadeMe .9s";
		innerImg . style . boxShadow = "10px 10px 52px 0px rgba(0, 0, 0, 1)";
		innerImg . style . title = "Click to hide ad.";
		innerImg . addEventListener( "mouseover", revert );
		elem . appendChild( innerImg );
		elem . id = "feature";
		elem . style . height = "100%";
		elem . style . width = "100%";
		elem . style . position = "fixed";
		elem . style . textAlign = "center";
		elem . style . zIndex = 999999;
		elem . style . top = "0px";
		elem . style . backgroundColor = "#333";
		elem . addEventListener( "mouseenter", revert );
		elem . appendChild(trackingImg);

		document . getElementsByTagName( "html" )[ 0 ] . appendChild( elem );
		
		console . log( "rollit fired." );
		}
	}
	}