// Hintergruende laden
var p = new Preloader();
p.addToQueue('img/key_projects.png');
p.addToQueue('img/training.png');
p.addToQueue('img/clienting.png');
p.addToQueue('img/swot.png');
p.addToQueue('img/creative_marketing.png');
p.addToQueue('img/people.png');



window.addEvent('domready', function() {
	var req_key_projects = new Request.HTML({url:'key_projects_content.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('layover_key_projects').set('text', '');
			//Inject the new DOM elements into the results div.
			$('layover_key_projects').adopt(html);
			$('key_projects_schliessen').addEvent('click', function() {
				$('layover_key_projects').tween('opacity', 1, 0);
				return false;
			});
			$('key_projects_weiter').addEvent('click', function() {
				req_training.send();
				$('layover_training').tween('opacity', 0, 1);
				return false;
			});
			$('key_projects_zurueck').addEvent('click', function() {
				req_people.send();
				$('layover_people').tween('opacity', 0, 1);
				return false;
			});
		}
	});

	var req_training = new Request.HTML({url:'training_content.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('layover_training').set('text', '');
			//Inject the new DOM elements into the results div.
			$('layover_training').adopt(html);
			$('training_schliessen').addEvent('click', function() {
				hide_all('training');
				$('layover_training').tween('opacity', 1, 0);
				return false;
			});
			$('training_weiter').addEvent('click', function() {
				req_clienting.send();
				$('layover_clienting').tween('opacity', 0, 1);
				return false;
			});
			$('training_zurueck').addEvent('click', function() {
				req_key_projects.send();
				$('layover_key_projects').set('opacity', 1);
				$('layover_training').tween('opacity', 1, 0);
				return false;
			});
		}
	});

	var req_clienting = new Request.HTML({url:'clienting_content.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('layover_clienting').set('text', '');
			//Inject the new DOM elements into the results div.
			$('layover_clienting').adopt(html);
			$('clienting_schliessen').addEvent('click', function() {
				hide_all('clienting');
				$('layover_clienting').tween('opacity', 1, 0);
				return false;
			});
			$('clienting_weiter').addEvent('click', function() {
				req_swot.send();
				$('layover_swot').tween('opacity', 0, 1);
				return false;
			});
			$('clienting_zurueck').addEvent('click', function() {
				req_training.send();
				$('layover_training').set('opacity', 1);
				$('layover_clienting').tween('opacity', 1, 0);
				return false;
			});
		}
	});

	var req_swot = new Request.HTML({url:'swot_content.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('layover_swot').set('text', '');
			//Inject the new DOM elements into the results div.
			$('layover_swot').adopt(html);
			$('swot_schliessen').addEvent('click', function() {
				hide_all('swot');
				$('layover_swot').tween('opacity', 1, 0);
				return false;
			});
			$('swot_weiter').addEvent('click', function() {
				req_creative_marketing.send();
				$('layover_creative_marketing').tween('opacity', 0, 1);
				return false;
			});
			$('swot_zurueck').addEvent('click', function() {
				req_clienting.send();
				$('layover_clienting').set('opacity', 1);
				$('layover_swot').tween('opacity', 1, 0);
				return false;
			});
		}
	});

	var req_creative_marketing = new Request.HTML({url:'creative_marketing_content.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('layover_creative_marketing').set('text', '');
			//Inject the new DOM elements into the results div.
			$('layover_creative_marketing').adopt(html);
			$('creative_marketing_schliessen').addEvent('click', function() {
				hide_all('creative_marketing');
				$('layover_creative_marketing').tween('opacity', 1, 0);
				return false;
			});
			$('creative_marketing_weiter').addEvent('click', function() {
				req_people.send();
				$('layover_people').tween('opacity', 0, 1);
				return false;
			});
			$('creative_marketing_zurueck').addEvent('click', function() {
				req_swot.send();
				$('layover_swot').set('opacity', 1);
				$('layover_creative_marketing').tween('opacity', 1, 0);
				return false;
			});
		}
	});

	var req_people = new Request.HTML({url:'people_content.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('layover_people').set('text', '');
			//Inject the new DOM elements into the results div.
			$('layover_people').adopt(html);
			$('people_schliessen').addEvent('click', function() {
				hide_all('people');
				$('layover_people').tween('opacity', 1, 0);
				return false;
			});
			$('people_weiter').addEvent('click', function() {
				req_key_projects.send();
				hide_all('people');
				$('layover_key_projects').set('opacity', 1);
				$('layover_people').tween('opacity', 1, 0);
				return false;
			});
			$('people_zurueck').addEvent('click', function() {
				req_creative_marketing.send();
				$('layover_creative_marketing').set('opacity', 1);
				$('layover_people').tween('opacity', 1, 0);
				return false;
			});
		}
	});

	$('req_key_projects').addEvent('click', function() {
		req_key_projects.send();
		$('layover_key_projects').tween('opacity', 0, 1);
		return false;
	});

	$('req_swot_1').addEvent('click', function() {
		req_swot.send();
		$('layover_swot').tween('opacity', 0, 1);
		return false;
	});

	$('req_swot_2').addEvent('click', function() {
		req_swot.send();
		$('layover_swot').tween('opacity', 0, 1);
		return false;
	});

	$('req_people_1').addEvent('click', function() {
		req_people.send();
		$('layover_people').tween('opacity', 0, 1);
		return false;
	});

	$('req_people_2').addEvent('click', function() {
		req_people.send();
		$('layover_people').tween('opacity', 0, 1);
		return false;
	});

	$('req_clienting_1').addEvent('click', function() {
		req_clienting.send();
		$('layover_clienting').tween('opacity', 0, 1);
		return false;
	});

	$('req_clienting_2').addEvent('click', function() {
		req_clienting.send();
		$('layover_clienting').tween('opacity', 0, 1);
		return false;
	});

	$('req_training_1').addEvent('click', function() {
		req_training.send();
		$('layover_training').tween('opacity', 0, 1);
		return false;
	});

	$('req_training_2').addEvent('click', function() {
		req_training.send();
		$('layover_training').tween('opacity', 0, 1);
		return false;
	});

	$('req_creative_marketing_1').addEvent('click', function() {
		req_creative_marketing.send();
		$('layover_creative_marketing').tween('opacity', 0, 1);
		return false;
	});

	$('req_creative_marketing_2').addEvent('click', function() {
		req_creative_marketing.send();
		$('layover_creative_marketing').tween('opacity', 0, 1);
		return false;
	});

});

function hide_all(except)
{
	if (except != 'key_projects')
	{
		$('layover_key_projects').set('opacity', 0);
	}
	if (except != 'training')
	{
		$('layover_training').set('opacity', 0);
	}
	if (except != 'clienting')
	{
		$('layover_clienting').set('opacity', 0);
	}
	if (except != 'swot')
	{
		$('layover_swot').set('opacity', 0);
	}
	if (except != 'creative_marketing')
	{
		$('layover_creative_marketing').set('opacity', 0);
	}
	if (except != 'people')
	{
		$('layover_people').set('opacity', 0);
	}
}