/*!
 * Ext JS Library 3.1.1
 * Copyright(c) 2006-2010 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function(){

    var tabs = new Ext.TabPanel({
        renderTo:'tabs',
        resizeTabs:true, // turn on tab resizing
        minTabWidth: 90,  //115,
        tabWidth: 120,  //135,
        enableTabScroll:true,
        width:530,
        height:200,
        defaults: {autoScroll:true},
        plugins: new Ext.ux.TabCloseMenu()
    });

    // tab generation code
    //var index = 0;
    //while(index < 7){
        //addTab();
    //}

    addTab();
    function addTab(){
        tabs.add({
            title: 'January ' ,
            /*iconCls: 'tabs',*/
            html: '<b>15/Jan/2010 : </b><del>Sg. Buaya, Rawang</del><br />'
		+ '<b>16/Jan/2010 : </b><del>Sg. Buaya, Rawang</del><br />'
		+ '<b>17/Jan/2010 : </b><del>Putrajaya</del><br />',
            closable:false
        });

        tabs.add({
            title: 'February ' ,
            /*iconCls: 'tabs',*/
            html: '<b>13/Feb/2010 : </b><del>Not Available</del><br />'
		+ '<b>14/Feb/2010 : </b><del>Not Available</del><br />'
		+ '<b>15/Feb/2010 : </b><del>Not Available</del><br />'
		+ '<b>16/Feb/2010 : </b><del>Not Available</del><br />',
            closable:false
        });

        tabs.add({
            title: 'March ' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>March/2010 : </b><del>Available</del><br />',
            closable:false
        })

        tabs.add({
            title: 'April ' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>23/April/2010 : </b><del>Not Available</del><br />'
		+ '<b>24/April/2010 : </b><del>Not Available</del><br />'
		+ '<b>25/April/2010 : </b><del>Not Available</del><br />',
            closable:false
        });

        tabs.add({
            title: 'May ' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>May/2010 : </b><del>Available</del><br />',
            closable:false
        });

        tabs.add({
            title: 'June ' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>27/June/2010 : </b><del>Kuala Selangor (Hj Mustapha & Hasniza)</del><br />',
            closable:false
        });

        tabs.add({
            title: 'July ' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>03/July/2010 : </b><del>Damansara Damai (Riya & Halis)</del><br />'
		+ '<b>04/July/2010 : </b><del>Damansara Damai (Riya & Halis)</del><br />',
            closable:false
        }).show();

        tabs.add({
            title: 'August ' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>August/2010 : </b>Available<br />',
            closable:false
        });

        tabs.add({
            title: 'September ' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>18/September/2010 : </b>Cheras (Mardiana & Muszafar)<br />',
            closable:false
        });

        tabs.add({
            title: 'October ' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>09/Oct/2010 : </b>Kuang (Idayu & Din)<br />'
		+ '<b>10/Oct/2010 : </b>Kuang (Idayu & Din)<br />'
		+ '<b>31/Oct/2010 : </b>Not Available<br />',
            closable:false
        });

        tabs.add({
            title: 'November ' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>November/2010 : </b>Available<br />',
            closable:false
        });

        tabs.add({
            title: 'December ' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>December/2010 : </b>Available<br />',
            closable:false
        });
    }

});