window.addEvent('domready', function(){
	setMouseOvers();
	
	setBG();
	setPadding();
})

window.addEvent('resize', function(){
	setPadding();
})



function setMouseOvers(){
	$('flying-steps').addEvent('mouseover', function(){
		setActive('flying-steps');
	});
	$('flying-steps').addEvent('mouseout',function(){
		setActive('flying-steps');
	});
	
	$('fs-dance-academy').addEvent('mouseover',function(){
		setActive('fs-dance-academy');
	});
	$('fs-dance-academy').addEvent('mouseout',function(){
		setActive('fs-dance-academy');
	});
	
	$('fs-entertainment').addEvent('mouseover',function(){
		setActive('fs-entertainment');
	});
	$('fs-entertainment').addEvent('mouseout',function(){
		setActive('fs-entertainment');
	});
	
	$$('a.lang-link').each( function(item){
		item.addEvent('mouseover', function(){
			langHover(item);
		});
		
		item.addEvent('mouseout', function(){
			langOut(item)
		});
		
	});
	
	
}
	
function setActive(id){
	deactivateAll(id);
	activate(id);
}

function deactivateAll(id){
	$$('li.col').each(function(item){
		if(item != $(id)){
			if (item.get('class') != 'col'){
				var name = item.get('id');
				item.set('class', 'col');
				item.getElement('ul.submenu').set('class','submenu hidden');
				var logoSrc = 'img/' + name + '.png';
				item.getElement('img.logo').set('src', logoSrc);
			}
		}
	});
}

function activate(id) {
	if (!($(id).get('class').test('active'))){
		$(id).set('class','col active');
		var logoSrc = 'img/' + id + '_active.png';
		$(id).getElement('img.logo').set('src', logoSrc);
		$(id).getElement('ul.submenu').set('class', 'submenu');
		var bgString = 'url(\'img/bg_' + id + '.jpg\') bottom center no-repeat';
		$('wrapper').setStyle('background', bgString);
		$('body').set('class',id);
	}
}

function langHover(it){
	var tmpClass = $(it).getElement('span.link').getElement('span.link-text').get('class');
	var tmpClassesAr = tmpClass.split(' ');
	$(it).getElement('span.link').getElement('span.link-text').set('html', tmpClassesAr[1] + ' - Version');
}

function langOut(it){
	var tmpClass = $(it).getElement('span.link').getElement('span.link-text').get('class');
	var tmpClassesAr = tmpClass.split(' ');
	$(it).getElement('span.link').getElement('span.link-text').set('html', tmpClassesAr[1]);
}

function setBG(){

}

function setPadding(){
	var windowHeight = this.getSize().y;
	var pad = $('container');
	pad.setStyle('padding-top', (windowHeight - pad.getSize().y) / 2);
}