var myEffects = {
  fade: function(elid) {
	var opacs = ["0",".1",".2",".3",".4",".5",".6",".7",".8",".9","1"];
	if (document.getElementById(elid).style.display == 'none'){
		document.getElementById(elid).style.opacity = '0';
		document.getElementById(elid).style.display = 'block';
		for (var i = 0; i < 11; i++){
		setTimeout('document.getElementById(\''+elid+'\').style.opacity = "'+opacs[i]+'";', i * 40);
		}
	}else{
	opacs.reverse();
	for (var i = 0; i < 11; i++) {
	    setTimeout('document.getElementById(\''+elid+'\').style.opacity = "'+opacs[i]+'";', i * 40);
	}
	setTimeout('document.getElementById(\''+elid+'\').style.display = "none";', i * 40);
	}
    }
}


function emoticon(text) {
	var txtarea = document.post.komentar;
	text = ' ' + text + ' ';
	if (txtarea.createTextRange && txtarea.caretPos) {
		var caretPos = txtarea.caretPos;
		caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
		txtarea.focus();
	} else {
		txtarea.value  += text;
		txtarea.focus();
	}
}

function toggleMoreIcons(e) {
			var moreIconsDiv = document.getElementById('moreIcons');
			var isVisible = (moreIconsDiv.style.display == 'inline');
			if (isVisible) {
				moreIconsDiv.style.display = 'none';
				e.innerHTML = 'more&nbsp;&raquo;';
			} else {
				moreIconsDiv.style.display = 'inline';
				e.innerHTML = '&laquo;&nbsp;less';
			}
		}