var langkey = 'de';

YUI().use('anim', function(Y) {


	var bganim = new Y.Anim({
		node: '#veil',
		to: { opacity: 0 },
		duration: 6
	});


	var boxopen = new Y.Anim({
		node: '#cont',
		from: { height: 0 },
		to: { height: 300 },
		easing: Y.Easing.bounceOut
	});

	var onClose = function(){
		if(langkey == 'de'){
			langkey = 'en';
			Y.get('#langde').setStyle('display', 'none');
			Y.get('#langen').setStyle('display', 'block');
			Y.get('#logintit').set('innerHTML', 'Login Imagedatabase');

			boxopen.run();
		}else{
			langkey = 'de';
			Y.get('#langen').setStyle('display', 'none');
			Y.get('#langde').setStyle('display', 'block');
			Y.get('#logintit').set('innerHTML', 'Login Bildadtenbank');
			boxopen.run();
		}
	}

	var boxclose = new Y.Anim({
		node: '#cont',
		to: { height: 0 },
		duration: 0.5,
		easing: Y.Easing.easeOut
	});
	boxclose.on('end', onClose); 





	var initstyle = function(){
		Y.get('#cont').setStyle('height', 0);
		Y.get('#langen').setStyle('display', 'none');
	}


	function handleClick(e) { 
		// Y.log(e);
		boxclose.run();
	} 

	var initanim = function(){
		bganim.run();
		boxopen.run();

		Y.on("click", handleClick, "#switchen");
		Y.on("click", handleClick, "#switchde");
	}




	Y.on("available", initstyle(), '#cont');
	Y.on("contentready", initanim(), document);

/*
alert('ok');
*/


});