var CurrentMouseXPostion;
var CurrentMouseYPostion;

$(document).mousemove(function(event) {
    CurrentMouseXPostion = event.pageX;
    CurrentMouseYPostion = event.pageY;
	
	//console.log(CurrentMouseXPostion+' '+CurrentMouseYPostion);
});


$(document).ready(function() {

		
		$("#wt-btn").click(function(){
				if($('.okineko').css('display') == 'none' ){
					$('.okineko').show();
					$('#wt-btn img').attr('src', 'https://accessibility.ppv.stream/icon3.png');
				}else{
					$('.okineko').hide();
					$('#wt-btn img').attr('src', 'https://accessibility.ppv.stream/icon2.png');
				}
				
				return false;
		});
		
		
		$(".opt1").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('invert');
					
					setCookie("opt1", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('invert');
					
					setCookie("opt1", 1, 100);
					
					
					setCookie("opt3", 0, 100);
					$(".opt3").removeClass('optx-active');
					$('html').removeClass('grayscale');
					setCookie("opt12", 0, 100);
					$(".opt12").removeClass('optx-active');
					$('html').removeClass('saturate');
					
				}
				
				
				return false;
		});
		
		
		$(".opt2").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('wt-opt2');
					
					setCookie("opt2", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('wt-opt2');
					
					setCookie("opt2", 1, 100);
				}
				
				
				return false;
		});
		
		
		
		$(".opt3").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('grayscale');
					
					setCookie("opt3", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('grayscale');
					
					setCookie("opt3", 1, 100);
					
					
					setCookie("opt1", 0, 100);
					$(".opt1").removeClass('optx-active');
					$('html').removeClass('invert');
					setCookie("opt12", 0, 100);
					$(".opt12").removeClass('optx-active');
					$('html').removeClass('saturate');
					
					
				}
				
				
				return false;
		});
		
		
		
		$(".opt5").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('bigfont');
					
					setCookie("opt5", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('bigfont');
					
					setCookie("opt5", 1, 100);
				}
				
				
				return false;
		});
		
		$(".opt6").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('smallfont');
					
					setCookie("opt6", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('smallfont');
					
					setCookie("opt6", 1, 100);
				}
				
				
				return false;
		});
		
		
		
		$(".opt7").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('noanimation');
					
					setCookie("opt7", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('noanimation');
					
					setCookie("opt7", 1, 100);
				}
				
				
				return false;
		});
		
		
		$(".opt8").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('noimage');
					
					setCookie("opt8", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('noimage');
					
					setCookie("opt8", 1, 100);
				}
				
				
				return false;
		});
		
		$(".opt9").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('cursor');
					
					setCookie("opt9", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('cursor');
					
					setCookie("opt9", 1, 100);
				}
				
				
				return false;
		});
		
		
		
		$(".opt10").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('lineheight');
					
					setCookie("opt10", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('lineheight');
					
					setCookie("opt10", 1, 100);
				}
				
				
				return false;
		});
		
		
		$(".opt11").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('otleft');
					
					$('.opt11 .img-optx').attr('src', 'https://accessibility.ppv.stream/SVG/lewa.svg');
					$('.opt11 .txt-optx').html('Tekst do lewej');
					
					
					if(getCookie("opt11") == '1'){
						setCookie("opt11", 2, 100);
						
						$('.opt11 .img-optx').attr('src', 'https://accessibility.ppv.stream/SVG/cenr.svg');
						$('.opt11 .txt-optx').html('Tekst centralnie');
						
						$(this).addClass('optx-active');
						$('html').addClass('otcenter');
						
						
					}else if(getCookie("opt11") == '2'){
						setCookie("opt11", 3, 100);
						
						$('.opt11 .img-optx').attr('src', 'https://accessibility.ppv.stream/SVG/prawa.svg');
						$('.opt11 .txt-optx').html('Tekst do prawej');
						
						$(this).addClass('optx-active');
						$('html').addClass('otright');
						
						
					}else if(getCookie("opt11") == '3'){
						setCookie("opt11", 4, 100);
						
						$('.opt11 .img-optx').attr('src', 'https://accessibility.ppv.stream/SVG/wyjustuj.svg');
						$('.opt11 .txt-optx').html('Tekst wyjustowany');
						
						$(this).addClass('optx-active');
						$('html').addClass('otjustify');
						
					}else{
						$(this).removeClass('optx-active');
						$('html').removeClass('otjustify');
						setCookie("opt11", 0, 100);
						$('.opt11 .txt-optx').html('Wyrównanie auto');
					}
					
					
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('otleft');
					
					$('.opt11 .img-optx').attr('src', 'https://accessibility.ppv.stream/SVG/lewa.svg');
					$('.opt11 .txt-optx').html('Tekst do lewej');
					
					setCookie("opt11", 1, 100);
				}
				
				
				return false;
		});
		
		
		$(".opt12").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('saturate');
					
					setCookie("opt12", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('saturate');
					
					setCookie("opt12", 1, 100);
					
					setCookie("opt1", 0, 100);
					$(".opt1").removeClass('optx-active');
					$('html').removeClass('invert');
					setCookie("opt3", 0, 100);
					$(".opt3").removeClass('optx-active');
					$('html').removeClass('grayscale');
					
				}
				
				
				return false;
		});
		
		$(".opt13").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('odc');
					
					setCookie("opt13", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('odc');
					
					setCookie("opt13", 1, 100);
				}
				
				
				return false;
		});
		
		
		$(".opt14").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('letterspacing');
					
					setCookie("opt14", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('letterspacing');
					
					setCookie("opt14", 1, 100);
				}
				
				
				return false;
		});
		
		$(".opt15").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('zakladka');
					
					setCookie("opt15", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('zakladka');
					
					setCookie("opt15", 1, 100);
				}
				
				
				return false;
		});
		
		
		$(".opt16").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('otcenter');
					
					setCookie("opt16", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('otcenter');
					
					setCookie("opt16", 1, 100);
				}
				
				
				return false;
		});
		
		$(".opt17").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('otright');
					
					setCookie("opt17", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('otright');
					
					setCookie("opt17", 1, 100);
				}
				
				
				return false;
		});
		
		
		$(".opt18").click(function(){
				if($(this).hasClass('optx-active')){
					$(this).removeClass('optx-active');
					$('html').removeClass('otjustify');
					
					setCookie("opt18", 0, 100);
					
				}else{
					$(this).addClass('optx-active');
					$('html').addClass('otjustify');
					
					setCookie("opt18", 1, 100);
				}
				
				
				return false;
		});
		
		
})





