jsduck 0.1

data/template/resources/docs.css

@@ -0,0 +1,359 @@
+body {
+    font: normal 12px helvetica,arial,verdana,tahoma,sans-serif;
+}
+html, body {
+    margin:0;
+    padding:0;
+    border:0 none;
+    overflow:hidden;
+    height:100%;
+    width:100%;
+}
+#class .loading-indicator{
+	font-size:12px;
+	height:18px;
+}
+
+
+#docs .top-toolbar{
+    border:0 none;
+    border-top:1px solid #d0d0d0;
+    background:transparent;
+}
+#docs .top-toolbar button {
+
+}
+.x-panel-noborder {
+    border: 0 none;
+}
+#header {
+    height: 44px;
+}
+#header h1 {
+    float: left;
+    margin-left: 20px;
+    font-size: 20px;
+    line-height: 44px;
+    color: #444;
+    font-weight: normal;
+}
+#header strong {
+    font-weight: bold;
+    padding-right: 20px;
+}
+#header p {
+    float: right;
+    margin: 15px 15px 0 0;
+    color: #ccc;
+}
+
+.docs-header .x-panel-body {
+    background:transparent;
+}
+
+#header .api-title {
+    font:normal 16px helvetica, arial, tahoma, sans-serif;
+    color:black;
+    margin:5px;
+}
+
+.loading-indicator {
+    font-size:11px;
+    background-image:url(images/default/grid/loading.gif);
+    background-repeat: no-repeat;
+    background-position:top left;
+    padding-left:20px;
+	height:18px;
+	text-align:left;
+}
+
+#doc-body .loading-indicator {
+    font:bold 13px Helvetica, Arial, Tahoma, Verdana, sans-serif;
+    position:absolute;
+    top:35%;
+    left:43%;
+    color:#444;
+    background-image:url(images/default/shared/large-loading.gif);
+    background-repeat: no-repeat;
+    background-position:left 5px;
+    padding:10px 10px 10px 38px;
+	text-align:left;
+}
+a#welcome-link{
+	background:#fff url(docs.gif) no-repeat 0px 0px;
+	padding-left:18px;
+}
+#loading-mask{
+	position:absolute;
+	left:0;
+	top:0;
+    width:100%;
+    height:100%;
+    z-index:20000;
+    background-color:white;
+}
+#loading{
+	position:absolute;
+	left:45%;
+	top:40%;
+	padding:2px;
+	z-index:20001;
+    height:auto;
+}
+#loading img {
+    margin-bottom:5px;
+}
+#loading .loading-indicator{
+	background:white;
+	color:#555;
+	font:bold 13px helvetica,arial,tahoma,sans-serif;
+	padding:10px;
+	margin:0;
+    text-align:center;
+    height:auto;
+}
+#api-tree a span {
+    font-family:helvetica,arial,verdana,tahoma,sans-serif;
+    font-size:11px;
+}
+#api-tree .cls a:hover span {
+    text-decoration:underline;
+}
+#api-tree .x-panel-body {
+    background-color:white;
+    position:relative;
+    padding:3px;
+}
+#api-tree .cls{
+    border:1px solid #fff;
+}
+
+#api-tree  .x-tree-selected {
+    border:1px dotted #a3bae9;
+    background:#DFE8F6;
+}
+#api-tree  .x-tree-node .x-tree-selected a span{
+	background:transparent;
+	color:#1E4176;
+    font-weight:bold;
+}
+
+a {
+	color: #1E4176;
+}
+a:link {
+	color: #1E4176;
+	text-decoration: none;
+}
+
+a:visited {
+   color: #555;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+	color: #15428b;
+}
+
+#welcome {
+    position:relative;
+    top:0;
+    left: 0;
+    zoom:1;
+}
+.col{
+	margin:0 250px 0 10px;
+    zoom:1;
+    padding: 10px 0;
+}
+
+.col-last {
+    width: 220px;
+    position:absolute;
+    right:10px;
+    top:10px;
+}
+
+.block{
+	margin-bottom:10px;
+}
+.block-title{
+	color: #1E4176;
+	font:normal 18px helvetica,arial,tahoma,verdana,sans-serif;
+    letter-spacing:-1px;
+    padding: 4px;
+	padding-left: 8px;
+}
+.block-body{
+	padding:8px;
+	padding-top:2px;
+}
+.block-body b{
+	color:#333333;
+	font-size:11px;
+}
+.block-body em {
+	display:block;
+	margin-top:5px;
+	font-size:11px;
+   color:gray;
+	text-align:right;
+}
+.list{
+	list-style: square;
+	padding-left:20px;
+	margin-top:5px;
+}
+
+.res-block {
+    padding-top:5px;
+    background:transparent url(block-top.gif) no-repeat;
+    width:210px;
+    margin-bottom:15px;
+}
+.res-block-inner {
+    padding:6px 11px;
+    background:transparent url(block-bottom.gif) no-repeat left bottom;
+}
+
+.res-block h3 {
+/*     font: bold 12px tahoma,arial,sans-serif; */
+    color:#555;
+    margin-bottom:8px;
+}
+
+.res-block ul {
+    list-style-type: disc;
+    margin-left:15px;
+/*     font: normal 12px tahoma,arial,sans-serif; */
+    color:#555;
+}
+
+.res-block ul li {
+    margin:0 0 5px 3px;
+}
+
+.hide-inherited .inherited {
+    display:none;
+}
+
+#doc-body .x-tab-panel-body {
+    background:#fff url(images/default/form/text-bg.gif) repeat-x 0 0;
+}
+#doc-body .x-panel-body, #doc-body .body-wrap {
+    background:transparent !important;
+}
+.icon-cls {
+    background-image: url(class.gif) !important;
+}
+.icon-event {
+    background-image: url(event.gif) !important;
+}
+.icon-config {
+    background-image: url(config.gif) !important;
+}
+.icon-prop {
+    background-image: url(prop.gif) !important;
+}
+.icon-method {
+    background-image: url(method.gif) !important;
+}
+.icon-cmp {
+    background-image: url(cmp.gif) !important;
+}
+.icon-pkg {
+    background-image: url(pkg.gif) !important;
+}
+.icon-fav {
+    background-image: url(fav.gif) !important;
+}
+.icon-static {
+    background-image: url(static.gif) !important;
+}
+.icon-docs {
+    background-image: url(docs.gif) !important;
+}
+.icon-expand-all {
+    background-image: url(expand-all.gif) !important;
+}
+.icon-collapse-all {
+    background-image: url(collapse-all.gif) !important;
+}
+.icon-expand-members {
+    background-image: url(expand-members.gif) !important;
+}
+.icon-hide-inherited {
+    background-image: url(hide-inherited.gif) !important;
+}
+
+#legend li {
+	line-height:16px;
+}
+.item-icon {
+	vertical-align:top;
+	width:16px;
+	height:16px;
+	margin-right:6px;
+}
+.ext-ie .item-icon {
+	vertical-align:middle;
+}
+h3.home-title {
+	margin:5px 0;
+	font:bold 13px helvetica,arial,tahoma,sans-serif;
+	color:#444;
+}
+
+.search-item {
+	margin:5px 5px 9px;
+	padding:0 5px 10px 0;
+}
+
+.search-item .member {
+	font:bold 12px helvetica,arial,tahoma,sans-serif;
+	color:#444;
+	margin:5px;
+	overflow:hidden;
+	white-space:nowrap;
+	zoom:1;
+}
+
+.search-item .cls {
+	font:normal 12px helvetica,arial,tahoma,sans-serif;
+	color:#444;
+	margin:5px;
+	overflow:hidden;
+	text-align:left;
+	white-space:nowrap;
+	zoom:1;
+}
+.search-item p {
+	font:normal 11px helvetica,arial,tahoma,sans-serif;
+	clear:both;
+	margin: 0 5px 5px 28px;
+	color:#444;
+	zoom:1;
+}
+#search .loading-indicator {
+	position:static !important;
+}
+#search h3 {
+	font:normal 12px helvetica,arial,tahoma,sans-serif;
+	color:#444;
+	margin:10px;
+}
+.inner-link .item-icon, .bookmark .item-icon{
+	margin-right:3px;
+}
+.inner-link, .bookmark {
+	margin-left:10px;
+}
+
+.x-viewport body {
+  background: #ededed url(hd-bg.png) repeat-x !important;
+}
+
+.x-border-layout-ct {
+  background:none;
+}

