// JavaScript Document
//Event wird ausgelöst, wenn die ganze Seite geladen ist
window.addEvent('domready', function() {
	$('twitter').addEvent('mouseover', function(e){reiterOeffnen(this); einblendenTwitter();});
	$('facebook').addEvent('mouseover', function(e){reiterOeffnen(this); einblendenFacebook();});
	$('xing').addEvent('mouseover', function(e){reiterOeffnen(this); einblendenXing();});
	$('wordpress').addEvent('mouseover', function(e){reiterOeffnen(this); einblendenWordpress();});
	
	$('twitter').addEvent('mouseout', function(e){reiterSchliessen(this); ausblendenTwitter();});
	$('facebook').addEvent('mouseout', function(e){reiterSchliessen(this); ausblendenFacebook();});
	$('xing').addEvent('mouseout', function(e){reiterSchliessen(this); ausblendenXing();});
	$('wordpress').addEvent('mouseout', function(e){reiterSchliessen(this); ausblendenWordpress();});
});


function reiterOeffnen(id) {
	$(id).set('morph', { duration: 'short', transition: Fx.Transitions.Sine.easeIn});
	$(id).morph('.raus');
}

function reiterSchliessen(id) {
	$(id).set('morph', { duration: 'short', transition: Fx.Transitions.Sine.easeOut});
	$(id).morph('.rein');
}

function einblendenTwitter() {
		$('twitterschrift').fade(1);
}
function einblendenFacebook() {
		$('facebookschrift').fade(1);
}
function einblendenXing() {
		$('xingschrift').fade(1);
}
function einblendenWordpress() {
		$('wordpressschrift').fade(1);
}

function ausblendenTwitter() {
		$('twitterschrift').fade(0);
}
function ausblendenFacebook() {
		$('facebookschrift').fade(0);
}
function ausblendenXing() {
		$('xingschrift').fade(0);
}
function ausblendenWordpress() {
		$('wordpressschrift').fade(0);
}