var teaser_intv;
var teaser_time = 5;	//	-> seconds to show
var teaser_anz = 0;
var teaser_act = -1;
var teaser_old = -1;
var teaser_fadeInDuration = 3000;	//	milliseconds or 'fast' (=200) or 'slow' (=600)
var teaserElem_NAV;
var teaserElem_BTM;
var teaserElem_TOP;
var teaserElem_INFO;
var teaserElem_TXT;
var Elem_Console;
var teaser_ID_navItem = 'jq-TEASER_navID';
var teaser_CSS_navItem_marked = 'TEASER_navItem_marked';
var teaser_CSS_navItem_mouseover = 'TEASER_navItem_over';

function initTeaser ()
{
	teaserElem_NAV = $('#jq-TEASER_nav');
	teaserElem_BTM = $('#jq-TEASER_btm');
	teaserElem_TOP = $('#jq-TEASER_top');
	teaserElem_INFO = $('#jq-TEASER_info');
	teaserElem_TXT = $('#jq-TEASER_infoTXT');
	//
	jTrace(teaser_array);
	//
	teaser_anz = teaser_array.length;
	buildTeaserNavigation();
	//
	if( teaser_anz > 0 ){
		showTeaserNr(0);
		if( teaser_anz > 1 ){
//			startTeaserLoop();
		}
	}
}

function startTeaserDelay ()
{
	jTrace('startTeaserDelay();');
	teaser_intv = window.setInterval("onTeaserInterval()", 1000 * teaser_time);
}
function stopTeaserDelay ()
{
	jTrace('stopTeaserDelay()');
	window.clearInterval(teaser_intv);
	delete teaser_intv;
}

function onTeaserInterval ()
{
	jTrace('onTeaserInterval()');
	stopTeaserDelay();
	showTeaserNext();
}

function showTeaserNext ()
{
	jTrace('showTeaserNext()');
	teaser_old = teaser_act;
	var t = teaser_act + 1;
	if( t >= teaser_anz ){
		t = 0;	
	}
	showTeaserNr(t);
}
function onShowTeaserNr ( nr )
{
	jTrace('onShowTeaserNr(' + nr + ');');
	if( nr!=teaser_act ){
		stopTeaserFadeIn();
		stopTeaserDelay();
		teaser_old = teaser_act;
		teaser_act = nr;
		showTeaserNr(nr);
	}
}
function showTeaserNr (nr)
{
	jTrace('showTeaer(' + nr + ');');
	//
	teaser_act = nr;
	//
	var l = teaser_array[teaser_old];
	var o = teaser_array[teaser_act];
	//
	unmarkTeaserNavAll();
	if( l ){
		teaserElem_BTM.empty();
		teaserElem_BTM.append( '<img src="' + l.img + '" alt="'+ l.title +'"/>' );
	}
	//
	teaserElem_TOP.empty();
	teaserElem_TOP.append( '<img src="' + o.img + '" alt="'+ o.title +'"/>' );
	teaserElem_TOP.hide();
	teaserElem_TOP.fadeIn(teaser_fadeInDuration, function (){ onTeaserFadeIn(); });
	//
	teaserElem_INFO.fadeOut('fast');
	markTeaserNav(teaser_act);
}
function markTeaserNav ( nr )
{
	var t = $('#' + teaser_ID_navItem + nr)
	t.addClass(teaser_CSS_navItem_marked);
	t.unbind("mouseover");
	t.unbind("mouseout");
	t.unbind("click");
}
function unmarkTeaserNavAll ()
{
	var t = teaserElem_NAV.children();
	t.mouseover( function(){ $(this).addClass(teaser_CSS_navItem_mouseover); } );
	t.mouseout( function(){ $(this).removeClass(teaser_CSS_navItem_mouseover); } );
	t.removeClass(teaser_CSS_navItem_marked);
	t.removeClass(teaser_CSS_navItem_mouseover);
}

function showTeaserInfo ()
{
	var o = teaser_array[teaser_act];
	var title = o.title;
	var text = o.text;
	var link_url = o.link_url;
	var link_target = o.link_target;
	var t = '';
	if( title.length>0 ){
		t += '<h2>' + title + '</h2>';	
	}
	if( text.length>0 ){
		t += '<p>' + text + '</p>';
	}
	if( link_url.length>0 ){
		if( link_target.length==0 ){
			link_target = '_self';	
		}
		t += '<a href="' + link_url + '" target="' + link_target + '">Mehr dazu...</a>';
	}
	teaserElem_TXT.empty();
	teaserElem_TXT.append(t);
	teaserElem_INFO.fadeIn('slow');
}
function stopTeaserFadeIn ()
{
	jTrace('stopTeaserFadeIn();');
	teaserElem_TOP.stop(false, true);
	teaserElem_INFO.stop(false, true);
	teaserElem_INFO.fadeOut(0);
}
function onTeaserFadeIn ()
{
	jTrace('onTeaserFadeIn();');
	showTeaserInfo();
	startTeaserDelay();	
}

function buildTeaserNavigation ()
{
	var t_html = '';
	if( teaser_anz > 1 ){
		for( var i=teaser_anz-1; i>=0; i-- ){
			t_html += '<div id="' + teaser_ID_navItem + i + '" class="TEASER_navItem" onclick="onShowTeaserNr('+i+');"></div>';
		}
	}
	teaserElem_NAV.append(t_html);
}

function jTrace ( msg )
{
//	Elem_Console.prepend( msg+'<br/>' );
}

$(document).ready(function() { 
	Elem_Console = $('#jq-console');
/*
$('div.headerImage').click(function() {
		return openOverlayVideo();
	});
*/
	initTeaser();
});