if(navigator.userAgent.indexOf("QtWebEngine") > 0) {
	new QWebChannel(qt.webChannelTransport, function (channel) {
		// now I retrieve my object
		window.sight = channel.objects.handler;
	});
}

(function ( $ ) {
	$.fn.s_create = function() {
		 $(document).on( "click", "#screate", function(event) {
			event.preventDefault();
			window.sight.create($(this).data("id"), $(this).data("type"), function(sight_id) {
				
			});
		})   
    };
	$.fn.s_close = function() {
		$("body").on( "click", "#sclose", function(event) {
			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,{
  		method: "POST",
  		headers: {"Content-type": "application/javascript;charset=UTF-8"}
	}).then(res => {
		return res.text();
    }).then((html) => {
		element.innerHTML = html;
	});*/
/*
	const xhttp = new XMLHttpRequest();
	xhttp.open("GET", url, true);*/

	/*xhttp.onreadystatechange = function() {
		if (xhttp.readyState == XMLHttpRequest.DONE) {
		  if (xhttp.status == 200) {
			// create a `div` elemenent, append response to `div` element
			// get specific elements by `id`, append `script` element to `document.body`
			var content = document.createElement("div");
			content.innerHTML = xhttp.responseText
			var contentScript = content.querySelector("script");
			var script = document.createElement("script");
			script.textContent = contentScript.textContent;
			element.innerHTML = content.innerHTML;

			//window.sight.console(script.textContent)
			var rand = Math.random()*1000
			//script.setAttribute("script_run_"+rand)
			document.body.appendChild(script);

			//document.body.removeChild(list.firstElementChild);
		  }
		}
  };*/

/*
	xhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
		  var doc = new DOMParser().parseFromString(this.responseText, "text/html");
		  /*var fragmentElement = document.createDocumentFragment();
          var tempElement = fragmentElement.appendChild(doc.content.body);
		  alert(tempElement)
		  document.body.appendChild(tempElement);*/
		  //element.innerHTML = this.responseText;
     /*  }
     };
*/
	/*xhttp.onload = function() {
	  element.innerHTML = this.responseText;
	}*/

	xhttp.send();
}

$(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();
});