## Config

active | autoResizable | border | height
heightResizable | items | renderTo | width
widthResizable

### active

Number Active tab index. Base on 0.

### autoResizable

Boolean Whether panel resizes itself according to content.

### border

Boolean To show border or not.

### height

String Initialization height.

    //heigh config
     height : '200px'// or '100%'.

### heightResizable

Booean Whether end user can change panel height by mouse dragging.

### items

Array Tab items array.

### renderTo

String or JQuery object To specify where tab panel will be placed. It could be a DOM id or jquery object.

### width

String Initialization width.

    // width config, in px or percentage.
     width : '200px'// or '100%'.

### widthResizable

Boolean Whether end user can change panel width by mouse dragging.

## Method

addTab | getActiveIndex | getActiveTab | getClosable
getContent | getDisable | getTabPosision | getTabsCount
getTitle | kill | refresh | setClosable
setContent | setDisable | setRenderWH | setTitle

### addTab(item)

To add a new tab.

Object | item | Object for item profile.

    //to add a new tab
     addTab({id:"newtabid",
        title:"I am new" ,
        html:"some new message goes here",
        closable: true,
        disabled:false,
        icon:"image/new.gif"
     });

### getActiveIndex()

To get index of active tab.

Return Number - index of active tab.

### getActiveTab()

To get active tab.

Return Object - Profile of active tab.

### getClosable(id)

To determine whether tab is closable or not.

String | id | item id.

### getContent(id)

To get tab inner html.

String | id | item id.

### getDisable(id)

To determine whether tab is disabled or not.

String | id | item id.

### getTabPosision(id)

To get tab index.

Return Number - index of tab.

String | id | item id.

### getTabsCount()

To get how many tabs are in the panel.

Return Number - Number of tabs .

### getTitle(id)

To get tab title.

String | id | item id.

### kill(id)

To close tab.

String | id | item id.

### refresh(id)

To refresh tab content.

String | id | item id.

### setClosable(id, True)

To enable or disable end user to close tab.

String | id | Item id.
Booleaan | True | for closable, false for not.

### setContent(id, title)

To set tab title.

String | id | Item id.
String | title | Tab inner html.

### setDisable(id, True)

To enable or disable tab.

String | id | Item id.
Booleaan | True | for disabled, false for enabled.

### setRenderWH(wh)

To set width and height of the panel.

Object | wh | width and height.

    //To set tab height and width
     setRenderWH({width:'200px', height:'400px'});

### setTitle(id, title)

To set tab title.

String | id | Item id.
String | title | Tab title.