var url_base = "/thinklink/";

function ungrey(obj){
	if(obj.style.color == "gray"){
		obj.style.color = "black";
		obj.value = "";		
	}
}

function onInput(textbox,callback){
	textbox.keyup(function(ev){
		var text = textbox.val();
			setTimeout(function(){
				if(text == textbox.val()){
					callback(text);
				}
			},200);
	});
}


function doAdd(obj){
	if(!loggedIn()){
		alert("You need to be logged in to mark a snippet");
		return;
	}
	var snip = $(obj).parent();
	snip.addClass("snippet-added")
	snip.removeClass("snippet-ignored")
	setSnipStatus(snip,true)
}

function doIgnore(obj){
	if(!loggedIn()){
		alert("You need to be logged in to mark a snippet");
		return;
	}
	var snip = $(obj).parent()
	snip.addClass("snippet-ignored")
	snip.removeClass("snippet-added")
	setSnipStatus(snip,false)
}

function setSnipStatus(button,vote){
	var snippet = button.parents(".snippet")
	var resultid = snippet.find(".resultid").val();
	var claim = $("#data-claim").val();	

	$.post(url_base+"snippet/"+resultid+"/setvote", {claim: claim}, 
		function(querieshtml){
			$("#queries").html(querieshtml);
		}
	)
}


function addEvidence(id){
	if(document.forms.newsnippet.rel && document.forms.newsnippet.rel.value == "choose..."){
		alert("You must say whether the evidence supports or opposes the claim");
	}else{
		submitForm('newsnippet','claimid',id)
	}
}

function checkAddArticle(){
	if(document.forms.newsnippet.rel && document.forms.newsnippet.rel.value == "choose..."){
		alert("You must say whether the evidence supports or opposes the claim");
		return;
	}	
	var selected = $(".togglephrase-selected");
	if(selected.length == 0){
		alert("You must select which claim this article supports or opposes");
		return;
	}
	var id = selected.attr("id").substring(6);
	submitForm('newsnippet','claimid',id)
}

function submitForm(formid,fieldname,fieldval){
	var form = document.forms[formid];
	form[fieldname].value = fieldval;
	form.submit();		
}

function submitNewClaim(){
	if(document.forms.newsnippet.rel && document.forms.newsnippet.rel.value == "choose..."){
		alert("you must say whether the evidence supports or opposes the claim");
		return;
	}
	var claimform = document.forms.newclaimform;
	var snipform = document.forms.newsnippet;
	snipform.name.value = claimform.name.value;
	snipform.descr.value = claimform.descr.value;
	snipform.submit();
}

function closePopupWindow(){
    var ev = document.createEvent("Events");
    ev.initEvent("thinklink-close-popup", true, false);
    document.body.dispatchEvent(evt);	
}

function connect(node,id,addto){
	if(node.className == "connect"){
		$.post(url_base+"connect/",{addto:addto,id:id},function(){
			node.className = "disconnect";
			node.textContent = "Disconnect";
		})
	}else{
		$.post(url_base+"connect/",{addto:addto,id:id,disconnect:true},function(){
			node.className = "connect";
			node.textContent = "Connect";
		})
	}
}

function reportSpam(node,id){
	$(node).parent().append($("<span>reported as spam <a onclick='unreportSpam(this,"+id+")'>(undo)</a></span>"))
	$(node).remove()
	$.post(url_base+"claim/"+id+"/setspam")
}

function unreportSpam(node,id){	
	$(node).parent().parent().append($("<a onclick='reportSpam(this,"+id+")'>report spam</a>"))
	$(node).parent().remove()
	$.post(url_base+"claim/"+id+"/unsetspam")
}

function deleteClaim(node,id){  // can only be used by creator or admin
	if(confirm("Are you sure you want to delete this claim? This action cannot be undone.")){
		$(node).parent().remove();
		$.post(url_base+"claim/"+id+"/delete")
	}
	//alert("This claim has been deleted.\nTo undelete it, go to the list of deleted claims in your profile"); 
}