data/template/resources/docs.js

@@ -0,0 +1,672 @@
+Ext.BLANK_IMAGE_URL = 'resources/s.gif';
+
+Docs = {};
+
+ApiPanel = function() {
+    ApiPanel.superclass.constructor.call(this, {
+        id:'api-tree',
+        region:'west',
+        split:true,
+        header: false,
+        width: 280,
+        minSize: 175,
+        maxSize: 500,
+        collapsible: true,
+        margins:'0 0 5 5',
+        cmargins:'0 0 0 0',
+        rootVisible:false,
+        lines:false,
+        autoScroll:true,
+        animCollapse:false,
+        animate: false,
+        collapseMode:'mini',
+        loader: new Ext.tree.TreeLoader({
+			preloadChildren: true,
+			clearOnLoad: false
+		}),
+        root: new Ext.tree.AsyncTreeNode({
+            text:'Ext JS',
+            id:'root',
+            expanded:true,
+            children:[Docs.classData]
+         }),
+        collapseFirst:false
+    });
+    // no longer needed!
+    //new Ext.tree.TreeSorter(this, {folderSort:true,leafAttr:'isClass'});
+
+    this.getSelectionModel().on('beforeselect', function(sm, node){
+        return node.isLeaf();
+    });
+};
+
+Ext.extend(ApiPanel, Ext.tree.TreePanel, {
+    initComponent: function(){
+        this.hiddenPkgs = [];
+        Ext.apply(this, {
+            tbar:[ ' ',
+			new Ext.form.TextField({
+				width: 200,
+				emptyText:'Find a Class',
+                enableKeyEvents: true,
+				listeners:{
+					render: function(f){
+                    	this.filter = new Ext.tree.TreeFilter(this, {
+                    		clearBlank: true,
+                    		autoClear: true
+                    	});
+					},
+                    keydown: {
+                        fn: this.filterTree,
+                        buffer: 350,
+                        scope: this
+                    },
+                    scope: this
+				}
+			}), ' ', ' ',
+			{
+                iconCls: 'icon-expand-all',
+				tooltip: 'Expand All',
+                handler: function(){ this.root.expand(true); },
+                scope: this
+            }, '-', {
+                iconCls: 'icon-collapse-all',
+                tooltip: 'Collapse All',
+                handler: function(){ this.root.collapse(true); },
+                scope: this
+            }]
+        })
+        ApiPanel.superclass.initComponent.call(this);
+    },
+	filterTree: function(t, e){
+		var text = t.getValue();
+		Ext.each(this.hiddenPkgs, function(n){
+			n.ui.show();
+		});
+		if(!text){
+			this.filter.clear();
+			return;
+		}
+		this.expandAll();
+		
+		var re = new RegExp('^' + Ext.escapeRe(text), 'i');
+		this.filter.filterBy(function(n){
+			return !n.attributes.isClass || re.test(n.text);
+		});
+		
+		// hide empty packages that weren't filtered
+		this.hiddenPkgs = [];
+                var me = this;
+		this.root.cascade(function(n){
+			if(!n.attributes.isClass && n.ui.ctNode.offsetHeight < 3){
+				n.ui.hide();
+				me.hiddenPkgs.push(n);
+			}
+		});
+	},
+    selectClass : function(cls){
+        if(cls){
+            var parts = cls.split('.');
+            var last = parts.length-1;
+            var res = [];
+            var pkg = [];
+            for(var i = 0; i < last; i++){ // things get nasty - static classes can have .
+                var p = parts[i];
+                var fc = p.charAt(0);
+                var staticCls = fc.toUpperCase() == fc;
+                if(p == 'Ext' || !staticCls){
+                    pkg.push(p);
+                    res[i] = 'pkg-'+pkg.join('.');
+                }else if(staticCls){
+                    --last;
+                    res.splice(i, 1);
+                }
+            }
+            res[last] = cls;
+
+            this.selectPath('/root/apidocs/'+res.join('/'));
+        }
+    }
+});
+
+
+DocPanel = Ext.extend(Ext.Panel, {
+    closable: true,
+    autoScroll:true,
+    
+    initComponent : function(){
+        var ps = this.cclass.split('.');
+        this.title = ps[ps.length-1];
+        Ext.apply(this,{
+            tbar: ['->',{
+                text: 'Config Options',
+                handler: this.scrollToMember.createDelegate(this, ['configs']),
+                iconCls: 'icon-config'
+            },'-',{
+                text: 'Properties',
+                handler: this.scrollToMember.createDelegate(this, ['props']),
+                iconCls: 'icon-prop'
+            }, '-',{
+                text: 'Methods',
+                handler: this.scrollToMember.createDelegate(this, ['methods']),
+                iconCls: 'icon-method'
+            }, '-',{
+                text: 'Events',
+                handler: this.scrollToMember.createDelegate(this, ['events']),
+                iconCls: 'icon-event'
+            }, '-',{
+                text: 'Direct Link',
+                handler: this.directLink,
+                scope: this,
+                iconCls: 'icon-fav'
+            }, '-',{
+                tooltip:'Hide Inherited Members',
+                iconCls: 'icon-hide-inherited',
+                enableToggle: true,
+                scope: this,
+                toggleHandler : function(b, pressed){
+                     this.body[pressed ? 'addClass' : 'removeClass']('hide-inherited');
+                }
+            }, '-', {
+                tooltip:'Expand All Members',
+                iconCls: 'icon-expand-members',
+                enableToggle: true,
+                scope: this,
+                toggleHandler : function(b, pressed){
+                    this.body[pressed ? 'addClass' : 'removeClass']('full-details');
+                }
+            }]
+        });
+        DocPanel.superclass.initComponent.call(this);
+    },
+
+    directLink : function(){
+        var link = String.format(
+            "<a href=\"{0}\" target=\"_blank\">{0}</a>",
+            document.location.href+'?class='+this.cclass
+        );
+        Ext.Msg.alert('Direct Link to ' + this.cclass,link);
+    },
+    
+    scrollToMember : function(member){
+        var el = Ext.fly(this.cclass + '-' + member);
+        if(el){
+            var top = (el.getOffsetsTo(this.body)[1]) + this.body.dom.scrollTop;
+            this.body.scrollTo('top', top-25, {duration:0.75, callback: this.hlMember.createDelegate(this, [member])});
+        }
+    },
+
+	scrollToSection : function(id){
+		var el = Ext.getDom(id);
+		if(el){
+			var top = (Ext.fly(el).getOffsetsTo(this.body)[1]) + this.body.dom.scrollTop;
+			this.body.scrollTo('top', top-25, {duration:0.5, callback: function(){
+                Ext.fly(el).next('h2').pause(0.2).highlight('#8DB2E3', {attr:'color'});
+            }});
+        }
+	},
+
+    hlMember : function(member){
+        var el = Ext.fly(this.cclass + '-' + member);
+        if(el){
+            if (tr = el.up('tr')) {
+                tr.highlight('#cadaf9');
+            }
+        }
+    }
+});
+
+
+MainPanel = function(){
+	
+	this.searchStore = new Ext.data.Store({
+        proxy: new Ext.data.ScriptTagProxy({
+            url: 'http://extjs.com/playpen/api.php'
+        }),
+        reader: new Ext.data.JsonReader({
+	            root: 'data'
+	        }, 
+			['cls', 'member', 'type', 'doc']
+		),
+		baseParams: {},
+        listeners: {
+            'beforeload' : function(){
+                this.baseParams.qt = Ext.getCmp('search-type').getValue();
+            }
+        }
+    }); 
+	
+    MainPanel.superclass.constructor.call(this, {
+        id:'doc-body',
+        region:'center',
+        margins:'0 5 5 0',
+        resizeTabs: true,
+        minTabWidth: 135,
+        tabWidth: 135,
+        plugins: new Ext.ux.TabCloseMenu(),
+        enableTabScroll: true,
+        activeTab: 0,
+
+        items: {
+            id:'welcome-panel',
+            title: 'API Home',
+            autoLoad: {url: 'welcome.html', callback: this.initSearch, scope: this},
+            iconCls:'icon-docs',
+            autoScroll: true,
+			tbar: [
+				'Search: ', ' ',
+                new Ext.ux.SelectBox({
+                    listClass:'x-combo-list-small',
+                    width:90,
+                    value:'Starts with',
+                    id:'search-type',
+                    store: new Ext.data.SimpleStore({
+                        fields: ['text'],
+                        expandData: true,
+                        data : ['Starts with', 'Ends with', 'Any match']
+                    }),
+                    displayField: 'text'
+                }), ' ',
+                new Ext.app.SearchField({
+	                width:240,
+					store: this.searchStore,
+					paramName: 'q'
+	            })
+            ]
+        }
+    });
+};
+
+Ext.extend(MainPanel, Ext.TabPanel, {
+
+    initEvents : function(){
+        MainPanel.superclass.initEvents.call(this);
+        this.body.on('click', this.onClick, this);
+    },
+
+    onClick: function(e, target){
+        if(target = e.getTarget('a:not(.exi)', 3)){
+            var cls = Ext.fly(target).getAttributeNS('ext', 'cls');
+            e.stopEvent();
+            if(cls){
+                var member = Ext.fly(target).getAttributeNS('ext', 'member');
+                this.loadClass(target.href, cls, member);
+            }else if(target.className == 'inner-link'){
+                this.getActiveTab().scrollToSection(target.href.split('#')[1]);
+            }else{
+                window.open(target.href);
+            }
+        }else if(target = e.getTarget('.micon', 2)){
+            e.stopEvent();
+            var tr = Ext.fly(target.parentNode);
+            if(tr.hasClass('expandable')){
+                tr.toggleClass('expanded');
+            }
+        }
+    },
+
+    loadClass : function(href, cls, member){
+        var id = 'docs-' + cls;
+        var tab = this.getComponent(id);
+        if(tab){
+            this.setActiveTab(tab);
+            if(member){
+                tab.scrollToMember(member);
+            }
+        }else{
+            var autoLoad = {url: href};
+            if(member){
+                autoLoad.callback = function(){
+                    Ext.getCmp(id).scrollToMember(member);
+                }
+            }
+            var p = this.add(new DocPanel({
+                id: id,
+                cclass : cls,
+                autoLoad: autoLoad,
+                iconCls: Docs.icons[cls]
+            }));
+            this.setActiveTab(p);
+        }
+    },
+	
+	initSearch : function(){
+		// Custom rendering Template for the View
+	    var resultTpl = new Ext.XTemplate(
+	        '<tpl for=".">',
+	        '<div class="search-item">',
+	            '<a class="member" ext:cls="{cls}" ext:member="{member}" href="output/{cls}.html">',
+				'<img src="../resources/images/default/s.gif" class="item-icon icon-{type}"/>{member}',
+				'</a> ',
+				'<a class="cls" ext:cls="{cls}" href="output/{cls}.html">{cls}</a>',
+	            '<p>{doc}</p>',
+	        '</div></tpl>'
+	    );
+		
+		var p = new Ext.DataView({
+            applyTo: 'search',
+			tpl: resultTpl,
+			loadingText:'Searching...',
+            store: this.searchStore,
+            itemSelector: 'div.search-item',
+			emptyText: '<h3>Use the search field above to search the Ext API for classes, properties, config options, methods and events.</h3>'
+        });
+	},
+	
+	doSearch : function(e){
+		var k = e.getKey();
+		if(!e.isSpecialKey()){
+			var text = e.target.value;
+			if(!text){
+				this.searchStore.baseParams.q = '';
+				this.searchStore.removeAll();
+			}else{
+				this.searchStore.baseParams.q = text;
+				this.searchStore.reload();
+			}
+		}
+	}
+});
+
+
+Ext.onReady(function(){
+
+    Ext.QuickTips.init();
+
+    var api = new ApiPanel();
+    var mainPanel = new MainPanel();
+
+    api.on('click', function(node, e){
+         if(node.isLeaf()){
+            e.stopEvent();
+            mainPanel.loadClass(node.attributes.href, node.id);
+         }
+    });
+
+    mainPanel.on('tabchange', function(tp, tab){
+        api.selectClass(tab.cclass); 
+    });
+
+    var viewport = new Ext.Viewport({
+        layout:'border',
+        items:[ {
+            cls: 'docs-header',
+            height: 44,
+            region:'north',
+            xtype:'box',
+            el:'header',
+            border:false,
+            margins: '0 0 5 0'
+        }, api, mainPanel ]
+    });
+
+    api.expandPath('/root/apidocs');
+
+    // allow for link in
+    var page = window.location.href.split('?')[1];
+    if(page){
+        var ps = Ext.urlDecode(page);
+        var cls = ps['class'];
+        mainPanel.loadClass('output/' + cls + '.html', cls, ps.member);
+    }
+    
+    viewport.doLayout();
+	
+	setTimeout(function(){
+        Ext.get('loading').remove();
+        Ext.get('loading-mask').fadeOut({remove:true});
+    }, 250);
+	
+});
+
+
+Ext.app.SearchField = Ext.extend(Ext.form.TwinTriggerField, {
+    initComponent : function(){
+        if(!this.store.baseParams){
+			this.store.baseParams = {};
+		}
+		Ext.app.SearchField.superclass.initComponent.call(this);
+		this.on('specialkey', function(f, e){
+            if(e.getKey() == e.ENTER){
+                this.onTrigger2Click();
+            }
+        }, this);
+    },
+
+    validationEvent:false,
+    validateOnBlur:false,
+    trigger1Class:'x-form-clear-trigger',
+    trigger2Class:'x-form-search-trigger',
+    hideTrigger1:true,
+    width:180,
+    hasSearch : false,
+    paramName : 'query',
+
+    onTrigger1Click : function(){
+        if(this.hasSearch){
+            this.store.baseParams[this.paramName] = '';
+			this.store.removeAll();
+			this.el.dom.value = '';
+            this.triggers[0].hide();
+            this.hasSearch = false;
+			this.focus();
+        }
+    },
+
+    onTrigger2Click : function(){
+        var v = this.getRawValue();
+        if(v.length < 1){
+            this.onTrigger1Click();
+            return;
+        }
+		if(v.length < 2){
+			Ext.Msg.alert('Invalid Search', 'You must enter a minimum of 2 characters to search the API');
+			return;
+		}
+		this.store.baseParams[this.paramName] = v;
+        var o = {start: 0};
+        this.store.reload({params:o});
+        this.hasSearch = true;
+        this.triggers[0].show();
+		this.focus();
+    }
+});
+
+
+/**
+ * Makes a ComboBox more closely mimic an HTML SELECT.  Supports clicking and dragging
+ * through the list, with item selection occurring when the mouse button is released.
+ * When used will automatically set {@link #editable} to false and call {@link Ext.Element#unselectable}
+ * on inner elements.  Re-enabling editable after calling this will NOT work.
+ *
+ * @author Corey Gilmore
+ * http://extjs.com/forum/showthread.php?t=6392
+ *
+ * @history 2007-07-08 jvs
+ * Slight mods for Ext 2.0
+ */
+Ext.ux.SelectBox = function(config){
+	this.searchResetDelay = 1000;
+	config = config || {};
+	config = Ext.apply(config || {}, {
+		editable: false,
+		forceSelection: true,
+		rowHeight: false,
+		lastSearchTerm: false,
+        triggerAction: 'all',
+        mode: 'local'
+    });
+
+	Ext.ux.SelectBox.superclass.constructor.apply(this, arguments);
+
+	this.lastSelectedIndex = this.selectedIndex || 0;
+};
+
+Ext.extend(Ext.ux.SelectBox, Ext.form.ComboBox, {
+    lazyInit: false,
+	initEvents : function(){
+		Ext.ux.SelectBox.superclass.initEvents.apply(this, arguments);
+		// you need to use keypress to capture upper/lower case and shift+key, but it doesn't work in IE
+		this.el.on('keydown', this.keySearch, this, true);
+		this.cshTask = new Ext.util.DelayedTask(this.clearSearchHistory, this);
+	},
+
+	keySearch : function(e, target, options) {
+		var raw = e.getKey();
+		var key = String.fromCharCode(raw);
+		var startIndex = 0;
+
+		if( !this.store.getCount() ) {
+			return;
+		}
+
+		switch(raw) {
+			case Ext.EventObject.HOME:
+				e.stopEvent();
+				this.selectFirst();
+				return;
+
+			case Ext.EventObject.END:
+				e.stopEvent();
+				this.selectLast();
+				return;
+
+			case Ext.EventObject.PAGEDOWN:
+				this.selectNextPage();
+				e.stopEvent();
+				return;
+
+			case Ext.EventObject.PAGEUP:
+				this.selectPrevPage();
+				e.stopEvent();
+				return;
+		}
+
+		// skip special keys other than the shift key
+		if( (e.hasModifier() && !e.shiftKey) || e.isNavKeyPress() || e.isSpecialKey() ) {
+			return;
+		}
+		if( this.lastSearchTerm == key ) {
+			startIndex = this.lastSelectedIndex;
+		}
+		this.search(this.displayField, key, startIndex);
+		this.cshTask.delay(this.searchResetDelay);
+	},
+
+	onRender : function(ct, position) {
+		this.store.on('load', this.calcRowsPerPage, this);
+		Ext.ux.SelectBox.superclass.onRender.apply(this, arguments);
+		if( this.mode == 'local' ) {
+			this.calcRowsPerPage();
+		}
+	},
+
+	onSelect : function(record, index, skipCollapse){
+		if(this.fireEvent('beforeselect', this, record, index) !== false){
+			this.setValue(record.data[this.valueField || this.displayField]);
+			if( !skipCollapse ) {
+				this.collapse();
+			}
+			this.lastSelectedIndex = index + 1;
+			this.fireEvent('select', this, record, index);
+		}
+	},
+
+	render : function(ct) {
+		Ext.ux.SelectBox.superclass.render.apply(this, arguments);
+		if( Ext.isSafari ) {
+			this.el.swallowEvent('mousedown', true);
+		}
+		this.el.unselectable();
+		this.innerList.unselectable();
+		this.trigger.unselectable();
+		this.innerList.on('mouseup', function(e, target, options) {
+			if( target.id && target.id == this.innerList.id ) {
+				return;
+			}
+			this.onViewClick();
+		}, this);
+
+		this.innerList.on('mouseover', function(e, target, options) {
+			if( target.id && target.id == this.innerList.id ) {
+				return;
+			}
+			this.lastSelectedIndex = this.view.getSelectedIndexes()[0] + 1;
+			this.cshTask.delay(this.searchResetDelay);
+		}, this);
+
+		this.trigger.un('click', this.onTriggerClick, this);
+		this.trigger.on('mousedown', function(e, target, options) {
+			e.preventDefault();
+			this.onTriggerClick();
+		}, this);
+
+		this.on('collapse', function(e, target, options) {
+			Ext.getDoc().un('mouseup', this.collapseIf, this);
+		}, this, true);
+
+		this.on('expand', function(e, target, options) {
+			Ext.getDoc().on('mouseup', this.collapseIf, this);
+		}, this, true);
+	},
+
+	clearSearchHistory : function() {
+		this.lastSelectedIndex = 0;
+		this.lastSearchTerm = false;
+	},
+
+	selectFirst : function() {
+		this.focusAndSelect(this.store.data.first());
+	},
+
+	selectLast : function() {
+		this.focusAndSelect(this.store.data.last());
+	},
+
+	selectPrevPage : function() {
+		if( !this.rowHeight ) {
+			return;
+		}
+		var index = Math.max(this.selectedIndex-this.rowsPerPage, 0);
+		this.focusAndSelect(this.store.getAt(index));
+	},
+
+	selectNextPage : function() {
+		if( !this.rowHeight ) {
+			return;
+		}
+		var index = Math.min(this.selectedIndex+this.rowsPerPage, this.store.getCount() - 1);
+		this.focusAndSelect(this.store.getAt(index));
+	},
+
+	search : function(field, value, startIndex) {
+		field = field || this.displayField;
+		this.lastSearchTerm = value;
+		var index = this.store.find.apply(this.store, arguments);
+		if( index !== -1 ) {
+			this.focusAndSelect(index);
+		}
+	},
+
+	focusAndSelect : function(record) {
+		var index = typeof record === 'number' ? record : this.store.indexOf(record);
+		this.select(index, this.isExpanded());
+		this.onSelect(this.store.getAt(record), index, this.isExpanded());
+	},
+
+	calcRowsPerPage : function() {
+		if( this.store.getCount() ) {
+			this.rowHeight = Ext.fly(this.view.getNode(0)).getHeight();
+			this.rowsPerPage = this.maxHeight / this.rowHeight;
+		} else {
+			this.rowHeight = false;
+		}
+	}
+
+});
+
+Ext.Ajax.on('requestcomplete', function(ajax, xhr, o){
+    if(typeof urchinTracker == 'function' && o && o.url){
+        urchinTracker(o.url);
+    }
+});