/*
jquery.semantictabs.js
Creates semantic tabs from nested divs
Chris Yates

Inspired by Niall Doherty's jQuery Coda-Slider v1.1 - http://www.ndoherty.com/coda-slider

Copyright (C) 2007-2011 Chris Yates

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.

Usage:
$("#mycontainer").semantictabs({
panel:'.mypanelclass', //-- Selector of individual panel body
head:'headelement', //-- Selector of element containing panel header
active:':first', //-- Which panel to activate by default
activate:':eq(2)' //-- Argument used to activate panel programmatically
});

1 Nov 2007

Bug fixes 15 Dec 2009:
http://plugins.jquery.com/node/11834
http://plugins.jquery.com/node/8486
(thanks zenmonkey)

Feature update 4 Jan 2010:
Now works with arbitrary jQuery selectors, not just 'class' attribute.

*/

jQuery.fn.semantictabs = function(passedArgsObj) {
  /* defaults */
  var defaults = {panel:'.tileContent', head:'h3', active:':first', activate:false};

  /* override the defaults if necessary */
  var args = jQuery.extend(defaults,passedArgsObj);
  
  // Allow activation of specific tab, by index
if (args.activate) {
return this.each(function(){
var container = jQuery(this);
container.find(args.panel).hide();
container.find("ul.tabs li").removeClass("ui-state-active");
container.find(args.panel + ":eq(" + args.activate + ")").show();
container.find("ul.tabs li:eq(" + args.activate + ")").addClass("ui-state-active");
});
} else {
    return this.each(function(){
   // Load behavior
   var container = jQuery(this);
      container.find(args.panel).hide();
   container.find(args.panel + args.active).show();
   container.prepend("<ul class=\"tabs semtabs\"></ul>");
   container.find(args.panel).each( function() {
   var title = jQuery(this).find(args.head).text();
   this.title = title;
   container.find("ul.tabs").append("<li><a href=\"javascript:void(0);\">"+title+"</a></li>");
   });
   container.find("ul li" + args.active).addClass("ui-state-active");
   // Tab click behavior
   container.find("ul.tabs li").click(function(){
   container.find(args.panel).hide();
   container.find("ul.tabs li").removeClass("ui-state-active");
   container.find(args.panel + "[title='"+jQuery(this).text()+"']").show();
   jQuery(this).addClass("ui-state-active");
   });
   container.find("#remtabs").click(function(){
   container.find("ul.tabs").remove();
   container.find(args.container + " " + args.panel).show();
   container.find("#remtabs").remove();
   });
   });
}

};