var cssString = `
<style>
	#plus18-overlay{
		background:rgba(0,0,0,0.8);
		position: absolute;
		bottom:0px;
		top:0px;
		left:0px;
		right:0px;
		z-index:9999;
		color:#fff;
	}
	
	.plus18-overflow{
		overflow:hidden;
	}
	
	#plus18-contentblock{
		position: absolute;
		top:50%;
		left:50%;
		width:250px;
		transform: translate(-50%,-50%);
		text-align: center;
		font-size:22px;
		z-index:10000;
	}
	
		#plus18-terms-button{
			font-size:18px;
			cursor: pointer;
		}
	
	#plus18-terms{
		width:250px;
		height:250px;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		padding:20px 0 20px 20px;
		background:#fff;
		border-radius: 5px;
		z-index:10001;
		color:#000;
		display:none;
	}
	
		#plus18-terms-content{
			overflow-y: scroll;
			height:250px;
		}
	
		#plus18-terms p{
			margin-bottom:15px!important;
		}
		
		#plus18-terms-close{
			position: absolute;
			top:-20px;
			right:0px;
			color:#fff;
			cursor: pointer;
		}
		
	#plus18-contentblock-buttons{
		padding:15px 0;
	}
	
		#plus18-accept{
			display:inline-block;
			margin-right:15px;
			color:#0f0;
			font-weight: bold;
			font-size:26px;
			cursor: pointer;
		}
		
		#plus18-decline{
			display:inline-block;
			margin-left:15px;
			color:#f00;
			font-weight: bold;
			font-size:26px;
			cursor: pointer;
		}
	
</style>
`;


var htmlString = `
<div id="plus18-overlay">
	<div id="plus18-contentblock">
		Ik ben 18 jaar of ouder en accepteer cookies van de site.		<div id="plus18-contentblock-buttons">
			<span id="plus18-accept">Yes</span><span id="plus18-decline">No</span>
		</div>
		<span id="plus18-terms-button">Deze site kan erotische content bevatten.</span>
	</div>
	<div id="plus18-terms">
		<span id="plus18-terms-close">Close</span>
		<div id="plus18-terms-content">
			<p>English Terms</p>		</div>
	</div>
</div>`;

var cookie = document.cookie.indexOf('plus18cookie');

if(cookie == "-1"){
	$(document.body).append(cssString);
	$(document.body).append(htmlString);
	$(document.body).addClass("plus18-overflow");
}

$("#plus18-terms-button").click(function(){
	$("#plus18-contentblock").hide();
	$("#plus18-terms").show();
})

$("#plus18-terms-close").click(function(){
	$("#plus18-contentblock").show();
	$("#plus18-terms").hide();
})

$("#plus18-decline").click(function(){
	window.location.href = 'https://www.misolo.com';
    return false;
})


$("#plus18-accept").click(function(){
	$(document.body).removeClass("plus18-overflow");
	$("#plus18-overlay").hide();
	var now = new Date();
	var time = now.getTime();
	var expireTime = time + 10000000;
	now.setTime(expireTime);
	document.cookie = 'plus18cookie=1;expires='+now.toGMTString()+';path=/';
})