var kill_rotate = 0;
var pic_name = new Array('home', 'online-shopsysteme', 'cms-websites', 'centalus-pos-tv', 'services', 'medipreis', 'partner', 'ueber-uns', 'kontakt');
var picnum = 0;
var picloop = 0;
var time1 = 3500;
var time2 = 5000;
var index;
var TimerMouseOut = null;

function fadeInImage()
{
	if (kill_rotate == 1)
	{
		kill_rotate = 0;
		return;
	}
	resetHover();
	
	$('#teaser-' + pic_name[picnum]).fadeOut('normal');
	document.getElementById(pic_name[picnum]).parentNode.removeAttribute('class');
	if (picnum == (pic_name.length - 1))
	{
		picnum = 0;
	}
	else
	{
		picnum = (picnum + 1);// % pic_name.length;
	}
	$('#teaser-' + pic_name[picnum]).fadeIn('normal');
	document.getElementById(pic_name[picnum]).parentNode.className = 'active';

	setTimeout("fadeInImage()", time1);
}

function resetHover()
{
	for (var i = 0; i < pic_name.length; i++)
	{
		document.getElementById(pic_name[i]).parentNode.removeAttribute('class');
	}
}

$(document).ready( function() {

	// teaser
	
	$('#home, #online-shopsysteme, #cms-websites, #centalus-pos-tv, #services, #medipreis, #partner, #ueber-uns, #kontakt').mouseover( function() {


		$('#teaser-home, #teaser-online-shopsysteme, #teaser-cms-websites, #teaser-centalus-pos-tv, #teaser-services, #teaser-medipreis, #teaser-partner, #teaser-ueber-uns, #teaser-kontakt').fadeOut('normal');
		
		$('#teaser-' + this.id).fadeIn('normal');

		resetHover();
		document.getElementById(this.id).parentNode.className = 'active';
		kill_rotate = 1;
		
		picnum = 0;
		for (index = 0; index < pic_name.length; index++)
		{
			if (pic_name[index] == this.id)
			{
				picnum = index;
			}
		}
	})

	$('#home, #online-shopsysteme, #cms-websites, #centalus-pos-tv, #services, #medipreis, #partner, #ueber-uns, #kontakt').mouseout( function() {
		TimerMouseOut = clearTimeout(TimerMouseOut);
		TimerMouseOut = setTimeout("fadeInImage()", time2);
	})

	document.getElementById('home').parentNode.className = 'active';
	setTimeout("fadeInImage()", time1);


	//hovertabs

	var total_tabs = 4;
	var content_height = 175;
	
	$('#hovertabs .content-wrapper').scrollTop(0);
	
	$('#hovertabs .tabs li').hover( function() {
		
		if( $(this).hasClass('active') == false ) {
			
			$('#hovertabs .tabs li').removeClass('active');
			$(this).addClass('active');
			
			for( i = 1; i <= total_tabs; i++ ) {
				if( $(this).hasClass('tab'+i) == true ) {
					$('#hovertabs .content-wrapper').stop().animate({scrollTop: content_height * (i - 1)}, 500);
				}
			}
		}
	});
});// JavaScript Document