<% 
 library.jmaki.insert(
    {
    component : "yahoo.tree" ,
    value : {
        root : {
                title : 'Default Tree Root Node',
                expanded : true,
                children : [
                    { 
                        title:'Node 1.1',
                        onclick :{url:'foo'}
                    },
                    { 
                        title :'Node 1.2',
                        children :[
                            { 
                                title :'Node 3.1'
                            }
                        ]
                    }
                ]
        }
        }   
    }
    );%> 

<% library.jmaki.insert(
    {
        component : "yahoo.map",
        args : { 
            centerLat :  37.39316, 
            centerLon :  -121.947333700, 
            mapType :    'YAHOO_MAP_SAT', 
            width :      600, 
            height :     300
            }
    }
    ); %>

<% library.jmaki.insert(
    {
        component : "yahoo.geocoder",
        service : "xhp"
    }
    ); %> 

<script  type:"text/javascript">
    function geoCoderListener(coordinates) {
    var targetDiv = document.getElementById("geocoder001_message");
    var reponseText  = "";
    for (var i in coordinates) {
        reponseText += "Latitude=" + coordinates[i].latitude + " Longitude=" +  coordinates[i].longitude + "<br>";
    }
    targetDiv.innerHTML = reponseText;
    }
    // subscribe to the topic '/yahoo/geocode' to which this widget publishes events
    jmaki.subscribe("/yahoo/geocoder", geoCoderListener);
</script>
<div id="geocoder001_message"></div>

<% library.jmaki.insert(
    {
        component : "yahoo.carousel",
        args : {
                tags : 'theKt'
        } 
    }
    ); %> 

<% library.jmaki.insert(
    {
        component : "yahoo.calendar" 
    }
    ); %> 

<% library.jmaki.insert(
    {
        component : "dhtmlgoodies.sudoku" 
    }
    ); %> 

// insert code here..<% library.jmaki.insert({
        component : "spry.accordion",
        value : {
          rows : [
                { 
                    label : 'Row 0', 
                    content : 'Row 0 content.'
                } ,
                {
                    label : 'Row 1', 
                    content : 'Row 1 content.'
                },
                {
                    label : 'Row 2', 
                    content : 'Row 2 content.'
                }   
                ]
               }
        }
        );  %> 

<% library.jmaki.insert(
    {
        component : "scriptaculous.autocompleter",
        service : "_autocomplete_result.html"
    }
    ); %> 

<% library.jmaki.insert(
    {
        component : "mochikit.table",
        value : {
            columns : 
                { "title" : "Title", 'author':'Author', 'isbn': 'ISBN #', 'description':'Description'},
              rows : [
                    ['JavaScript 101', 'Lu Sckrepter','4412', 'Some long description'], 
                    ['Ajax with Java', 'Jean Bean','4413', 'Some long description']
                ]
                }
    }
    ); %> 

<% library.jmaki.insert(
    {
        component : "jmaki.list"   , 
        service : "/listService.js"
    }
    ); %>