function showFloatContent()
{
	$('dark').appear({ duration: 1.0, from: 0, to: .6 }); 
	$('float-content').appear();
}

var counter = 1;

function addFormElt(divName, elt, class){
	
	var limit = 10;
     if (counter == limit)  {
          alert("You have reached the limit of adding " + counter + " inputs");
     }
     else {
          var newdiv = document.createElement('tr');
          /*newdiv.innerHTML = "<p><label for='points'>Point " + (counter + 1) + " </label><br /><textarea name='point[]' cols=\"50\" rows=\"5\" id=\"learn-point\"></textarea></p>";*/
		  newdiv.innerHTML = "<tr valign=\"top\"><td><textarea name='point[]' cols=\"50\" rows=\"3\" id=\"learn-point\"></textarea></td><td><textarea name='points_desc[]' cols=\"110\" rows=\"20\" id=\"desc-point"+counter+"\" class=\"basic\"></textarea></td></tr><p>&nbsp;</p>";
          document.getElementById(divName).appendChild(newdiv);
          counter++;
     }
	 
	 tinymceId(elt, class);
	 //alert(counter);
}

function getLastId(elt, class)
{
	var eltclass = elt+'.'+class;
	var Arr = $$(eltclass).pluck('id');
	var id = Arr.last();
	return id;
}

function tinymceId(elt, class)
{
	var id = getLastId(elt, class)
	toggleEditor(id);
}

function toggleEditor(id) 
{
	if (!tinyMCE.get(id))
		tinyMCE.execCommand('mceAddControl', false, id);
	else
		tinyMCE.execCommand('mceRemoveControl', false, id);
}

function toggleEditorLast(id) 
{
	if (!tinyMCE.get(id))
		tinyMCE.execCommand('mceAddControl', false, id);
	else
		tinyMCE.execCommand('mceRemoveControl', false, id);
}