var number;              // nodenr
var commentSort = false; // false -> new first
var numComments = 30;    // number of comments to show

function init() {
  number = $('#commentsForDivNumber').html();
	
	AjaxNumComments.showNumComments();
  loadCommentsFor(number, 0, numComments, commentSort);
	
  var value;
  if (document.getElementById('profieledit')) {
    document.getElementById('profieledit').onclick = edit;
  }
  document.getElementById('profielok').onclick = save;
  document.getElementById('profielcancel').onclick = cancel;
  attach('#vragen ol li input', vraagOpslaan);

  function edit() {
		if (hasClass(document.getElementById('profieledit').parentNode, 'actief')) {
	    $('#profielcancel').click();
			return false;
	  }
    addClass(document.getElementById('profiel'), 'edit');
    addClass(document.getElementById('profieledit').parentNode, 'actief');
    addClass(document.getElementById('aanwijzing'), 'nodisplay');
    var tekst = document.getElementById('profileText');
    var knoppen = document.getElementById('profielknoppen');
	  value = tekst.innerHTML;
    document.getElementById('profileEdit').value = value;
    if (!oFCKeditor){
	    var params = {width: 245};
	    makeRichText('profileEdit', 'Profile', params);
    }
    setText('profileEdit', value);
    //focusText('profileEdit');
  }
	
	function save(){
		var profileText = getText('profileEdit');
		var profileName = document.getElementById('profileName').value;
		var showSite = document.getElementById('showSite').checked;
		var notify = document.getElementById('emailNotification').checked;
		var importblog =document.getElementById('showSite').checked;
		var blogurl = document.getElementById('blogurl').value;
		removeClass(document.getElementById('profieledit').parentNode, 'actief');
		profileService.updateProfileRemote(
		  { text: profileText, 
		    profileName: profileName, 
			  showSite: showSite,
			  importblog: importblog,
			  blogurl: blogurl,
			  emailNotification: notify},
		  { callback: saved, errorHandler: saveError});
		waitStart('666666');
	}
	
	function saveError(data) {
		waitStop();
		printfire("saveError data: %o", data);
		var msg;
		switch(data) {
			case "name exists":
				msg = "De naam die je hebt gekozen heeft iemand anders al.";
				break;
			case "profile contains illegal characters":
				msg = "De naam die je hebt gekozen bevat niet-toegestane tekens.";
				break;
			case "profile can not be null":
			default:
				msg = "Er is een fout opgetreden: "+data+".";
				break;
		}
		alert(msg);
	}
	
	function saved(data) {
		printfire("saved data: %o", data);
		if (data.profileName != profileName) {
			document.location = "/mijn3voor12/"+data.profileName+"/profiel";
		} else {
			waitStop();
			setTimeout(function(){removeEditable(data.text)},10);
		}
	}
	
	function cancel() {
		removeClass(document.getElementById('profieledit').parentNode, 'actief');
    removeClass(document.getElementById('aanwijzing'), 'nodisplay');
		var tekst = document.getElementById('profileText');
		tekst.innerHTML=value;
		removeClass(document.getElementById('profiel'), 'edit');
		removeClass(document.getElementById('profieledit'), 'hide');
		return false;
	}
	
	function vraagOpslaan(elt) {
		elt.onchange = function(evt) {
			var o = (evt && evt.target) || window.event.srcElement;
			var v = o.id.split('ans');
			addClass(o, 'questionsChangedField');
			profileService.answerQuestion(v[0], o.value, v[1], done);
			function done() {
				removeClass(o, 'questionsChangedField');
        removeClass(o, 'empty');
			}
		}
		elt.onfocus = function(evt) {
			var o = (evt && evt.target) || window.event.srcElement;
			addClass(o, 'actief');
      if(hasClass(o, 'urlanswer')){
        o.value = o.value == '' ? 'http://' : o.value;
      }
		}
		elt.onblur = function(evt) {
			var o = (evt && evt.target) || window.event.srcElement;
			removeClass(o, 'actief');
		}
	}
	
	
}

function removeEditable(text) {
  var tekst = document.getElementById('profileText');
  removeChildren(tekst);
  tekst.innerHTML=text;
  attach("#aanwijzing", function(elt){elt.style.display = (text == '' ? 'block' : 'none')})
  removeClass(document.getElementById('profiel'), 'edit');
  removeClass(document.getElementById('profieledit'), 'hide');
}

function imageUploaded(url){
	if (url) {
		var target = document.getElementById("imagediv");
		attach("#imagediv img", function(elt){elt.src = url+'+s(250)+crop(250x375)'});
	}
}