var AnnotationTool = {

	node_id: null,
	ajaxNode: 1873513,
	URL : "/index.pl",
	allowdelete: 1,
	color: "",
	node_id: "0",
	nextlocation : "",
	currentblab : null,
	makeblabroot : null,
	blabregexp : new RegExp("msgwuauthor",""),
	scratchregexp : new RegExp("skratchMsg",""),

	AnnotationTool: function() {

 		AnnotationTool.init();
 



 
 
	},

	makeblab: function(node) {
		if (AnnotationTool.makeblabroot==null) {
			AnnotationTool.makeblabroot=node;
		}

		if (node.name && (node.name.match(AnnotationTool.blabregexp) || node.name.match(AnnotationTool.scratchregexp))) {
			if (node.type=="text"){
				if (AnnotationTool.currentblab != null && AnnotationTool.currentblab.value=="[e2 annotation tool|annotations]: ") {
					AnnotationTool.currentblab.value="";
				}
				AnnotationTool.currentblab=node;
				AnnotationTool.currentblab.value="[e2 annotation tool|annotations]: ";
			 }
		}
		else if (node.className == "oddrow annotationspan") {
			// if we are in the scope of a blabbox, add the comment to it.
			if (AnnotationTool.currentblab!=null) { 
				AnnotationTool.currentblab.value+=node.id+"; ";
			 }
		}
		else if (node.hasChildNodes()) {
			// visit each child 
			for(var child=node.firstChild; child!=null; child=child.nextSibling) {
				AnnotationTool.makeblab(child);
			}
		 }
		// test whether to terminate recursion and remove the blabbox initialisation
		if (node==AnnotationTool.makeblabroot) {
			node=null;
			if (AnnotationTool.currentblab != null && AnnotationTool.currentblab.value=="[e2 annotation tool|annotations]: ") {
				AnnotationTool.currentblab.value="";
			 }
		 }
	},

	searchFor : function(regex,node) {
		var returnval=null;
		if (node.nodeType==3){
			if (node.data.match(regex)) {
				 return "ok";
			 } 
		 }
		else if (node.hasChildNodes()) {
			 if (node.nodeType==1 && node.tagName=="TEXTAREA") {
				 return null;
			 }
			 for(var child=node.firstChild; child!=null; child=child.nextSibling) {
				 returnval = AnnotationTool.searchFor(regex,child);
				 if (returnval=="ok") {
					return [node,child];
				 }
				 else if (returnval!=null) {
					return returnval;
				 }
			 }
		 }
		
		 return returnval;
	},

	killcomment : function(text) {
		params = {
			annotation_id: AnnotationTool.node_id,
			del: encodeURIComponent(text)
		};
		new Ajax.Request(AnnotationTool.URL, {parameters: params});
	},


	init : function() {

		AnnotationTool.node_id = siteVars.node_id;

 
		//TODO make nodetype a universal var
		var isfull = (siteVars.nodetype != 'writeup');
 
 		AnnotationTool.allowdelete = (isfull && document.title!="Nothing Found@Everything2.com" && document.title!="Findings:@Everything2.com");

		params = {
			annotation_id : AnnotationTool.node_id,
			mode: "annotate",
			node_id: AnnotationTool.ajaxNode
		};
 
		new Ajax.Request(AnnotationTool.URL, {parameters: params, onComplete: function(annotations) {
			//alert(annotations.responseText);
			for (var comment in annotations) {
				new Comment(annotations[comment][0],annotations[comment][1]);
			} 
		 }}
		 );

 
		form1 = AnnotationTool.create("div","enable annotation adding",{name: "annotatorform", id: "annotatorform", style: "padding: 0px 1px 2px 1px; border: 1px solid black;", className: "oddrow"});

		addannotation = AnnotationTool.create("input","",{id: "addannotation", name: "addannotation", type: "checkbox", checked: ""});

		putinblab = AnnotationTool.create("small", "makeblabs", {style: "color : blue; padding: 2px 2px 0px 2px; margin: -2px 0px 2px 5px; border : 1px solid black; cursor : pointer; display: inline", id: "makeblabs"});
		
	 	form1.appendChild(addannotation);
		form1.appendChild(putinblab);

		 // put notelet in position
		$('annotate').setStyle({
			position: "fixed",
			top: "0px",
			left: "0px",
			height: "2ex",
			borderTop: "1px solid black",
		});

 		// make the background color for the form
		 AnnotationTool.color=$('annotate').className;
		 if (AnnotationTool.color!="") {
			 form1.style.backgroundColor=AnnotationTool.color;
		 }
 
		 // put the form in the notelet
		 $('annotate').appendChild(form1);

		Event.observe('makeblabs','mousedown', function() {AnnotationTool.makeblab(document.documentElement);});

		Event.observe($(document),"mouseup",function() {

			 if ($("addannotation").checked) {
				txt= (window.getSelection)? window.getSelection(): document.selection.createRange().text;
				txt = txt.toString();
				if (txt.length>0) {
					$("addannotation").checked=false;
					new AnnotationTool.Annotator(txt);
				 }
			}
		 });

 		AnnotationTool.nextlocation="";

 	},

	Annotator: function(location) {

		 AnnotationTool.nextlocation=location;

		 //find the textnode and its parent
		 var commentplace = AnnotationTool.searchFor(new RegExp(location, ""),document.documentElement);
		 if (commentplace==null) {
			 alert("You mustn't include any links, italics or bolds in your selection");
			 return null;
		 }

		parent=commentplace[0];
		child=commentplace[1];

		form=AnnotationTool.create("form",location+":",{style : "margin-bottom: 0px", id: 'annoform'});

		anchor= AnnotationTool.create("span"," ",{style: "position: relative; display: inline;", id: "anchor"});

		box= AnnotationTool.create("div",content,{style: "position: absolute; background-color: white; border: 1px solid black; color: #222; display: block; top: 10px; left: 0px; padding: 2px", id: "annobox"});	

		commands= AnnotationTool.create("span");

		cancel = AnnotationTool.create("small","cancel", {style: "color: blue; text-decoration: underline; cursor: pointer", id: "cancel"});  


		ok = AnnotationTool.create("small","ok", {style: "color: blue; margin-left: 5px; text-decoration: underline; cursor: pointer", id : "ok"});  




		commentinput = AnnotationTool.create("input","",{type: "text", id: "commentinput"});

		commands.appendChild(cancel);
		commands.appendChild(ok);
		form.appendChild(commentinput);
		form.appendChild(commands);
	 	box.appendChild(form);
	 	anchor.appendChild(box);

	 	parent.insertBefore(anchor,child); 
		//$('commentinput').select();

		Event.observe($('annoform'),"submit", function() {AnnotationTool.submitIt();});

		Event.observe($('ok'),"mousedown", function() {AnnotationTool.submitIt();});


		Event.observe($('cancel'),"mousedown", function() {
			$('annobox').remove(); 
			$("addannotation").checked=true;
		});

	


	},

	submitIt: function() {
alert(AnnotationTool.node_id);
		var commentinput = $F("commentinput");
		params = {
			mode: "annotate",
			node_id: AnnotationTool.ajaxNode,
			annotation_id : AnnotationTool.node_id,
			location: AnnotationTool.nextlocation,
			comment: commentinput
		};
		 new Ajax.Request(AnnotationTool.URL, {parameters: params, onComplete: function(response) {alert(response.responseText);}});
		 $('annobox').remove(); 
		 new Comment(AnnotationTool.nextlocation,commentinput);
		 $("addannotation").checked=true;
 	},

	Comment: function(location, comment) {
		 if (location=="") {location="dlfhdjfhskjfhjskdhfjkdhfjd";}
		 var commentplace = AnnotationTool.searchFor(new RegExp(location, ""),document.documentElement);
		 if (commentplace==null){
			 if (AnnotationTool.node_id!=1147724 && AnnotationTool.node_id!=1065273 && AnnotationTool.allowdelete) {
				 AnnotationTool.killcomment(location);
			 }
			 return null;
		 }

//alert("test");
		var parent = commentplace[0];
		var child = commentplace[1];
		var sibling = child.nextSibling;
		parent.removeChild(child);
		var othertext = child.data.split(location);

		span1 = AnnotationTool.create("span",location,{style: "padding: 1px; background-color: " +AnnotationTool.color, className: "oddrow annotationspan", id: location + " -> " + comment});
 
//alert(sibling);
		 if (sibling != null) {
			 parent.insertBefore(document.createTextNode(othertext[0]),sibling);
			 parent.insertBefore(span1,sibling); 
			 parent.insertBefore(document.createTextNode(othertext[1]),sibling);
		 }
		 else {
			 parent.appendChild(document.createTextNode(othertext[0]));
			 parent.appendChild(span1); 
			 parent.appendChild(document.createTextNode(othertext[1]));
		 }
		
		 new SmallBox(10,10,comment,span1);
	},

	create: function(elType,elText,attributes) {
		el = document.createElement(elType);
		elText = $A(elText);
		elText.each(function(s) {
			if (typeof(s) == "string") {
				el.appendChild(document.createTextNode(s));
			}
			else {
				el.appendChild(s);
			}
		});
		if (attributes) {
			h = $H(attributes);
			h.each(function(pair) {
				el.setAttribute(pair.key,pair.value);
			});
		}
		return el;
	},

	smallBox: function(x,y,content,parent,id) {

		parent.style.position="relative";

		box= create("div",content,{style: "position: absolute; background-color: white; border: 1px solid black; color: #222; display: none; top: "+y+"; left: "+x+"; padding: 2px"});

 		if (content.length>50) {
			 box.style.width="300px";
		 }
 
 		commands=AnnotationTool.create("div");

 		del= AnnotationTool.create("small", "delete", {style: "color: blue; text-decoration: underline; cursor: pointer"});
		del.onmousedown= function(e) {
			 var deltext=this.parentNode.parentNode.parentNode.firstChild; 
			 var delspan=deltext.parentNode;
			 var delparent=delspan.parentNode;
			 delparent.replaceChild(deltext,delspan)
			 AnnotationTool.killcomment(deltext.data);
		 } 

 
		hideLink= AnnotationTool.create("small","hide", {style : 'color: blue; text-decoration:underline; margin-left: 5px; cursor: pointer', id: "anno_hidelink"});
		hideLink.onmousedown= function(e) {
			 this.parentNode.parentNode.style.display="none"; 
		 } 

 		show = AnnotationTool.create("span"," \u2660",{style : 'color: #e33; cursor: pointer; padding-left: 2px', id: "anno_showlink"});
		show.onmousedown= function(e) {
			this.previousSibling.style.display="block";
			this.previousSibling.style.zIndex=1000;
		}

		commands.appendChild(del);
		commands.appendChild(hideLink);

		box.appendChild(commands);

		parent.appendChild(box);
		parent.appendChild(show);

	}
};

AnnotationTool.AnnotationTool();