// Initialize Page-Elements
$(document).ready(function(){
	//General Behaviours
	$('a.mail').each( function(element) {
		element.innerHTML = element.innerHTML.replace(/\(at\)/,'@'); 
		element.href = 'mailto:'+element.innerHTML.replace(/\(at\)/,'@');
	});
	
	$('img[align=left]').each( function(element) {
		$(element).addClass('left');
	});	

	$('img[align=right]').each( function(element) {
		$(element).addClass('right');
	});

	$('input.clear').focus(function () {if(this.value==this.defaultValue) this.value=''; this.removeClass('clear'); return false;});
	$('input.clear').blur(function () {if(this.value=='') this.value = this.defaultValue; this.addClass('clear'); return false;});

	//Slide-Elements for frontpage
	if($('#keyarea'))
	{
		//Event-Handler for Key-Visual-Links
		$('#keyarea div.first a.box').click(function () {
			selectActiveKey('ideen', true);
			showKeyContents();
			return false;
		});
		$('#keyarea div.second a.box').click(function () {
			selectActiveKey('gefuehl', true);
			showKeyContents();
			return false;
		});
		$('#keyarea div.third a.box').click(function () {
			selectActiveKey('technik', true);
			showKeyContents();
			return false;
		});
		
		//Event-Handler for Switch-Links
		$('#dock li.first a').click(function () {
			selectActiveKey('ideen');
			return false;
		});
		
		$('#dock li.middle a').click(function () {
			selectActiveKey('gefuehl');
			return false;
		});

		$('#dock li.last a').click(function () {
			selectActiveKey('technik');
			return false;
		});
		
	}
	
	//Slider
	$('div.slider').mouseover(function () {
		$('div.slider').stop();
		$('div.slider').animate({ 
			height: "243px"
		}, 400);
	});
	$('div.slider').mouseout(function () {
		$('div.slider').stop();
		$('div.slider').animate({ 
			height: "88px"
		}, 400);
	});	


	$('table').each(function(element){
		var trs = element.getElementsBySelector('tr');
		for(i=0; i<trs.length; i++)
		{
			if(i % 2 == 0)
			{
				trs[i].addClass('even');
			}
			else
			{
				trs[i].addClass('odd');
			}
			
			markCellType = function (cellType, row) {
				var cells = row.getElementsBySelector(cellType);
				for(j=0; j<cells.length; j++)
				{
					cells[j].column = j+1;
					cells[j].addClass('column'+(j+1));

					if(j % 2 == 0)
					{
						cells[j].addClass('even');
					}
					else
					{
						cells[j].addClass('odd');
					}
				}
			}
			
			markCellType('td', trs[i]);
			markCellType('th', trs[i]);	
		}
	});
});

function showKeyContents() {
	if($('#extender').css('height') == '0px')
	{
		$('#extender').animate({ 
			height: "335px"
	    	}, 400, 'swing', function (){$('#dock').animate({ height: "40px" }, 400); });
	}
}

function selectActiveKey(target, dontAnimate) {
	
	var ideenLeft;
	var gefuehlLeft;
	var technikLeft;
	
	switch(target)
	{
		case 'ideen': 	ideenLeft = '0px';
						gefuehlLeft = '803px';
						technikLeft = '1606px';
						$('#dock li.selected').removeClass('selected');
						$('#dock li.first').addClass('selected');
						
						$('#back-link').fadeOut('normal');
						$('#next-link').unbind('click');
						$('#next-link').bind('click', function () {selectActiveKey('gefuehl');});
						$('#next-link').fadeIn('normal');
						break;
						
		case 'gefuehl': ideenLeft = '-803px';
						gefuehlLeft = '0px';
						technikLeft = '803px';
						$('#dock li.selected').removeClass('selected');
						$('#dock li.middle').addClass('selected');
						
						$('#back-link').unbind('click');
						$('#back-link').bind('click', function () {selectActiveKey('ideen');});
						$('#back-link').fadeIn('normal');

						$('#next-link').unbind('click');
						$('#next-link').bind('click', function () {selectActiveKey('technik');});
						$('#next-link').fadeIn('normal');
						break;
						
		case 'technik': ideenLeft = '-1606px';
						gefuehlLeft = '-803px';
						technikLeft = '0px';
						$('#dock li.selected').removeClass('selected');
						$('#dock li.last').addClass('selected');
						
						$('#back-link').unbind('click');
						$('#back-link').bind('click', function () {selectActiveKey('gefuehl');});
						$('#back-link').fadeIn('normal');
						$('#next-link').fadeOut('normal');
						break;
	}
	
	if(dontAnimate)
	{
		$('div.ideen').css('left', ideenLeft);
		$('div.gefuehl').css('left', gefuehlLeft);
		$('div.technik').css('left', technikLeft);
	}
	else
	{
		$('div.ideen').animate({ 
			left: ideenLeft
		}, 400);

		$('div.gefuehl').animate({ 
			left: gefuehlLeft
		}, 400);

		$('div.technik').animate({ 
			left: technikLeft
		}, 400);		
	}
}