/*!
 * Ext JS Library 3.1.1
 * Copyright(c) 2006-2010 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function(){
    // basic tabs 1, built from existing content
    var tabs3 = new Ext.TabPanel({
        renderTo: 'tabs3',
        width:700,
        height:320,
        autoHeight:true,
        activeTab: 2,
        frame:true,
        defaults:{autoHeight: false, autoScroll:true},
        items:[
            {contentEl:'a_1980', title: 'Années 80'},
            {contentEl:'a_1990', title: 'Années 90'},
            {contentEl:'a_2000', title: '2000'},
            {contentEl:'a_2001', title: '2001'},
            {contentEl:'a_2002', title: '2002'},
            {contentEl:'a_2003', title: '2003'},
            {contentEl:'a_2004', title: '2004'},
            {contentEl:'a_2005', title: '2005'},
            {contentEl:'a_2006', title: '2006'},
            {contentEl:'a_2007', title: '2007'},
            {contentEl:'a_2008', title: '2008'},
            {contentEl:'a_2009', title: '2009'},        
            {contentEl:'a_2010', title: '2010'}                                                   
        ]
    });



    function handleActivate(tab){
        alert(tab.title + ' was activated.');
    }
});