var comment = {
	myConn: false,
	body:	false,
	target:	false,
	loader:	false,
	init:	function(imgId, messId, nickId, emailId, secretId, sbmtBtnId, targetId){


		if(!document.getElementById ||
       			!document.getElementsByTagName ||
       			!document.getElementById(messId) ||
       			!document.getElementById(targetId) ||			
       			!document.getElementById(sbmtBtnId)  ||
       			!document.getElementById(targetId)) return;

		// set and test XHConn, quitting silently if it fails
		comment.myConn = new XHConn();
		if(!comment.myConn) return;

		var sbmtBtn = document.getElementById(sbmtBtnId);
		comment.target = document.getElementById(targetId);
		comment.body = document.getElementsByTagName('body')[0];

		var sbmtForm = document.commentform;
	},
	postComment:  function(f){ // the Ajax call

		var mess = escape(f.mess.value);
		var imgid = f.imgid.value;
		var id = f.id.value;		
		var nick = "";
		var email = "";
		var secret_word = "";
		var pid = "";
		if(f.nick)
			nick = escape(f.nick.value);
		if(f.email)
			email = f.email.value;
		if(f.secret_word)
			secret_word = f.secret_word.value;
		if(f.pid)
			pid = f.pid.value;
		if(mess.length > 0) {
	
			f.reset();
	
			// let's let the user know something is happening (see below)
			comment.buildLoader();
		
			/* this is the function that is run
			once the Ajax call completes */
			var fnWhenDone = function(oXML) {
			// get rid of the loader
			comment.killLoader();	
			comment.target.innerHTML = oXML.responseText;
			};
				// use XHConn's connect method
				var uri = 'id='+id+'&template=.ajax_post_comment.t&func=save_mess&imgid='+imgid+'&nick='+nick+'&mess='+mess+'&email='+email+'&secret_word='+secret_word+'&pid='+pid;
			//	alert("DEBUG: "+uri);
				comment.myConn.connect('/o.o.i.s', 'POST', uri, fnWhenDone);
	
		} else {
			alert("No text?");
		}
		return false;
	},

	buildLoader: function(){     // builds a loader
		// create a new div
		comment.loader = document.createElement('div');
		// give it some style
		comment.loader.style.position   = 'absolute';
		comment.loader.style.top        = '50%';
		comment.loader.style.left       = '50%';
		comment.loader.style.width      = '200px';
		comment.loader.style.lineHeight = '40px';
		comment.loader.style.margin     = '-50px 0 0 -150px';
		comment.loader.style.textAlign  = 'center';
		comment.loader.style.border     = '1px solid #C0C0C0';
		comment.loader.style.background = '#fff';
		// give it some text
		comment.loader.innerHTML = "<h1>Loading!</h1>";
//		comment.loader.appendChild(document.createTextNode('<h2>Loading!</h2>'));
		// append it to the body
		comment.body.appendChild(comment.loader);
	},

	killLoader:  function(){     // kills the loader
		// remove the loader form the body
		comment.body.removeChild(comment.loader);
	},

	addEvent: function(obj, type, fn){  // the add event function
		if (obj.addEventListener) {
			obj.addEventListener(type, fn, false);
    		} else if (obj.attachEvent) {
      			obj["e"+type+fn] = fn;
      			obj[type+fn] = function() {
        			obj["e"+type+fn](window.event);
      			};
      			obj.attachEvent("on"+type, obj[type+fn]);
    		}
  	}
};

comment.addEvent(window, 'load', function() {
		   comment.init('imgid','mess','nick','email','secret_word','submit','comment');
	}
);


/*
function on_submit(btn) {
	if(!comment.init('imgid','mess','nick','email','secret_word','submit','comment')) {
		
	}
}
*/