var x = 0;

window.addEvent('domready', function(){
	var Projektmanagement = new Fx.Slide('team_projektmanagement').hide();
	var Design = new Fx.Slide('team_design').hide();
	var Technik = new Fx.Slide('team_technik').hide();
	var Flash = new Fx.Slide('team_flash').hide();
	var Brand = new Fx.Slide('team_brand').hide();
	var Jobs = new Fx.Slide('team_jobs').hide();

	switch(Seite) {
		case "projektmanagement":
			Projektmanagement.show();
		break;

		case "design":
			Design.show();
		break;

		case "technik":
			Technik.show();
		break;

		case "flash":
			Flash.show();
		break;

		case "brand":
			Brand.show();
		break;

		case "jobs":
			Jobs.show();
		break;

		default:

		break;
	}

	document.getElementById('team').style.visibility = 'visible';

	$('toggle_projektmanagement').addEvent('click', function(e){
		e = new Event(e);
		Projektmanagement.toggle();
		Design.slideOut();
		Technik.slideOut();
		Flash.slideOut();
		Brand.slideOut();
		Jobs.slideOut();
		e.stop();
	});

	$('toggle_design').addEvent('click', function(e){
		e = new Event(e);
		Projektmanagement.slideOut();
		Design.toggle();
		Technik.slideOut();
		Flash.slideOut();
		Brand.slideOut();
		Jobs.slideOut();
		e.stop();
	});

	$('toggle_technik').addEvent('click', function(e){
		e = new Event(e);
		Projektmanagement.slideOut();
		Design.slideOut();
		Technik.toggle();
		Flash.slideOut();
		Brand.slideOut();
		Jobs.slideOut();
		e.stop();
	});

	$('toggle_flash').addEvent('click', function(e){
		e = new Event(e);
		Projektmanagement.slideOut();
		Design.slideOut();
		Technik.slideOut();
		Flash.toggle();
		Brand.slideOut();
		Jobs.slideOut();
		e.stop();
	});

	$('toggle_brand').addEvent('click', function(e){
		e = new Event(e);
		Projektmanagement.slideOut();
		Design.slideOut();
		Technik.slideOut();
		Flash.slideOut();
		Brand.toggle();
		Jobs.slideOut();
		e.stop();
	});

	$('toggle_jobs').addEvent('click', function(e){
		e = new Event(e);
		Projektmanagement.slideOut();
		Design.slideOut();
		Technik.slideOut();
		Flash.slideOut();
		Brand.slideOut();
		Jobs.toggle();
		e.stop();
	});

	/* Scroll Technik */
	var scrollTechnik = new Fx.Scroll('imageBoxTechnik', {
		wait: false,
		duration: 12000,
		transition: Fx.Transitions.Quad.easeInOut
	});

	$('scroll_left_technik').addEvent('mouseover', function(event) {
		event = new Event(event).stop();
		scrollTechnik.scrollTo(0,0);
	});

	$('scroll_right_technik').addEvent('mouseover', function(event) {
		var	target = document.getElementById("technikRight");

		event = new Event(event).stop();
		scrollTechnik.scrollTo(target);
	});

	/* Scroll Design */
	var scrollDesign = new Fx.Scroll('imageBoxDesign', {
		wait: false,
		duration: 2500,
		transition: Fx.Transitions.Quad.easeInOut
	});

	$('scroll_left_design').addEvent('mouseover', function(event) {
		event = new Event(event).stop();
		scrollDesign.scrollTo(0,0);
	});

	$('scroll_right_design').addEvent('mouseover', function(event) {
		var	target = document.getElementById("designRight");

		event = new Event(event).stop();
		scrollDesign.scrollTo(target);
	});

	/* Scroll Projekt */
	var scrollProjekt = new Fx.Scroll('imageBoxProjekt', {
		wait: false,
		duration: 2500,
		transition: Fx.Transitions.Quad.easeInOut
	});

	$('scroll_left_projekt').addEvent('mouseover', function(event) {
		event = new Event(event).stop();
		scrollProjekt.scrollTo(0,0);
	});

	$('scroll_right_projekt').addEvent('mouseover', function(event) {
		var	target = document.getElementById("projektRight");

		event = new Event(event).stop();
		scrollProjekt.scrollTo(target);
	});
});

function show(mitarbeiter){
	document.getElementById(mitarbeiter).style.display = 'block';
}

function hide(mitarbeiter){
	document.getElementById(mitarbeiter).style.display = 'none';
}

function showProfile(mitarbeiter){
	document.getElementById("profil_"+mitarbeiter).style.display = 'block';
}

function hideProfile(mitarbeiter){
	document.getElementById("profil_"+mitarbeiter).style.display = 'none';
}