//unsere eigenen Tabs!
$.fn.sw_tabs = function() {

	//damit mir mein $(this) nicht verloren geht
	var thistabs = $(this);

	//diese Funktion prüft, ob die Pfeile für das hin und her scrollen erforderlich sind und fügt sie ggf. hinzu
	function scroll_tabs(thiss) {
		var wrapper_width = $(thiss).children('.tabs_wrapper').get(0).scrollWidth;
		var width = Math.ceil($(thiss).outerWidth());

		if(wrapper_width > width) {
			$(thiss).addClass('tabs_scroll');
		} else {
			$(thiss).removeClass('tabs_scroll');
		}
	};

	//diese Funktion führt das tatsächliche Scrollen aus und prüft, ob noch weiter nach rechts bzw. links gescrollt werden kann - je nach Ergebnis wird der Scrollpfeil dann disabled
	function move_tabs (scroll_amount, scroll_time) {
		thistabs.children('.tabs').children('.tabs_wrapper').animate({scrollLeft: scroll_amount}, scroll_time, function () {
			var width = thistabs.children(".tabs").outerWidth();
			var wrapper_width = thistabs.children('.tabs').children('.tabs_wrapper').outerWidth(true);
			var wrapper_scrollwidth = thistabs.children('.tabs').children('.tabs_wrapper').get(0).scrollWidth;
			var scroll_left = thistabs.children('.tabs').children('.tabs_wrapper').get(0).scrollLeft;

			thistabs.children('.tabs').children('.pfeil').removeClass('disabled');
			if(scroll_left == "0") {
				thistabs.children('.tabs').children('.pfeil_links').addClass('disabled');
			}
			if (scroll_left >= (wrapper_scrollwidth - wrapper_width - 1) && scroll_left <= (wrapper_scrollwidth - wrapper_width + 1)) {
				thistabs.children('.tabs').children('.pfeil_rechts').addClass('disabled');
			}
		});
	};

	//diese Funktionen werden zu Beginn des Aufrufens ausgeführt.
	//dazu gehört die Prüfung, ob Pfeile benötigt werden und das Laden des ersten Tabs
	setTimeout(function () {scroll_tabs(thistabs.children('.tabs'));}, 250);
	thistabs.children('.tabs_content').load(thistabs.children('.tabs').children('.tabs_wrapper').children('.tab:first-child').attr('goto'));
	thistabs.children('.tabs').children('.tabs_wrapper').children('.tab:first-child').addClass('tab_aktiv');

	//wenn das Fenster seine Größe ändert, könnten die Scrollpfeile nötig werden, also prüfen wir das
	$(window).resize(function() {
		scroll_tabs(thistabs.children('.tabs'));
	});

	//wir klicken auf einen Pfeil, um die Tabs nach links oder rechts zu scrollen
	thistabs.children('.tabs').children(".pfeil").click(function () {
		var width = thistabs.children(".tabs").outerWidth();
		var wrapper_width = thistabs.children('.tabs').children('.tabs_wrapper').outerWidth();
		var wrapper_scrollwidth = thistabs.children('.tabs').children('.tabs_wrapper').get(0).scrollWidth;
		var scroll_left = thistabs.children('.tabs').children('.tabs_wrapper').get(0).scrollLeft;

		if ($(this).hasClass('pfeil_links')) {
			var scroll_amount = scroll_left - wrapper_width;
		}
		if ($(this).hasClass('pfeil_rechts')) {
			var scroll_amount = scroll_left + wrapper_width;
		}
		move_tabs(scroll_amount, 500);
	});

	//wir klicken auf einen Tab
	thistabs.children('.tabs').children('.tabs_wrapper').children('.tab').click(function() {
		//der Inhalt wird geladen
		thistabs.children('.tabs_content').load($(this).attr('goto'));
		thistabs.children('.tabs').children('.tabs_wrapper').children('.tab').removeClass('tab_aktiv');
		$(this).addClass('tab_aktiv');

		//falls was in der Buttonleiste stand, verschwindet es jetzt
		$('#fenster_blocker .fenster:last-child .buttonleiste').empty();

		var tab_left = $(this).position().left;
		var tab_width = $(this).outerWidth(true);
		var wrapper_width = thistabs.children('.tabs').children('.tabs_wrapper').outerWidth();
		var scroll_left = thistabs.children('.tabs').children('.tabs_wrapper').get(0).scrollLeft;
		var pfeil_width = thistabs.children('.tabs').children('.pfeil').outerWidth();

		//wenn der Tab nicht komplett im Sichtfeld ist, wird er ins Sichtfeld geschoben
		if (tab_left < pfeil_width) {
			move_tabs(scroll_left + tab_left - pfeil_width, 250);
		}
		if ((tab_left + tab_width + pfeil_width) > (wrapper_width)) {
			move_tabs(scroll_left - (wrapper_width - (tab_left + tab_width)) - pfeil_width, 250);
		}
	});
};

//Tabinhalt nach-/ neuladen
function load_sw_tab(klasse, pfad) {
	$(klasse).children('.tabs').children('.tabs_wrapper').children('.tab').each(function () {
		if ($(this).attr('goto') == pfad) {
			$(klasse).children('.tabs').children('.tabs_wrapper').children('.tab').removeClass('tab_aktiv');
			$(this).addClass('tab_aktiv');
			$(klasse).children('.tabs_content').load(pfad);
		}
	});
}