$('body').append('<div class="okienkotop" id="okienkotop">  <div class="okineko blur1" style="padding:10px;" > 	<div class="okienko-scroll"> 		<div class="optx opt1" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/kontras.svg" alt="kontrast" /><br />Kontrast 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		<div class="optx opt2"> 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/link.svg" alt="Poświetlenie linków" /><br />Poświetlenie linków 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		 		<div class="optx opt3" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/szarosci.svg" alt="Odcienie szarości" /><br />Odcienie szarości 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		 		<div class="optx opt5" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/duzy.svg" alt="Duży tekst" /><br />Duży tekst 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		<div class="optx opt6" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/maly.svg" alt="Mały tekst" /><br />Mały tekst 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		<div class="optx opt7" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/zatrzymaj.svg" alt="Zatrzymaj animacje" /><br />Zatrzymaj animacje 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		 		<div class="optx opt8" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/ukryj obrazy.svg" alt="Ukryj obrazy" /><br />Ukryj obrazy 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		 		<div class="optx opt9" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/kursor.svg" alt="Duży kursor" /><br />Duży kursor 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		<div class="optx opt10" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/wysokosc.svg" alt="Wysokość linii" /><br />Wysokość linii 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		<div class="optx opt11" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/lewa.svg" alt="Wyrównanie" /><br /><span class="txt-optx" style="line-height: 20px !important;">Wyrównanie auto</span> 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 	 		 		<div class="optx opt12" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/knasycenia.svg" alt="Nasycenie" /><br />Nasycenie 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		<div class="optx opt13" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/dysleksja.svg" alt="Przyjazny dla dysleksji" /><br />Przyjazny dla dysleksji 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 		<div class="optx opt14" > 			<img class="img-optx" src="https://accessibility.ppv.stream/SVG/odstepy.svg" alt="Odstępy między tekstami" /><br />Odstępy między tekstami 			 			<span class="wt-optx-close"><i class="bi bi-x"></i><i class="bi bi-check"></i></span> 		</div> 		 	 		 		<div class="clearfix"></div> 		 	</div> 		 		<div style="text-align:center;margin-top:20px;"> 			<a href="#" onclick="return clearOptions();" style="font-size:16px !important;text-decoration:none;font-weight:bold;padding:10px 20px;color:#fff;border-radius:12px;background: -ms-linear-gradient(-65deg, #10E834 0%, #B9EBCB 100%);background: -moz-linear-gradient(-65deg, #10E834 0%, #B9EBCB 100%);background: -webkit-linear-gradient(-65deg, #10E834 0%, #B9EBCB 100%);">Zresetuj wszystkie ustawienia</a> 		</div> 		 		<div style="text-align:center;margin-top:20px;"> 			<a href="#" style="color:#000;font-size:16px !important;">Deklaracja dostępności</a> 		</div> 	 	 	<div style="display:none;"> 	  Na potem: Czytaj stronę Inteligentny kontrast Struktura strony Zakładka Raeading mask </div> 	   </div> <div class="smiley-construct2 blur1" style="float:right;border-radius:50%;border:5px solid #fff;width:70px;height:70px;text-align:Center;padding-top:10px;padding-left:4px;; background: -ms-linear-gradient(-65deg, #10E834 0%, #B9EBCB 100%);background: -moz-linear-gradient(-65deg, #10E834 0%, #B9EBCB 100%);background: -webkit-linear-gradient(-65deg, #10E834 0%, #B9EBCB 100%);">       <a href="#" id="wt-btn"><img src="https://accessibility.ppv.stream/icon2.png" alt="accessibility" style="height:40px;"></a> </div>  </div>');


