/**
 * tab_switcher.js
 * //タブ切り替え
 * @author takaaki koyama
 * @use jQuery 1.4 later
 ---------------------------------------------------------------*/
;;(function($){

	/**
	 *
	 * config = {
	 *		currentClass : "current" //クラス名を指定
	 *	};
	 *　$([selector]).tab_switcher(config);
	 *
	 * @example
	 * [JS]
	 * 	$(function(){
	 *		$(".tab_switcher").tab_switcher();
	 *	})
	 *
	 * [HTML]
	 *  <div class="tab_switcher">
	 *		<ul>
	 *			<li class="current"><a href="#contents01">コンテンツ01</a><li>
	 *			<li><a href="#contents02">コンテンツ02</a><li>
	 *			<li><a href="#contents03">コンテンツ03</a><li>
	 *		<ul>
	 *  </div>
	 *  <div id="#contents01"> ... </div>
	 *  <div id="#contents02"> ... </div>
	 *  <div id="#contents03"> ... </div>
	 */
	$.fn.tab_switcher = function(options){
		var config = {
			currentClass : "current"
		};
		$.extend(config,options);


		$(this).each(function(){
			var $target = $(this);
			$target.find("a").unbind("click").click(function(){
				var $t = $(this);
				if($t.parent().hasClass(config.currentClass)) return false;
				$c = $target.find("."+config.currentClass+" > a");

				$($t.attr("href")).css({"display":"block"});
				$($c.attr("href")).css({"display":"none"});

				$t.parent().addClass(config.currentClass);
				$c.parent().removeClass(config.currentClass);

				 return false;
			})

			var $t,$o;
			if($target.find("."+config.currentClass+" > a").size()){
				$t = $target.find("."+config.currentClass+" > a");
				$o = $target.find("a").not($t);
			}else{
				$t = $target.find("a:eq(0)");
				$o = $target.find("a").not(":eq(0)");
			}

			//IEだと動かなくなる
			//console.log($t);

			$t.parent().addClass(config.currentClass);
			$o.each(function(){
				$($(this).attr("href")).css({"display":"none"});
			})

			$target.find("li:last-child").addClass('last-child')

		});

			return this;
	}

/*
	//init use this !
	$(function(){
		$(".tab_switcher").tab_switcher();
	})
*/
	$(document).ready(function(){
		$(".tab_switcher").tab_switcher();
	});
})(jQuery);