var akt_pos 		= 1;	//die Startposition
var one_bg_height 	= 295;	//die Höhe einer Box
var delaytime 		= 5000; // 1000 = 1 Sekunde
window.addEvent('domready', function()
{
	var home_slider_start = function()
	{
		switch_home_slider();
	}
	var start_home_slider = function()
	{
		return home_slider_start.periodical(delaytime);
	}
	var home_slider_timer = start_home_slider();
	
	//mouse effekte für die navi
	$$('.ahome_slider').each(function(foo, index)
	{
		foo.addEvents(
		{
			'mouseenter': function()
			{
				$clear(home_slider_timer);
				akt_pos = index;
				switch_home_slider();
				foo.addClass('active');
			},
			'mouseleave': function()
			{
				akt_pos = index;
				home_slider_timer = start_home_slider();
			}
		});
	});
	//die mouse effekte für den teaser
	$('that_home_slider').addEvents(
	{
		'mouseenter': function()
		{
			$clear(home_slider_timer);
		},
		'mouseleave': function()
		{
			home_slider_timer = start_home_slider();
		}
	});
});

//bewegt den slider
var switch_home_slider = function()
{
	//berechnen der aktuellen position (höhe der box mal position)
	var new_bg_pos = parseInt(one_bg_height*akt_pos);
	
	//wenn wir am ende angekommen sind werden die werte zurückgesetzt
	if(akt_pos >= 4)
	{
		reset_teaser_content();
		akt_pos = 0;
	}
	else
	{
		$('that_home_slider').set('morph', {duration: 'long'});
		$('that_home_slider').morph({'backgroundPosition': '0px -'+new_bg_pos+'px'});
	}
	akt_pos++;
	
	active_navi_element();
};

//setzt alle teaser wieder auf ausgangsposition
var reset_teaser_content = function()
{
	$('that_home_slider').setStyle('backgroundPosition', '0px 0px');
	akt_pos = 0;
};

//setzt alle teaser wieder auf ausgangsposition
var active_navi_element = function()
{
	$$('.ahome_slider').each(function(foo)
	{
		foo.removeClass('active');
	});
	$('that_list').getElement('li:nth-child('+akt_pos+')').getElement('a').addClass('active');
	$('that_home_slider').set('href', $('that_list').getElement('li:nth-child('+akt_pos+')').getElement('a').getAttribute('href'));
};var cur_tab, cur_videos, cur_links, cur_titles;
var home_multi_box_tab_counter = 1;

window.addEvent('domready', function()
{
	$$('.home_multi_box_tab').each(function(tab)
	{
		tab.addEvents(
		{
			'click': function(event)
			{
				event.stop();
				cur_tab = tab;
				var new_box_set 	= tab.get('href');
				new_box_set 		= '.' + new_box_set.substr(1, new_box_set.length);
				get_home_multi_box_new_box_set(new_box_set);
				home_multi_box_switch_tab();
			}
		});
	});
});

var home_multi_box_switch_tab = function()
{
	$$('.home_multi_box_tab').each(function(tab)
	{
		tab.removeClass('active');
	});
	cur_tab.addClass('active');
};

var get_home_multi_box_new_box_set = function(new_box_set)
{
	$$(new_box_set).each(function(value) 
	{
		var new_url 	= value.get('href');
		var new_img 	= value.get('rel');
		var new_title 	= value.get('text');
		
		$('home_multi_box_videos').getElement('a:nth-child('+ home_multi_box_tab_counter +')').set('href', new_url);
		$('home_multi_box_videos').getElement('a:nth-child('+ home_multi_box_tab_counter +')').getElement('img').set('src', new_img);
		$('home_multi_box_videos').getElement('a:nth-child('+ home_multi_box_tab_counter +')').getElement('img').set('title', new_title);
		$('home_multi_box_videos').getElement('a:nth-child('+ home_multi_box_tab_counter +')').getElement('strong').set('text', new_title);
		home_multi_box_tab_counter++;
	});
	home_multi_box_tab_counter = 1;
};

/*

*/window.addEvent('domready', function()
{
	$$('.top_categories').each(function(e)
	{
		e.addEvent('mouseenter', function()
		{
			e.getElement('.cover_rotation').setStyle('background-position', '0px 0px');
			e.getElement('.cover_rotation').setStyle('background-image', 'url(/img/tour_categories_box/list_top_categories/slide_' + e.id + '.jpg)');
			
			startPicChange(e.getElement('.cover_rotation'));
		});
		
		e.addEvent('mouseleave', function(img)
		{
			stopPicChange()
		});
	});
});


var action;
var pos 		= 0;
var next_pos	= -210;

var pic 		= 1;
var picMax 		= 5;


var intervalle	= 1000;
var elem = false;

function startPicChange(e)
{
	elem = e;
	action = window.setTimeout('changePic()', intervalle);
}

function stopPicChange()
{
	window.clearTimeout(action);
	pic = 1;
	pos = 0;
	elem.setStyle('background-position', '0px 0px');
}

function changePic()
{
	if(action)
	{
		if(pic > picMax)
		{
			pic = 2;
			pos = -210;
		}
		else
		{
			pic++;
			pos = pos + next_pos;
		}
		
		elem.setStyle('background-position', '0px ' + pos + 'px');
		
		action = window.setTimeout('changePic()', intervalle);
	}
}