YUI().use('anim', 'node', 'event', function (Y) {
	function init(){
		var tabs = Y.all('#tabs div');
		tabs.on('click', tabclick);
		var imgs = Y.all('#header .img');
		imgs.on('hover', showinfo, hideinfo);
		Y.one('#logo').on('click', function (){location.href='/'});
	}
	
	function tabclick(e){
		tab = e.target.get('id');
		if (!tab) tab = e.target.get('parentNode').get('id');

		Y.all('#info .info').removeClass('selected');
		Y.all('#tabs .tab').removeClass('selected');

		var infosel = Y.one('#info #info'+tab);
		if (infosel) infosel.addClass('selected');
		var tabsel = Y.one('#tabs #'+tab);
		if (tabsel) tabsel.addClass('selected'); 
	}
	
	var animdown, animup;
	function showinfo(e){
		var id = e.target.get('id');
		if (!id ) id = e.target.get('parentNode').get('id');
		var elem = Y.one('#'+id+' .content');
		if (elem){
			animdown = new Y.Anim({ node: elem , to: { top: 0}, duration: 0.5, easing: Y.Easing.easeOut });
			animdown.run();
		}
	}
	function hideinfo(e){
		var id = e.target.get('id');
		if (!id ) id = e.target.get('parentNode').get('id');
		var elem = Y.one('#'+id+' .content');
		if (elem){
			animup = new Y.Anim({ node: elem , to: { top: -125}, duration: 0.5, easing: Y.Easing.easeOut });
			animup.run();
		}
	}
	
	Y.on('domready', init);
});