//Headinfobereich
var tId;
$headinfobereich = function(text, typ) {
	if (typ == "success") {
		var farbe = "gruen";
		var icon = "fa-check-circle";
	}
	if (typ == "error") {
		var farbe = "rot";
		var icon = "fa-times-circle";
	}
	if (typ == "network") {
		var farbe = "rot";
		var icon = "fa-chain-broken";
	}
	$("#headinfobereich").removeClass('show').removeClass('rot').removeClass('gruen').hide().addClass(farbe);
	$('#headinfobereich .infotext').html(text);
	$('#headinfobereich .fa').attr('class', 'fa');
	$('#headinfobereich .fa').addClass(icon);
	$("#headinfobereich").toggleClass('show', 500).show();
	clearTimeout(tId);
	tId=setTimeout(function(){
	$("#headinfobereich").toggleClass('show', 500).hide(500);
	}, 5000);
}

//Fenster bauen
$fenster = function(klasse, titel, pfad, breite, hoehe, close_selector, close_pfad) {
	$('#fenster_blocker').append("<div class='fenster'><div class='symbolleiste'><div class='fenstertitle'>"+titel+"</div><div class='fa fa-times fenster_schliessen'></div></div><div class='fensterinhalt' klasse='"+klasse+"'></div><div class='buttonleiste'></div></div>");
	$('#fenster_blocker .fenster:last-child').children('.fensterinhalt').load(pfad, function() {
		if ($get_device() == "desktop") {
			$('#fenster_blocker .fenster:last-child').css('height', hoehe);
			$('#fenster_blocker .fenster:last-child').css('width', breite);
		}

		$('#fenster_blocker .fenster:last-child').attr("close_selector", close_selector);
		$('#fenster_blocker .fenster:last-child').attr("close_pfad", close_pfad);
		$('#fenster_blocker .fenster:last-child').addClass('aktiv', 300);
		$('#fenster_blocker').addClass('aktiv', 300).show();
	});
}
$fenster_schliessen = function () {
	var selector = $('#fenster_blocker .fenster:last-child').attr('close_selector');
	var pfad = $('#fenster_blocker .fenster:last-child').attr('close_pfad');

	if ( typeof selector !== "undefined" && selector && typeof pfad !== "undefined" && pfad) {
		$(selector).load(pfad);
	}

	$('#fenster_blocker .fenster:last-child').removeClass('aktiv', 300).remove();
	if($('#fenster_blocker .fenster').length == 0) {
		$('#fenster_blocker').removeClass('aktiv', 300).hide(300);
	}
}

//Fenster schließen
$(document).off('click', '.fenster .symbolleiste .fenster_schliessen').on('click', '.fenster .symbolleiste .fenster_schliessen', $fenster_schliessen);
$(document).off('click', '#fenster_blocker:not(input)').on('click', '#fenster_blocker:not(input)', function(e) {
	if (e.target !== this) {
		e.stopPropagation();
		return;
	}
	$fenster_schliessen();
});

(function($) {
	$.fn.extend({
		swipeTable:function(params){
			var conf = {start: 1, threshold:20, kopfspalte:false};
			$.extend(conf, params);
			return $(this).each(function(){
				if ($get_device() == "mobile" ) {

					var top = $(this).offset().top+50;
					$('table:not(:has(#swipetipp))').append('<center><div  id="swipetipp" style="position:absolute;top:'+top+'px; width:100%;color:#ccc;"><i class="fa fa-arrow-left "/><i class="fa fa-hand-pointer-o fa-2x"/><i class="fa fa-arrow-right "/></div></center>');

					$(this).find('th[colspan], td[colspan]').each(function() {
						var cell, count, results;
						cell = $(this);
						count = parseInt(cell.attr('colspan')) - 1;
						cell.removeAttr('colspan');
						results = [];
						while (count > 0) {
							cell.after(cell.clone());
							cell = cell;
							results.push(count--);
						}
						return results;
					});

					var menge = $(this).find("tr:nth-child(3) > td").length;

					$(this).after("<center><div id='swipebullets' style='color:#ccc;'></div></center>");
					for(i=0; i<menge; i++){
						$('#swipebullets').append("<i class='fa fa-circle-o'/>");
					}

					$(this).find('td, th').hide();

					$(this).attr('show',conf.start);
					var min = 1;
					if(conf.kopfspalte == true){
						conf.start = conf.start+1;
						$(this).attr('show',conf.start);
						$('#swipebullets').find('i:nth-child(1)').hide();
						$(this).find('td:nth-child(1),th:nth-child(1)').show();
						var min = 2;
					}

					$('#swipebullets').find('i:nth-child('+conf.start+')').addClass('fa-circle');
					$(this).find('td:nth-child('+conf.start+'),th:nth-child('+conf.start+')').show();

					var tabelle = $(this);

					$(this).swipe({
						swipe:function(event, direction) {
							$('#swipetipp').remove();
								var max = $(tabelle).find("tr:nth-child(3) > td").length;
								var current = parseInt($(tabelle).attr('show'));
								var neu = current;

								if (direction == "left" && current < max) {
									neu = current+1;
								}

								if (direction == "right" && current > min) {
									neu = current-1;
								}

								$(tabelle).find('td, th').hide();

								if(conf.kopfspalte == true){
									$(this).find('td:nth-child(1),th:nth-child(1)').show();
								}

								$('#swipebullets').find('i').removeClass('fa-circle').addClass('fa-circle-o');

								$(tabelle).find('td:nth-child('+neu+'),th:nth-child('+neu+')').show();

								$('#swipebullets').find('i:nth-child('+neu+')').addClass('fa-circle');
								$(tabelle).attr('show', neu);
							},
						threshold:conf.threshold,
						allowPageScroll : "vertical"
					});
				}
			});
		}
	});
})(jQuery);