if(getCookie("opt1") == '1'){
	$('.opt1').addClass('optx-active');
	$('html').addClass('invert');
}

if(getCookie("opt2") == '1'){
	$('.opt2').addClass('optx-active');
	$('html').addClass('wt-opt2');
}

if(getCookie("opt3") == '1'){
	$('.opt3').addClass('optx-active');
	$('html').addClass('grayscale');
}

if(getCookie("opt5") == '1'){
	$('.opt5').addClass('optx-active');
	$('html').addClass('bigfont');
}

if(getCookie("opt6") == '1'){
	$('.opt6').addClass('optx-active');
	$('html').addClass('smallfont');
}


if(getCookie("opt7") == '1'){
	$('.opt7').addClass('optx-active');
	$('html').addClass('noanimation');
}

if(getCookie("opt8") == '1'){
	$('.opt8').addClass('optx-active');
	$('html').addClass('noimage');
}

if(getCookie("opt9") == '1'){
	$('.opt9').addClass('optx-active');
	$('html').addClass('cursor');
}

if(getCookie("opt10") == '1'){
	$('.opt10').addClass('optx-active');
	$('html').addClass('lineheight');
}

if(getCookie("opt11") == '1'){
	$('.opt11').addClass('optx-active');
	$('html').addClass('otleft');
	
	$('.opt11 .img-optx').attr('src', 'https://accessibility.ppv.stream/SVG/lewa.svg');
	$('.opt11 .txt-optx').html('Tekst do lewej');
	
}




if(getCookie("opt12") == '1'){
	$('.opt12').addClass('optx-active');
	$('html').addClass('saturate');
}

if(getCookie("opt13") == '1'){
	$('.opt13').addClass('optx-active');
	$('html').addClass('odc');
}


if(getCookie("opt14") == '1'){
	$('.opt14').addClass('optx-active');
	$('html').addClass('letterspacing');
}

if(getCookie("opt15") == '1'){
	$('.opt15').addClass('optx-active');
	$('html').addClass('zakladka');
}


if(getCookie("opt11") == '2'){
	$('.opt11').addClass('optx-active');
	$('html').addClass('otcenter');
	
	$('.opt11 .img-optx').attr('src', 'https://accessibility.ppv.stream/SVG/cenr.svg');
	$('.opt11 .txt-optx').html('Tekst centralnie');
	
}

if(getCookie("opt11") == '3'){
	$('.opt11').addClass('optx-active');
	$('html').addClass('otright');
	
	$('.opt11 .img-optx').attr('src', 'https://accessibility.ppv.stream/SVG/prawa.svg');
	$('.opt11 .txt-optx').html('Tekst do prawej');
	
}

if(getCookie("opt11") == '4'){
	$('.opt11').addClass('optx-active');
	$('html').addClass('otjustify');
	
	$('.opt11 .img-optx').attr('src', 'https://accessibility.ppv.stream/SVG/wyjustuj.svg');
	$('.opt11 .txt-optx').html('Tekst wyjustowany');
	
}


function clearOptions(){

	$('.optx').removeClass('optx-active');
	setCookie("opt1", 0, 100);
	setCookie("opt2", 0, 100);
	setCookie("opt3", 0, 100);
	setCookie("opt4", 0, 100);
	setCookie("opt5", 0, 100);
	setCookie("opt6", 0, 100);
	setCookie("opt7", 0, 100);
	setCookie("opt8", 0, 100);
	setCookie("opt9", 0, 100);
	setCookie("opt10", 0, 100);
	setCookie("opt11", 0, 100);
	setCookie("opt12", 0, 100);
	setCookie("opt13", 0, 100);
	setCookie("opt14", 0, 100);
	
	$('html').removeClass('invert');
	$('html').removeClass('wt-opt2');
	$('html').removeClass('grayscale');
	$('html').removeClass('bigfont');
	$('html').removeClass('smallfont');
	$('html').removeClass('noanimation');
	$('html').removeClass('noimage');
	$('html').removeClass('lineheight');
	$('html').removeClass('letterspacing');
	
	$('html').removeClass('odc');
	$('html').removeClass('saturate');
	
	$('html').removeClass('zakladka');
	
	$('html').removeClass('otleft');
	$('html').removeClass('otcenter');
	$('html').removeClass('otright');
	$('html').removeClass('otjustify');
	$('html').removeClass('cursor');

	return false;
}


function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;
}

function getCookie(c_name) {
    var i, x, y, ARRcookies = document.cookie.split(";");
    for (i = 0; i < ARRcookies.length; i++) {
        x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
        x = x.replace(/^\s+|\s+$/g, "");
        if (x == c_name) {
            return unescape(y);
        }
    }
}

function cssSelected() {
    var cssSelected = $('#myList')[0].value;
    if (cssSelected !== "select") {
        setCookie("selectedCSS", cssSelected, 3);
    }
}