if(navigator.userAgent.indexOf("QtWebEngine") > 0) {
	new QWebChannel(qt.webChannelTransport, function (channel) {
		// now I retrieve my object
		window.sight = channel.objects.handler;
	});
}
/*
function docReady(fn) {
	if(document.readyState === "complete" || document.readyState === "interactive") {
		setTimeout(fn, 1);
	} else {
		setTimeout(fn, 2);
		document.addEventListener("DOMContentLoaded", fn);
	}
}


	document.querySelectorAll('a').forEach(link => {
		link.onclick = function() { alert("ss"); } 
		
		link.addEventListener("click", (e) => {
			e.preventDefault();
			alert("sds");
		});
	});

document.addEventListener('DOMContentLoaded', (event) =>  {
	
	
	document.querySelectorAll('#screate').forEach(link => {
		alert("1");
		link.addEventListener("click", (e) => {
			alert("sds");
		});
	});
	
	
	const screate = document.getElementById("screate");
	screate.addEventListener("click",myFunc);

	document.getElementById("screate").onclick = e => {
		alert("ss")
	}
});*/
/*
document.getElementById("screate").onclick = e => {
	alert("ss")
}*/

/*const screate = document;*/

(function ( $ ) {
	$.fn.s_create = function() {
		 $(document).on( "click", "#screate", function() {
			event.preventDefault();
			window.sight.create($(this).data("id"), $(this).data("type"), function(sight_id) {
				
			});
		})   
    };
	$.fn.s_close = function() {
		$("body").on( "click", "#sclose", function() {
			event.preventDefault();
			window.sight.close();
		})   
    };
	$.fn.s_exit = function() {
		this.bind("click.s_exit", function (event) {
			event.preventDefault();
			window.sight.exit();
		});    
    };
	$.fn.s_toggled = function() {
		this.bind("click.s_toggled", function (event) {
			event.preventDefault();
			$(this).empty();
			if($(this).attr('state') != "maximized") { 	// set to the maximized
				window.sight.setMaximized();
				$(this).attr("state", "maximized");
				$(this).prepend('<img src="img/restoredown.png" height="20px" />')
			} else { 									// set to the restore down
				window.sight.restoreDown();
				$(this).attr("state", "restoredown");
				$(this).prepend('<img src="img/maximized.png" height="20px" />')
			}
		});    
    };
	$.fn.s_maximized = function() {
		this.bind("click.s_maximized", function (event) {
			if($(this).attr('state') != "maximized") {
				event.preventDefault();
				$("#stoggled").empty();
				window.sight.setMaximized()
				$("#stoggled").prepend('<img src="img/restoredown.png" height="20px" />')
				$("#stoggled").attr("state", "maximized");
			}
		});    
    };
	$.fn.s_restoredown = function() {
		this.bind("click.s_restoredown", function (event) {
			if($(this).attr('state') != "restoredown") {
				event.preventDefault();
				$("#stoggled").empty();
				window.sight.restoreDown();
				$("#stoggled").attr("state", "restoredown");
				$("#stoggled").prepend('<img src="img/maximized.png" height="20px" />')
			}
		});    
    };
	$.fn.s_minimize = function() {
		this.bind("click.s_minimize", function (event) {
			event.preventDefault();
			window.sight.setMinimize();
		});    
    };
	$.fn.s_fullscreen = function() {
		this.bind("click.s_fullscreen", function (event) {
			event.preventDefault();
			window.sight.setFullscreen();
		});    
    };
	$.fn.s_title = function() {
		$(this).text(window.sight.getTitle());  
    };
	$.fn.s_titlebar = function() {
		/* DISABLE TEXT SELECT */
		$( this ).attr('unselectable', 'on').css('user-select', 'none').on('selectstart dragstart', false);
        $( this ).mousedown(function() {
			/*$( "body" ).attr('unselectable', 'on').css('user-select', 'none').on('selectstart dragstart', false);*/
			if($(this).children("#stoggled").attr('state') == "restoredown")
				window.sight.move();
		})
		.mouseup(function() {
			/*$( "body" ).attr('unselectable', 'off').css('user-select', 'yes').on('selectstart dragstart', true);*/
			window.sight.endmove();
		});
 
    };
	$.fn.s_global_add = function() {
		this.bind("click.s_global_add", function (event) {
			event.preventDefault();
			//window.sight.global($(this));
		});    
    };
	$(document).mousemove(function(e){
		if(resizing)
			window.sight.resize();
	});
	$(document).mouseup(function(e){
		resizing = false
	});	
	$(document).mousedown(function(e){
		window.sight.activeSight();
	});	
	var resizing = false;
	$.fn.s_resize = function() {
		$(this).mousemove(function(e){
			event.preventDefault();
			if(e.buttons==1)
				resizing = true
		});    
    };
}( jQuery ));
function addData(key, value, is_global = false) {
	window.sight.addData(key,value, is_global);
}
function getData(key, is_global = false) {
	window.sight.getData(key, is_global, function(result) {
		alert(result)
	});
}
function sclose() {
	window.sight.close();
} 
function setTitle(title) {
	$("#stitle").text(title);
}

