(function ($) {
	"use strict";

	// Create the defaults once
	var pluginName = 'TpTabs',
	defaults = {
		tabContainer : ".tptabs_content_container_main", // Element containing tab elements
		tabSelector : false,//"a", // Tab selector (eg. with href attribute for selecting specific content elements through ID)
		contentContainer : ".tptabs_content_container", // Element containing content elements for tabs
		contentInner : ".tptabs_content_container_inner", // Element containing content elements for tabs
		contentSelector : false, // Content selector (eg. with ID attribute to work with specific tab selectors)
		initialTab : 0, // Tab opened initially when website loads (0 = 1st tab,..)
		autoOrder : true, // Set true when not defining HREF or ID selectors between tabs and contents - eg. first tab element will be auto assigned to the first content element and so on in order
		autoplayInterval : 0, // Autoplay tabs in order in miliseconds (0 = disabled)
		animSpeed : 300, // Animation speed when switching contents
		autoHeight : true, // If true, content container's height is dynamically resized according to the height of visible content
		animation : "", // Easing
		direction : "horizontal",
		onEvent : "click" // Trigger change
	},
	compatibility = "Compatibility settings: ";

	// The actual plugin constructor
	function TpTabs(element, options) {
		this.element = element;
		this.$element = $(this.element);

		this.options = $.extend({}, defaults, options);

		this.$tab_container = this.$element.find(this.options.tabContainer);
		this.$tab_el = (this.options.tabSelector === false) ? this.$tab_container.children() : this.$tab_container.find(this.options.tabSelector);
		this.$tab_length = this.$tab_el.length - 1;
		this.$content_container = this.$element.find(this.options.contentContainer);
		this.$content_inner = this.$content_container.find(this.options.contentInner);
		this.$content_el = (this.options.contentSelector === false) ? this.$content_inner.children() : this.$content_inner.find(this.options.contentSelector);
		this.$external_tab_link = this.$content_el.find("a[href|='#tab']");

		this.width = this.$element.outerWidth();
		this.visible = null;
		this.interval = null;
		this.query = false;

		this._defaults = defaults;
		this._name = pluginName;

		//self					= this;

		this.init();
	}

	// Plugin private methods
	TpTabs.prototype = {

		// Plugin initialization
		init : function () {
			setHtmlDefaults.call(this);
			// Set initial contents location
			this.$content_el.css(this.getDirObj(this.width));

			// If autoplay is set
			if (this.options.autoplayInterval > 0) {
				this.setAutoplay();
				// Binds stopping autoplay on mouseover
				try {
					this.$element.on("mouseenter mouseleave", {
						self : this
					}, this.bindHover);
				} catch (err) {
					//console.log(compatibility + err);

					this.$element.bind("mouseenter mouseleave", {
						self : this
					}, this.bindHover);
				}
			}

			// Prevents default action when anchor is clicked
			try {
				this.$tab_container.find("a[href]").on("click", function (e) {
					e.preventDefault();
					return;
				});
			} catch (err) {
				//console.log(compatibility + err);

				this.$tab_container.find("a[href]").bind("click", function (e) {
					e.preventDefault();
					return;
				});
			}

			// Binds action when tab is triggered
			try {
				this.$tab_el.on(this.options.onEvent, {
					self : this
				}, this.bindTabs);
			} catch (err) {
				//console.log(compatibility + err);

				this.$tab_el.bind(this.options.onEvent, {
					self : this
				}, this.bindTabs);
			}

			// Links inside contents which can be used like tab links
			this.$external_tab_link.bind("click", {
				self : this
			}, function (e) {
				var val = e.data.self.getLinkVal($(this)),
				isNum;
				try {
					isNum = $.isNumeric(val);
				} catch (err) {
					//console.log(compatibility + err);
					isNum = !isNaN(val);
				}
				if (isNum) {
					e.data.self.autoLoad(parseInt(val, 10));
				} else {
					e.data.self.$tab_el.filter(val).trigger(e.data.self.options.onEvent);
				}
				e.preventDefault();
			});

			// Initial load of defined tab
			this.autoLoad(this.options.initialTab);
		},

		// Autoplay interval
		setAutoplay : function () {
			var self = this;
			clearInterval(this.interval);
			this.interval = setInterval(function () {
					self.autoLoad(self.visible + 1);
				}, this.options.autoplayInterval);
		},

		bindHover : function (e) {
			if (e.type === "mouseenter")
				clearInterval(e.data.self.interval);
			else
				e.data.self.setAutoplay();
		},

		bindTabs : function (e) {
			e.data.self.showw(this);
		},

		autoLoad : function (i) {
			this.showw((i > this.$tab_length) ? this.$tab_el[0] : ((i < 0) ? this.$tab_el[this.$tab_length] : this.$tab_el[i]));
		},

		showw : function (el) {
			//

			var i = parseInt(this.getIndex(el), 10),
			visible_el,
			new_el,
			href,
			direction = (this.visible > i) ? 1 : -1;
			if (this.visible === i)
				return;

			if (this.options.autoOrder) {
				visible_el = $(this.$content_el[this.visible]);
				new_el = $(this.$content_el[i]);
			} else {
				href = this.getHref($(el));
				visible_el = $(this.$content_el.filter(this.getHref(this.$tab_el[this.visible])));
				new_el = $(this.$content_el.filter(href));
			}

			if (visible_el.length && visible_el.queue("fx").length)
				return false;
			this.toggleActiveTab(i);

			new_el.css(this.getDirObj(-direction * this.width)).stop(true, true).animate(this.getDirObj(0), this.options.animSpeed, this.options.animation);
			visible_el.stop(true, true).animate(this.getDirObj(direction * this.width), this.options.animSpeed, this.options.animation);
			this.setHeight(new_el);
			this.visible = i;
		},

		toggleActiveTab : function (i) {
			this.$tab_el.filter(".active").removeClass("active");
			$(this.$tab_el[i]).addClass("active");
		},

		setHeight : function (el) {
			if (this.options.autoHeight)
				this.$content_container.stop(true, true).animate({
					height : this.getHeight(el)
				}, this.options.animSpeed * 2 / 3, this.options.animation);
		},

		getDirObj : function (val) {
			return (this.options.direction === "vertical") ? {
				top : val
			}
			 : {
				left : val
			};
		},

		getIndex : function (el) {
			return parseInt($(el).index(), 10);
		},

		getHeight : function (el) {
			return el.outerHeight();
		},

		getLinkVal : function (el) {
			var temp = this.getHref(el).split("-");
			return temp[temp.length - 1];
		},

		getHref : function (el) {
			return $(el).attr("href") || false;
		}

	};

	// jQuery external plugin definition
	$.fn[pluginName] = function (options) {
		return this.each(function () {
			if (!$.data(this, 'plugin_' + pluginName)) {
				$.data(this, 'plugin_' + pluginName, new TpTabs(this, options));
			}
		});
	};


	function setHtmlDefaults () {

		if(typeof this.$element.attr("class") == "undefined") return false;
		var arr_class = this.$element.attr("class").split(" ");
		var self = this;
		$.grep(arr_class, function(n, i){
			if(n.split("-").length == 2 && n.split("-")[0] in self._defaults){
				var val = n.split("-");

				if(parseInt(val[1], 10) == val[1] && typeof self.options[val[0]] == "number") self.options[val[0]] = parseInt(val[1], 10);
				if(typeof self.options[val[0]] == "string"){

						self.options[val[0]] = (val[1]);

				}else if(typeof self.options[val[0]] == "boolean"){
					try{
						self.options[val[0]] = eval(val[1]);
					}catch(er){
						console.log(er);
					}

				}

				return true;
			}

			if(n in self._defaults){
				self.options[n] = true;
				return true;
			}
		});

	}
	$(document).ready(function(){
		$(".tp_tabs").TpTabs();
	})

})(jQuery);