Joomla!®Plug

I'm trying to understand how to use the JPopup Plugin to put a popup in Joomla articles and Virtuemart product descriptions. I have installed both the JPopup component and plug-in. I use the JCE WYSIWYG editor throughout the site. The Virtuemart product description reads thusly:

*********
Shea Butter is an all natural organic product that is an excellent moisturizer and has wonderful healing properties for the skin. Shea butter is the fatty acid extracted from the kernels of Vitellaria paradoxa (Sapotaceae), which is also known as Butyrospermum {boxplus}Link text{/boxplus} and is found in 19 countries across the African Shea belt from Senegal to Ethiopia. CSC (Certified Shea Company) Shea Butter is harvested and extracted from the Shea trees of Ghana.
*********

I want to put a popup on the word Butyrospermum that says:

*********
The Butyrospermum species is found across 19 countries across the African Savanna zone from Senegal to Ethiopia. Shea butter contains high levels of UV absorbing tri- esters, including cinnamic acid, tocopherols (vitamins A&E).
*********

I used the Jpopup component to create the HTML popup String and I get this:

*********
<!--Starting the jpopup code-->
<script language="javascript" type="text/javascript" src='http://csccomp.host.etimewebs.com/plugins/content/jpopup/script/external.js'></script>
<script src="http://csccomp.host.etimewebs.com/plugins/content/jpopup/script/prototype.js" type="text/javascript"></script>
<script src="http://csccomp.host.etimewebs.com/plugins/content/jpopup/script/effects.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

function startPopUp1_1312430926(){
new Effect.Appear('pWinConfg1_1312430926', {duration:3, delay:1});
}

function endPopUp1_1312430926(){
new Effect.Fade('pWinConfg1_1312430926', {duration:3});

}

</script>

<div class="jpopup"

style="font-family:Arial, Verdana, Sans-Serif;
display:none;
font-size:11px;
position:absolute;
width:240px;
height:200px;
background-color:#FFFFFF;
top:40%;
left:60%;
border-styleolid;
border-width:1;
border-color:#FEF688;
padding:8px;

filter: progidXImageTransform.Microsoft.Shadow(color=#666666,direction=135);"

id="pWinConfg1_1312430926">

<span id='jpopup_close' style="">
<a href="javascript:endPopUp1_1312430926();" >Close!</a>
<small><a href='http://www.joomlaplug.com'>JPopup!</a></small>
</span><br />
The Butyrospermum species is found across 19 countries across the African Savanna zone from Senegal to Ethiopia. Shea butter contains high levels of UV absorbing tri- esters, including cinnamic acid, tocopherols (vitamins A&E).
</div>

<script language="javascript" type="text/javascript">
if('no' != 'yes&#039 startPopUp1_1312430926();
</script>
<!--Ending the jpopup code-->
*********

What do I do to insert the code into the product description such that it will popup when someone scrolls over tPhe word Butyrospermum on the front end? Any help is appreciated.

The code above is a plain html code, it needs to be inserted inside the page html source, so you need to first switch the editor there to the html source editing mode!

Please forgive me for not understanding. However, I edited the article, switched to the HTML view and I get the following:
*********
<img height="118" width="600" src="images/stories/banners_sheabutter.gif" alt="Certified Shea Company All-Natural Shea Butter" style="margin: 4px; vertical-align: middle;" /><br />Shea Butter is an all natural organic product that is an excellent moisturizer and has wonderful healing properties for the skin. Shea butter is the fatty acid extracted from the kernels of Vitellaria paradoxa (Sapotaceae), which is also known as Butyrospermum and is found in 19 countries across the African Shea belt from Senegal to Ethiopia. CSC (Certified Shea Company) Shea Butter is harvested and extracted from the Shea trees of Ghana.
**********

How do I insert the code and where do I put it?

Could you post here a screenshot of your current editor view?

I've attached both views in the .pdf file below. As mentioned, I press show/hide and I change to what I perceive to be the HTML view. I've tried putting the information in via both screen views. When I put it in using the 1st view, it messes up the page from the frontend view. When I put it in via the 2nd view, it makes all of the data disappear from the front end view.

BTW, I'm using Editor - JCE 1.5.7.4.

[file] My last post had a wrong file type. It was a .pdf. I changed it to a .jpg. it also seems that i can only post 1 file at a time. I'll do 2 posts to get both views.

I finally figured out that I could EDIT a post. please delete this and subsequent posts. My apologies.