/*!
 * 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: 115,  //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 2010' ,
            /*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 2010' ,
            /*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 2010' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>March/2010 : </b><del>Available</del><br />',
            closable:false
        });

        tabs.add({
            title: 'April 2010' ,
	    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 2010' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>May/2010 : </b><del>Available</del><br />',
            closable:false
        });

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

        tabs.add({
            title: 'July 2010' ,
	    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
        });

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

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

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

        tabs.add({
            title: 'November 2010' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>06/November/2010 : </b><del>Ijok (Hamizah & Kamil)</del><br />'
		+ '<b>27/November/2010 : </b><del>Cheras (Mardiana & Muszafar)</del><br />',
            closable:false
        });

        tabs.add({
            title: 'December 2010' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>11/December/2010 : </b><del>Not Available</del><br />'
		+ '<b>12/December/2010 : </b><del>Not Available</del><br />',
            closable:false
        });
        tabs.add({
            title: 'January 2011' ,
            /*iconCls: 'tabs',*/
            html: '<b>January/2011 : </b>Available<br />',
            closable:false
        });

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

        tabs.add({
            title: 'March 2011' ,
	    disabled:false,
            /*iconCls: 'tabs',*/
            html: '<b>12/March/2011 : </b><del>Manjung (Firdaus & Aslinda)</del><br />'
		+ '<b>13/March/2011 : </b><del>Manjung (Firdaus & Aslinda)</del><br />'
		+ '<b>19/March/2011 : </b><del>Kota Tinggi (Firdaus & Aslinda)</del><br />',
            closable:false
        });

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

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

        tabs.add({
            title: 'June 2011' ,
            /*iconCls: 'tabs',*/
            html: '<b>03/June/2011 : </b><del>Jinjang (Noranis)</del><br />'
		+ '<b>04/June/2011 : </b><del>Teluk Intan (Fhati & Shakila)</del><br />'
		+ '<b>05/June/2011 : </b><del>Bt. Caves (Noranis)</del><br />',
            closable:false
        });
        tabs.add({
            title: 'July 2011' ,
            /*iconCls: 'tabs',*/
            html: '<b>July/2011 : </b>Available<br />',
            closable:false
        });
        tabs.add({
            title: 'August 2011' ,
            /*iconCls: 'tabs',*/
            html: '<b>August/2011 : </b>Available<br />',
            closable:false
        });
        tabs.add({
            title: 'September 2011' ,
            /*iconCls: 'tabs',*/
            html: '<b>04/September/2011 : </b><del>Rawang (Hafiz)</del><br />',
            closable:false
        });
        tabs.add({
            title: 'Ocktober 2011' ,
            /*iconCls: 'tabs',*/
            html: '<b>Ocktober/2011 : </b>Available<br />',
            closable:false
        });
        tabs.add({
            title: 'November 2011' ,
            /*iconCls: 'tabs',*/
            html: '<b>November/2011 : </b>Available<br />',
            closable:false
        }).show();
        tabs.add({
            title: 'December 2011' ,
            /*iconCls: 'tabs',*/
            html: '<b>17/December/2011 : </b>Klang (Farah & Faris)<br />'
		+ '<b>18/December/2011 : </b>Klang (Farah & Faris)<br />',
            closable:false
        });
    }

});