Если правильно понял Вас, то думаю это решение Вашей проблемы, ну или по крайней мере поможет Вам разобраться в нём:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function addSmile(sm){
var i = 0;
var txt = document.getElementById('text');
var str = txt.innerHTML;
while(i<sm.length) str += '<IMG SRC=chat/smile/'+sm[i++]+'.gif>';
txt.innerHTML = str;
}
function selectkat(kat){
if(kat=="1"){
var sm = new Array("smile1", "smile2", "smile3");
addSmile(sm);
}
if(kat=="2"){
var sm = new Array("smile4", "smile5", "smile6");
addSmile(sm);
}
}
</script>
</head>
<body>
<span onClick="selectkat(1);">Приветствие</span><span onClick="selectkat(2);">Прощание</span>
<p id="text">Какойто текст.</p>
</body>
</html>