function reportSpamEvidence(node,id){
	$(node).parent().append($("<span>reported as spam</span>"))
	$(node).remove()
	$.post(url_base+"evidence/"+id+"/setspam")
}

function deleteEvidence(node,id){
	$(node).parent().append($("<span>reported as spam</span>"))
	if(confirm("Are you sure you want to permanently delete this evidence?")){
		$(node).parents(".webquote").remove();
		$.post(url_base+"evidence/"+id+"/delete");
	}
}

function notAgain(node,id){
	if(node.checked){
		$.post(url_base+"claim/"+id+"/ignore");
	}else{
		$.post(url_base+"claim/"+id+"/unignore");
	}
}

function voteUp(node,id,typ){
	var box = $(node).parent();
	var now = box.attr("class");
	if(now == "votebox-down"){
		box.attr("class","votebox-norm");
		$.post(url_base+typ+"/"+id+"/votenorm");
	}else{
		box.attr("class","votebox-up");
		$.post(url_base+typ+"/"+id+"/voteup");
	}	
}

function voteDown(node,id,typ){
	var box = $(node).parent();
	var now = box.attr("class");
	if(now == "votebox-up"){
		box.attr("class","votebox-norm");
		$.post(url_base+typ+"/"+id+"/votenorm");
	}else{
		box.attr("class","votebox-down");
		$.post(url_base+typ+"/"+id+"/votedown");
	}
}

function deletePara(paraid){
	if(confirm("Are you sure you want to delete this paraphrase?\nThis action cannot be undone.")){
		$.post("/thinklink/api/deletepara",{id:paraid},function(){
			window.location.reload();
		});
	}
}

function abusePara(paraid){
	if(!loggedIn()){
		alert("You need to be logged in to report a paraphrase as abuse");
		return;
	}
	if(confirm("Are you sure you want to report this paraphrase as abuse?\n\nYou should only report a paraphrase as abuse if it is highlighting lots of snippets that are not about this claim.")){
		$.post("/thinklink/api/abusepara",{id:paraid},function(){
			alert("The moderators have been notified. Thanks for letting us know");
			window.location.reload();
		});
	}
}

function unmark(snipid){
	$.post(url_base+"api/badsnippet?snipid="+snipid,function(){
		window.location.href = url_base+"/mini/markedbad";
	});
}

var foo = null;

function setToggle(box,vote){
	var id = box.attr("data-id")
	var type = box.attr("data-type")
	var zone = box.attr("data-zone")
	if(type != null){
		$.post(url_base+zone+"/pick/?type="+type+"&id="+id+"&vote="+vote);
	}
}

function paraKey(ev){
	if(!ev) var ev = window.event;
	if(ev.keyCode == 13){
		addParaphrase();
	}
}

function popupDerivedParas(){
	if(!loggedIn()){
		alert("You need to be logged in to add a paraphrase");
		return;
	}
	
	var claimid = $("#claimid").val();
	if($("#phrase").hasClass("tempinput")){
		alert("You must enter a paraphrase first");
		return;
	}
	$("#addparabutton").attr("disabled",true)
	$("#phrase").attr("disabled",true)
	
	var text = $("#phrase").val();	
	
	var popupborder = $("<div id='parapopup' class='popupborder'><div class='waiting'>Loading derived paraphrases...</div></div>");
	popupborder.insertAfter("#mainsearch");
	$.get("/thinklink/api/derivedparas",{claimid: claimid, text: text},function(content){
		popupborder.get(0).innerHTML = content;
		$(".togglephrase").click(function(e){
			togglePhrase(e.target);
//			$(e.target).toggleClass("togglephrase-selected");
		})
	});
}

