how to get component event source?

[Chris Mylonas]

Fresh Request now that we have a simple question (re: subject line).

Here is the template for my component (a PhoneExtension) - it receives a phone 
call.

<t:container xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd";>
        <div id="extension">
                <div t:type='zone' t:id="extensionZone" 
t:mixins='jquery/zonedroppable'>
                        ${currentExtension.number} ${currentExtension.name} 
(note: these values are null on AJAX refresh)
                </div>
                <div t:type='zone' t:id="voicemailZone" 
t:mixins='jquery/zonedroppable'>
                        <div id="random1">
                                <img 
src="${asset:context:layout/images/email.png}" />
                        </div>
                </div>
        </div>
</t:container>


It has 2 Zones for dropping objects into (jquery drag and drop).  I can't 
identify which out of 10 of these gets the drop because all id are either 
extensionZone or voicemailZone.

My page template uses this phone component like this (the receptionist (with a 
draggable component) drops the calls onto the PhoneExtensions):

        <div id="reception-lines">
                <t:ReceptionLine source="trunks" value="currentTrunk" />
        </div>
        
        <div id="office-phones">
                <t:PhoneExtension source="extensions" value="currentExtension" 
/>
        </div>

If it's time to go back to the drawing board with it and use 
MarkupWriter...then so be it!!

Any help is great,
Cheers
Chris

P.S. It's 2 am - I'm going to sleep.