====== Tabs ======

===== Options =====

==== Object options ====

^ Parameter ^ Data ^ Type ^ Default value ^ Description ^
| position  | top  | string | top  | Pozícia tabov nad oknom |
| position  | bottom  | string | top  | Pozícia tabov pod oknom |
| position  | left  | string | top  | Pozícia tabov naľavo od okna |
| position  | right  | string | top  | Pozícia tabov napravo od okna |
| callback  | window, div class, div id  | string | body  | Pozícia vykreslenia tabov |
==== Tabs options ====

^ Parameter ^ Data ^ Type ^ Default value ^ Description ^
| caption  | ""  | string | none  | Názov tabu |
| content  | ""  | string | none  | Obsah tabu |
| type  | active | string | default | Pri vytvoreni tabov, bude aktívny |
| type  | default | string | default | Pri vytvoreni tabov, bude neaktívny |
| type  | disabled | string | default | Pri vytvoreni tabov, bude vypnutý |

==== Tabs events ====

^ Parameter    ^ Data  ^ Type  ^ Default value  ^ Description  ^
| onTabClick   |       |       |                |              |
| onTabChange  |       |       |                |              |


===== HTML, tabs on top =====

==== Example ====

{{:dev:omega:html5:tab_top.jpg|}}
==== Code ====

<code>
pushTab(
   {position: 'top',
    tabs:[
       {caption: "Tab 1",
        content: "blablabla",
         type: "active"}, 
       {caption: "Tab 2",
        content: "blablabla2"}
    ]
   });
</code>

===== HTML, tabs on bottom =====

==== Example ====

{{:dev:omega:html5:tab_bottom.jpg|}}
==== Code ====

<code>
pushTab(
   {position: 'bottom',
    tabs:[
       {caption: "Tab 1",
        content: "blablabla",
         type: "active"}, 
       {caption: "Tab 2",
        content: "blablabla2"}
    ]
   });
</code>

===== HTML, tabs on left =====

==== Example ====

{{:dev:omega:html5:tab_left.jpg|}}
==== Code ====

<code>
pushTab(
   {position: 'left',
    tabs:[
       {caption: "Tab 1",
        content: "blablabla",
         type: "active"}, 
       {caption: "Tab 2",
        content: "blablabla2"}
    ]
   });
</code>

===== HTML, tabs on right =====

==== Example ====

{{:dev:omega:html5:tab_right.jpg|}}
==== Code ====

<code>
pushTab(
   {position: 'right',
    tabs:[
       {caption: "Tab 1",
        content: "blablabla",
         type: "active"}, 
       {caption: "Tab 2",
        content: "blablabla2"}
    ]
   });
</code>