function addListItem ( ) {

        var listItem , container , dataList = document. getElementById ( 'dataList' ) ;

 

        // Create our list item

        listItem = document. createElement ( 'div' ) ;

        listItem. setAttribute ( 'data-bb-type' , 'item' ) ;

        listItem. setAttribute ( 'data-bb-img' , 'images/icons/icon11.png' ) ;

        listItem. setAttribute ( 'data-bb-title' , 'Title ' ) ;

        listItem. innerHTML = 'My description' ;

 

        // Create a dummy container

        container = document. createElement ( 'div' ) ;

        container. appendChild (listItem ) ;

 

        // Apply the styling

        bb. imageList. apply ( [container ] ) ;

 

        // Append the item

        dataList. appendChild (container. firstChild ) ;

 

        // re-compute the scrolling area

        if (bb. scroller ) {

                bb. scroller. refresh ( ) ;

        }

}