// JavaScript Document
jQuery.fn.tabs = function(options) 
{ 
      container     = this;
      var tabpanel  = document.createElement('div');
      tabpanel.id   = "tabtoppanel";
      var tabsArray = [];
      
      var settings = jQuery.extend(
      {   
          classPanel: "tabulatorsPanel",
          classTabPanel: "tabulatorsTopPanel",
          classTab:   "tabulatorsTabPanel",
          classActiveTab:   "tabulatorsActiveTabPanel",
          classMsgPanel : "msgPanel"   
              
      }
      , options);
      
      container.append(tabpanel);
      container.addClass(settings.classPanel);
      jQuery(tabpanel).addClass(settings.classTabPanel);
      container.hide();
      jQuery.fn.tabs.addTab = function (id,name)
      {
             
           var tab              = document.createElement('div');
           var tabMsgContainer  = document.createElement('div');
           tab.id = id;
           tabMsgContainer.id = id+"_msgContainer";
           
           container.append(tabMsgContainer);
           jQuery(tabpanel).append(tab);
           jQuery(tab).html(name);
           jQuery(tab).addClass(settings.classTab);
           jQuery(tabMsgContainer).addClass(settings.classMsgPanel);
           
           jQuery(tabMsgContainer).hide();
           tabsArray.push(tabMsgContainer);
           
             // device on click
           jQuery(tab).click(function() 
           { 
              showMessage(this.id);  
           });
           
           
      }
      
      //private func for show msg on post
      function showMessage(id)
      {
              var tab = jQuery(document.getElementById(id));
              var tabMsgContainer = jQuery(document.getElementById(id+"_msgContainer"));
              
              for (var i=0; i<tabsArray.length; i++) 
              {
                  jQuery(tabsArray[i]).hide();
              }  
              
              jQuery("#tabtoppanel").find("div").each(function(i) {
		              
                  jQuery(this).removeClass(settings.classActiveTab);
	            });
              container.show();
              jQuery(tabMsgContainer).fadeIn('slow');
              jQuery(tab).addClass(settings.classActiveTab);
      }
      
      jQuery.fn.tabs.addMsg = function (id,msg)
      {
      
          jQuery(document.getElementById(id+"_msgContainer")).html(msg);
          showMessage(id); 
      
      }
      
}