//"use strict";
function outFunc() {
	  var tooltip = document.getElementById("myTooltip");
	  tooltip.innerHTML = "Copy to clipboard";
	}
	
function copyViewLinkToClipboard() {
	  
	  var copyText = document.getElementById("hiddenLink");

	  /* Select the text field */
	  copyText.select();
	  copyText.setSelectionRange(0, 99999); /* For mobile devices */

	  /* Copy the text inside the text field */
	  document.execCommand("copy");
	  copied();
	} 
	
function changeStyle(){
	var currentSheet = document.getElementById("stylesheet");
	var currentViewSheet = document.getElementById("stylesheet_view");
	var x = document.getElementById("style").value;
	 if ( x.length >10) {
		 currentSheet.href = "./css/"+x;
		 currentViewSheet.href = "./css/"+x;
	 }
	 changedStatus();
  } 

function changeWish(id,field){
	var value = document.getElementById(field+"-edit-"+id).value;
	var token = document.getElementById("csrf-token").content;
	var xhttp = new XMLHttpRequest();
    xhttp.open("POST", "https://online-wunsch-liste.de/api/change.php", true);
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.setRequestHeader("CsrfToken", token);
	xhttp.send("wishId="+id+"&"+field+"="+encodeURIComponent(value)+"&CsrfToken="+token); 

	document.getElementById(field+"-"+id).innerHTML=value;
	
	changedStatus();
  }
  
function changeValue(id){
	var value = document.getElementById(id).value;
	var token = document.getElementById("csrf-token").content;
	var xhttp = new XMLHttpRequest();
    xhttp.open("POST", "https://online-wunsch-liste.de/api/change.php", true);
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.setRequestHeader("CsrfToken", token);
	xhttp.send(id+"="+encodeURIComponent(value)+"&CsrfToken="+token);
	var target =document.getElementById(id+"-text").innerHTML=value;
	
	changedStatus();
}

function changeKeyValue(key,value){

	var token = document.getElementById("csrf-token").content;
	var xhttp = new XMLHttpRequest();
    xhttp.open("POST", "https://online-wunsch-liste.de/api/change.php", true);
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.setRequestHeader("CsrfToken", token);
	xhttp.send(key+"="+encodeURIComponent(value)+"&CsrfToken="+token);
	if(key == "background_img"){
    	var element = document.getElementById(key);
    	var newStyle="background-image: url('./css/img/"+value+"-large.jpg');background-position: top;height: 100%;";
    	element.style = newStyle;
	}
	if(key == "style"){
//		var currentSheet = document.getElementById("stylesheet");
		var currentViewSheet = document.getElementById("stylesheet_view");
//		currentSheet.href = "./css/"+value;
		currentViewSheet.href = "./css/"+value;
	}
	changedStatus();
}
function openMenu(){
	  document.getElementById("text").style.display = "block";
	  document.getElementById("colors").style.display = "none";
	  document.getElementById("background-img").style.display = "none";
	  document.getElementById("access").style.display = "none";
	  showOrHideId("open-menu");
	  showOrHideId("close-menu");
}

function closeMenu(){
	  document.getElementById("text").style.display = "none";
	  document.getElementById("colors").style.display = "none";
	  document.getElementById("background-img").style.display = "none";
	  document.getElementById("access").style.display = "none";
	 
}

function w3_access() {

  document.getElementById("access").style.display = "block";
  document.getElementById("text").style.display = "none";
  document.getElementById("colors").style.display = "none";
  document.getElementById("background-img").style.display = "none";
	}
function w3_text() {
	  document.getElementById("access").style.display = "none";
	  document.getElementById("text").style.display = "block";
	  document.getElementById("colors").style.display = "none";
	  document.getElementById("background-img").style.display = "none";
	}
function w3_colors() {

	  document.getElementById("access").style.display = "none";
	  document.getElementById("text").style.display = "none";
	  document.getElementById("colors").style.display = "block";
	  document.getElementById("background-img").style.display = "none";
	}
function w3_bg() {
	  document.getElementById("access").style.display = "none";
	  document.getElementById("text").style.display = "none";
	  document.getElementById("colors").style.display = "none";
	  document.getElementById("background-img").style.display = "block";
	}

function changedStatus(){
	  document.getElementById("changed-text").innerHTML="gespeichert";
	  showId("changed");
	  setTimeout(()=>{ hideId("changed"); }, 1500);
}

function copied(){
	  document.getElementById("changed-text").innerHTML="Link kopiert";
	  showId("changed");
 	  setTimeout(()=>{ hideId("changed"); }, 1500);
}

function showOrHideId(id){
	var curr=document.getElementById(id).style.display;
    if(curr=="block"){
	      document.getElementById(id).style.display = "none";
    }else{
  	  document.getElementById(id).style.display = "block";
    }
}

function showId(id){
   document.getElementById(id).style.display = "block";
   }

function hideId(id){
   	 document.getElementById(id).style.display = "none";
   }

function editWish(id){

// 	showOrHideId("wishImage-edit-"+id);
// 	showOrHideId("wishImage-edit-label-"+id);
	document.getElementById("title-edit-"+id).innerHTML = document.getElementById("title-"+id).innerHTML;
	document.getElementById("description-edit-"+id).innerHTML = document.getElementById("description-"+id).innerHTML;
	showOrHideId("title-edit-"+id);
	showOrHideId("description-edit-"+id);
	showOrHideId("title-"+id);
	showOrHideId("description-"+id);
	showOrHideId("closeEditBtn-"+id);
	showOrHideId("action-wrapper-"+id);
}



function reActivateWish(id){
   	var token = document.getElementById("csrf-token").content;
	var xhttp = new XMLHttpRequest();
    xhttp.open("POST", "https://online-wunsch-liste.de/api/change.php", true);
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.setRequestHeader("CsrfToken", token);
	xhttp.send("reenableId="+id+"&CsrfToken="+token); 
	
	document.getElementById("wish-"+id).classList.remove("w3-greyscale");
	document.getElementById("reactivate-"+id).style.display = "none";
}

function deleteWish(id){
	if (confirm("Möchten sie den Wunsch wirklich löschen?") == true) {
	var token = document.getElementById("csrf-token").content;
	var xhttp = new XMLHttpRequest();
    xhttp.open("POST", "https://online-wunsch-liste.de/api/change.php", true);
    if (xhttp.readyState === XMLHttpRequest.DONE) {
		if (this.readyState == 4 ) {
			
			var resp = xhttp.responseText;
        	var myArr = JSON.parse(xhttp.responseText);
			document.getElementById("message").innerHTML = myArr.message;
			document.getElementById("message").classList = myArr.class;
			document.getElementById("message-container").style.display = "block";
			setTimeout(()=>{ document.getElementById("message-container").style.display = "none"; }, 15000);
		}

	}
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.setRequestHeader("CsrfToken", token);
	xhttp.send("wishId="+id+"&CsrfToken="+token); 
	document.getElementById("wish-"+id).style.display = "none";
	
	}
}