/*******************************************************************************
 * MultiTabTeaser
 ******************************************************************************/
function MultiTabTeaser(id) {
	// Eigenschaften
	var id = id;
	var timing = 2000;
	var fadeTimingIn = 800;
	var fadeTimingOut = 1000;
	var mttDisplays;
	var mttTabs;
	var mttLayer;
	var currentDisplay = 0;
	var maxDisplays = 0;

	var timer;
	var stop = false;

	// Getter und Setter
	this.getTiming = function() {
		return timing;
	};

	this.setTiming = function(newTiming) {
		timing = newTiming;
	};

	// Funktionen
	var changeContent = function() {
		try {
			window.clearTimeout(timer);
			$(mttDisplays[currentDisplay]).fadeOut(fadeTimingOut);
			if ($(mttTabs[currentDisplay]).hasClass("active")) {
				$(mttTabs[currentDisplay]).removeClass("active", fadeTimingOut);
			}
			if ($(mttLayer[currentDisplay]).hasClass("active")) {
				$(mttLayer[currentDisplay]).removeClass("active");
			}

			currentDisplay++;
			if (currentDisplay >= maxDisplays) {
				currentDisplay = 0;
			}

			$(mttDisplays[currentDisplay]).fadeIn(fadeTimingIn);

			$(mttTabs[currentDisplay]).addClass("active", fadeTimingIn);
			
			$(mttLayer[currentDisplay]).addClass("active");

			timer = window.setTimeout(function() {
				changeContent();
			}, timing);
		} catch (err) {
			window.clearTimeout(timer);
		}
	};

	this.showTeaserTab = function(displayId) {
		clearTimeout(timer);
		stop = true;

		mttDisplays.each(function() {
			$(this).css("display", "none");
		});
		mttTabs.each(function() {
			$(this).removeClass("active");
		});
		mttLayer.each(function() {
			$(this).removeClass("active");
		})

		currentDisplay = displayId - 1;

		$(mttDisplays[currentDisplay]).css("display", "block");
		$(mttTabs[currentDisplay]).addClass("active");
		$(mttLayer[currentDisplay]).addClass("active");
	};

	var continueMove = function() {
		if (!stop) {
			changeContent();
		}
	};

	var stopMove = function() {
		clearTimeout(timer);
	};
	
	this.initLinkLayer = function() {
		$('#page').append('<div id="mtt_link_layer"></div>');
		mttDisplays.each(function(){
			$('#mtt_link_layer').append('<a id="'+$(this).attr("id")+'_layer" class="mtt_link_layer_block" href="'+$(this).find("a").attr("href")+'"><img src="/out/tln_2010/src/mhwd/images/mtt_link_layer.gif" /></div>');
		});
		
		mttLayer = $("#mtt_link_layer").children("a");
	};

	this.initMultiTabTeaser = function(pTiming) {
		if(pTiming == null) {
			pTiming = 5;
		}
		
		this.setTiming(pTiming*1000);
		
		mttDisplays = $("#mtt_" + id + " div.mttDisplayWrapper")
				.children("div");
		mttDisplays.each(function() {
			$(this).css("display", "none");
		});
		maxDisplays = mttDisplays.length;
		currentDisplay = maxDisplays - 1;

		mttTabs = $("#mtt_" + id + " div.mttTabWrapper").children("div");
		this.initLinkLayer();
		changeContent();
	};

}