SMILEYS, how to insert my own smileys Options

[simplyxparadise]

i made my own smileys .. but how can i use/insert them??

1) is there a script where i can insert my own smileys and use in my entries without having to use the img src="" code everytime??
2) how do i allow the ppl who comment my site use the smileys as well? by clicking on them..

please help!!!

[simplyxparadise]

thanks for the code.. i`ve realized my mistakes .. but it still doesnt work??
here`s what i did:

CODE

<!-- begin code provided by createblog.com -->
<script type="text/javascript">
function typeSmiley(sSmiley)
{
 if (document.getElementsByTagName('textarea')[0].getAttribute('name') == 'bdescr')
     var editor = document.getElementsByTagName('textarea')[0];
 else
 {
     var allTextAreas = document.getElementsByTagName('textarea');
     for (i = 0; i < allTextAreas.length; ++i)
     {
         if (allTextAreas[i].getAttribute('name') == 'bdescr')
         {
             var editor = allTextAreas[i];
             break;
         }
     }
 }
 editor.value = editor.value + sSmiley;
}
function replaceTextSmileys()
{
 // ***add textual emoticons to the array below
 var textSmileys = new Array(
     ":angry:",
     ":bored:",
     ":evil smile 1:",
     ":evil smile 2:",
     ":grin:",
     ":happy:",
     ":laugh:",
     ":laugh 2:",
     ":LMAO:",
     ":none:",
     ":pinch:",
     ":pissed:",
     ":sad:",
     ":silly:",
     ":silly 2:",
     ":silly 3:",
     ":smallsmile:",
     ":smooch 1:",
     ":smooch 2:",
     ":smooch 3:",
     ":tired:",
     ":unsure:",
     ":upset:",
     ":wink");


 // *** add the url's from the corresponding images below
 var realSmileys = new Array(
"insert url here",
"insert url here");
"http://pics.xs.to/pics/04082/angry.BMP",
"http://pics.xs.to/pics/04082/bored.BMP",
"http://pics.xs.to/pics/04082/evilsmile1.BMP",
"http://pics.xs.to/pics/04082/evilsmile2.BMP",
"http://pics.xs.to/pics/04082/grin.BMP",
"http://pics.xs.to/pics/04082/happy.BMP",
"http://pics.xs.to/pics/04082/laugh.BMP
",
"http://pics.xs.to/pics/04082/laugh2.BMP",
"http://pics.xs.to/pics/04082/LMAO.BMP",
"http://pics.xs.to/pics/04082/none.BMP
",
"http://pics.xs.to/pics/04082/pinch.BMP",
"http://pics.xs.to/pics/04082/pissed.BMP",
"http://pics.xs.to/pics/04082/sad.BMP",
"http://pics.xs.to/pics/04082/silly.BMP",
"http://pics.xs.to/pics/04082/silly2.BMP
",
"http://pics.xs.to/pics/04082/silly3.BMP",
"http://pics.xs.to/pics/04082/smallsmile.BMP",
"http://pics.xs.to/pics/04082/smooch1.BMP
",
"http://pics.xs.to/pics/04082/smooch2.BMP",
"http://pics.xs.to/pics/04082/smooch3.BMP",
"http://pics.xs.to/pics/04082/tired.BMP
",
"http://pics.xs.to/pics/04082/unsure.BMP
",
"http://pics.xs.to/pics/04082/upset.BMP
",
"http://pics.xs.to/pics/04082/wink1.BMP");

 
 // *** number of smileys that will be displayed per row
 var maxNumberOfSmileysPerRow = 12;
 // *** button size in pixels
 var buttonSize = 25;
 // preloading images
 var preloadedImages = new Array(realSmileys.length);
 for (i = 0; i < preloadedImages.length; ++i)
 {
     preloadedImages[i] = new Image();
     preloadedImages[i].src = realSmileys[i];
 }
 
 var allTableData = document.getElementsByTagName('td');
 var indx;
 var smiley;
 var replacement;
 
 for (var i = 0; i < allTableData.length; ++i )
 {  
     for ( var n = 0; n < textSmileys.length; ++n )
     {
         if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) &&
             (allTableData[i].innerHTML.indexOf('previewHTML()') == -1))
         {
             indx = allTableData[i].innerHTML.indexOf(textSmileys[n]);
             if (indx != -1)
             {
                 while (indx != -1)
                 {  
                     replacement = '';
                     indx = allTableData[i].innerHTML.indexOf(textSmileys[n]);
                     smiley = '<img src=\"' + realSmileys[n] + '">'
                     replacement = allTableData[i].innerHTML.replace(textSmileys[n],smiley);
                     allTableData[i].innerHTML = replacement;                  
                 }                  
             }
         }
     
     }
 }
 
 if (document.URL.indexOf('weblogs') != -1)
 {
     var smileyCollection = new Array(realSmileys.length);
     var smileyBar = '';
     
     if (document.getElementById('htmleditor'))
     {
         for (i = 0; i < smileyCollection.length; ++i)
         {
             smileyCollection[i] = '<button type="button" value="" ' +
                 'style="width:' + buttonSize + 'px; height:' +
                 buttonSize + 'px;" onclick="javascript:insertHTML(\'&nbsp;' +
                 textSmileys[i] + '\'); return false;">' +
                 '<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] +
                 '"></button>';
         }
     }
     else
     {
        for (i = 0; i < smileyCollection.length; ++i)
         {
             smileyCollection[i] = '<button type="button" value="" ' +
                 'style="width:' + buttonSize + 'px; height:' +
                 buttonSize + 'px;" onclick="javascript:typeSmiley(\'&nbsp;' +
                 textSmileys[i] + '\'); return false;">' +
                 '<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] +
                 '"></button>';
         }
     }
     
 
     for (i = 0; i < smileyCollection.length; ++i)
     {  
        if (i != 0)
            if ( (i/maxNumberOfSmileysPerRow).toString().indexOf('.') == -1)
                smileyBar = smileyBar + '<BR>';
        smileyBar = smileyBar + smileyCollection[i];
     }
     
     // add SmileyBar
     infoLink = '<a href="www.xanga.com"' +
         'target=blank><font style="font-size: xx-small; font-weight: normal;">' +
         'Smiley Script</font><a/><br><br>';
     smileyBarHtml = '<br><b>USE EMOTICONS</b><br><font style="font-size: xx-small">' +
         'USE THEM WITH COMMENT!! =D</font> ' +
         infoLink + smileyBar + '<br><br>';
     if (navigator.userAgent.indexOf('Mac') == -1)
     {
         if (document.getElementById('htmleditor'))
             var obj1 = document.getElementById('htmleditor').parentNode;
         else
         {
            if (document.getElementsByTagName('textarea')[0].getAttribute('name') == 'bdescr')
                var obj1 = document.getElementsByTagName('textarea')[0].parentNode;
            else
            {
                var allTextAreas = document.getElementsByTagName('textarea');
                for (i = 0; i < allTextAreas.length; ++i)
                {
                    if (allTextAreas[i].getAttribute('name') == 'bdescr')
                    {
                        var obj1 = allTextAreas[i].parentNode;
                        break;
                    }
                }
            }
         }
         var obj2 = document.createElement('span');
         obj2.setAttribute('ID','idSmileyBar');
         obj2.innerHTML = smileyBarHtml;
         obj1.insertBefore(obj2,obj1.firstChild);
     }
     else
     {
         // alternative solution for the Mac
         for (var i = 0; i < allTableData.length; ++i )
         {
             if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) &&
             (allTableData[i].innerHTML.indexOf('previewHTML()') == -1))
             {  
                 if (allTableData[i].innerHTML.toUpperCase().indexOf('(OPTIONAL)') != -1)
                 {
                     var temp = allTableData[i].innerHTML;
                     allTableData[i].innerHTML = temp + '<br>' + smileyBarHtml;
                     break;
                 }
             }
         }
     }
 }
 
}
if (document.URL.indexOf('weblogs') != -1)
 replaceTextSmileys();
</script>
<!-- end code provided by createblog.com -->

did i do anything wrong?

-diana