function togglePhrase(node){
	var txt = trimString(node.textContent);
	var phrases = $(".togglephrase");
	for(var i = 0; i < phrases.length; i++){
		var other = phrases.get(i);
		var othertxt = trimString(other.textContent);
		if(othertxt == txt) continue;
		if(othertxt.indexOf(txt) != -1){
			if($(node).hasClass("togglephrase-selected")){
				$(other).show();
			}else{
				$(other).hide();
			}
		}
	}
	$(node).toggleClass("togglephrase-selected");
}


function trimString(str){
	return str.replace("/\n/"," ").replace(/\s+/," ").replace(/^\s+/,"").replace(/\s+$/,"");
}

function newClaimDerivedParas(){
	submitDerivedParas(true);
}

function addParaphrase(){
	if(!loggedIn()){
		alert("You need to be logged before you can add a paraphrase");
		return;
	}
	if($("#phrase").hasClass("tempinput")){
		alert("You must enter a paraphrase first");
		return;
	}
	var claimid = $("#claimid").val();
	var phrase = $("#phrase").val();
	$.post("/thinklink/claim/"+claimid+"/addphrase",{phrase:phrase},function(result){
		window.location.reload();
	})
}

function submitDerivedParas(newclaim){
	var mainphrase = $("#phrase").val();
	var subphrases = $(".subphrase");
	var args = {phrase:mainphrase};
	for(var i = 0; i < subphrases.length; i++){
		var subphrase = subphrases.get(i);
		var text = trimString(subphrase.textContent);
		args["phrase-"+i] = text;
		args["picked-"+i] = $(subphrase).hasClass("togglephrase-selected");		
	}
	if(newclaim){
		args["name"] = $("#name").val();
		$.post("/thinklink/claim/new",args,function(id){
			document.location.href = "/thinklink/claim/"+id;
		});		
	}else{
		$("#addparabutton").attr("disabled",false);
		$("#phrase").attr("disabled",false);
		var claimid = $("#claimid").val();
		$.post("/thinklink/claim/"+claimid+"/addphrase",args,function(result){		
			window.location.reload();
		});
	}
}

function cancelDerivedParas(){
	$("#addparabutton").attr("disabled",false);
	$("#phrase").attr("disabled",false);
	$("#parapopup").remove();
}

function getUserId(){
	return $("#user-id").val();
}

function loggedIn(){
	return getUserId() != 0;
}

window.onload = function(){
	$(".tempinput").focus(function(e){
		var input = e.target;
		if($(input).hasClass("tempinput")){
			$(input).removeClass("tempinput");
			input.value = "";		
		}
	})
	$(".togglephrase").click(function(e){
		$(e.target).toggleClass("togglephrase-selected");
	})
	$(".selectclaim").click(function(e){
		$(".togglephrase-selected").removeClass("togglephrase-selected");
		$(e.target).addClass("togglephrase-selected");
	})
	$(".showlink").click(function(e){
		var lnk = $(e.target);
		lnk.parents(".showcontext").find(".showhide").toggle();
		lnk.text(lnk.text().replace("show","XXX").replace("hide","show").replace("XXX","hide"));
	})
	$(".yes").click(function(e){
		var box = $(e.target).parents(".togglebox");
		box.addClass("state-yes");
		box.removeClass("state-no");
		setToggle(box,"yes");
	})
	$(".no").click(function(e){
		var box = $(e.target).parents(".togglebox");
		box.addClass("state-no");
		box.removeClass("state-yes");
		setToggle(box,"no");
	})
	$(".clicksentence").click(function(e){
		if(!loggedIn()){
			alert("You need to be logged in to mark a snippet");
			return;
		}
		var target = $(e.target);
		var box = target.parents(".snippettext");
		var snippet = target.parents(".snippet");
		var snipid = snippet.find(".resultid").val();
		snippet.addClass("state-yes");
		snippet.removeClass("state-no");
		box.find(".clicksentence").css("background-color","");
		target.css("background-color","yellow");
		$.post(url_base+"snippet/"+snipid+"/sethighlight",{highlight:target.text()});
	})
	if($("body").hasClass("minibody")){
		window.innerHeight = document.body.offsetHeight;
	}
}