/**
 * Provides tab behavior and styling.  
 * 
 * Author : vasile.orza
 * 
 *
 * Usage example: 
 * 	$("#tabLinks").tabs();
 * 
 * 	<ul id="tabLinks">
 *  	<li>label 1</li>
 *  	<li>label 2</li>
 * 	</ul>
 * 	<div id="tabContainer">
 *  	<div>1</div>
 *  	<div>2</div>
 * 	</div>
 * 
 */
(function($){
	var defaults = {
			containerId: "tabContainer"
	};

	$.fn.tabs = function(userOptions) {
		var options = $.extend({}, defaults, userOptions);
		return this.each(function() {
			$(this).addClass("tabLinks")
					.find("li").addClass(function() {
					  return "tab-" + $(this).index();
					}).click(function() {
						var $this = $(this);
						// ignore event, when tab is already selected
						if ($this.hasClass("selected")) {
							return false;
						}
						// display tab link as selected
						$this.addClass("selected")
								.siblings().removeClass("selected");
						// display tab content
						var tabIndex = $this.index();
						$("#" + options.containerId).children().hide()
	 															.eq(tabIndex).show();
					})
					.wrapInner("<div class='rightCorner'>")
					.wrapInner("<div class='leftCorner'>")
					.first().click();
		});
	};
}) (jQuery);