/***
 load function
 url = the content which will be embedded
 element = where the content will be embedded
 ***/
function load(url, element)
{
    fetch(url).then(res => {
		return res.text();
    }).then((html) => {
		element.innerHTML = html;
	});
}

$(document).ready(function(){
	const scontent = document.querySelectorAll('[scontent]');

	scontent.forEach((element) => {
	  	//$("[scontent="+element.getAttribute("scontent")+"]").load("content/"+element.getAttribute("scontent")+"/content.html");
		load("content/"+element.getAttribute("scontent")+"/content.html", document.querySelector("[scontent="+element.getAttribute("scontent")+"]"))
	});

	// INIT the Sight from init_sight variable
	if (typeof init_sight !== 'undefined') {
		
		for ( const [key,value] of Object.entries( init_sight ) ) {
			window.sight.console(key + " - " + value)
			switch(key) {
				case 'width': 
					window.sight.setWidth(value)
					break;
				case 'height': 
					window.sight.setHeight(value)
					break;
			}
		}
	}
	// INIT
	/*window.sight.getDefaultTemplate(function(default_template) {
		$('a[href]:not([href^="http://"]), a[href]:not([href^="https://"]), a[href]:not([href^="#"])').each(function(){
			if(!$(this).hasClass( "nav-link" )) {
				window.sight.console($(this).attr("href") + " je1");
				var newUrl = './templates/'+default_template+'/'+$(this).attr("href");
				$(this).attr("href", newUrl);
				window.sight.console(newUrl + " je2");
			}
		}); 
	});*/
	
	if($("#stoggled").length) {
		var attr = $("#stoggled").attr("state")
		if (typeof attr !== 'undefined' && attr !== false && (attr == "restoredown" || attr == "maximized")) {
			
			png_button = "restoredown"
			if(attr == "restoredown")
				png_button = "maximized"
			$("#stoggled").prepend('<img src="img/'+png_button+'.png" height="20px" />');
			
			if(attr == "maximized")
				window.sight.setMaximized();
		} else {
			$("#stoggled").attr("state", "restoredown");
			$("#stoggled").prepend('<img src="img/maximized.png" height="20px" />');
		}
	}
	if($("#sclose").length) {
		$("#sclose:not([except])").empty();
		$("#sclose:not([except])").prepend('<img src="img/close.png" height="20px" />');
	}
	if($("#sminimize").length) {
		$("#sminimize").empty();
		$("#sminimize").prepend('<img src="img/minimize.png" height="20px" />');
	}
	/*window.sight.getTitle(function(result) {
		setTitle(result);
	});*/
	// INIT END

	$( "#screate" ).s_create();
	$( "#sclose" ).s_close();
	$( "#sexit" ).s_exit();	
	$( "#smaximized" ).s_maximized();
	$( "#sminimize" ).s_minimize();
	$( "#sresize" ).s_resize();
	$( "#srestoredown" ).s_restoredown();
	$( "#sfullscreen" ).s_fullscreen();
	$( "#stitlebar" ).s_titlebar();
	$( "#stoggled" ).s_toggled();
});