/**
 * SkiyoTabs for jQuery
 *
 * @auth Jessica
 * @link http://demo.skiyo.cn/skiyotabs/
 *
 */
(function($) {
    $.fn.SkiyoTabs = function(options) {
	var opts = $.extend({}, $.fn.SkiyoTabs.defaults, options);
	return this.each(function() {
	    var target = $(this);
	    var div = $('div.mootabs_panel',target);
/*	    var tabs = target.find('li'); */
	    var tabs = target.children('ul.mootabs_title').find('li');
	    var flag = false;
	    now = new Date().valueOf();
	    function Tabs() {
		if(flag) {
		    if(new Date().valueOf() - now < 300) {
			return false;
		    }
		} else {
		    select(div, $(this), opts.firstOn);
		    flag = true;
		    return false;
		}

		if($(this).hasClass(opts.className)) {
		    return false;
		}
		select(div, $(this));
		now = new Date().valueOf();
		return false;
	    }

	    function select(div, li, index) {
		div.addClass('inactive');
		if(typeof(index) == "number") {
		    tabs.removeClass(opts.className);
		    $(tabs[index]).addClass(opts.className);
		    $(div[index]).removeClass(opts.classNameInactive);
		    $(div[index]).addClass(opts.className);

		} else {
		    var tab = div.filter(li.find("a").attr("href"));
		    var divId = li.find("a").attr("href").split('#',2)[1];
		    tab.fadeIn(opts.fadeIn);
		    tabs.removeClass(opts.className);
		    li.addClass(opts.className);
		    $('#'+divId).addClass(opts.className);
		    $('#'+divId).removeClass(opts.classNameInactive);

		}
	    }

	    tabs.bind(opts.eventName == 'all' ? 'click mouseover' : opts.eventName, Tabs).filter(':first').trigger(opts.eventName == 'all' ? 'click' : opts.eventName);
	});
    };
    $.fn.SkiyoTabs.defaults = {
	firstOn : 0,
	className: 'selected',
	eventName: 'all',
	loadName: 'loading...',
	fadeIn: 'slow'
    };
})(jQuery);

jQuery(document).ready(function() {
    jQuery("#myTabs").SkiyoTabs({
	firstOn : 0,
	className:'active',
	classNameInactive:'inactive',
	eventName:'click',
	fadeIn: 'slow',
	autoFade:true,
	autoFadeTime:3
    });


});