var descStyle = { backgroundColor: '#f0f0f0', color: '#333333', fontSize: '11px' };
var descStyleHover = { backgroundColor: '#a8c23b', color: '#ffffff', size: '11px' };
var opisStyleHover = { backgroundColor: '#f0f0f0', color: '#c10535', size: '11px' };
//var descStyleHover = { backgroundColor: '#f9aa00', color: '#ffffff', borderColor: '#c4701e', size: '11px' };

startup = function() {
	var modules = $$('a.module');
	var data = new Array();
	//var data = new Array(modules.length);
	var images = new Array();
	modules.each(function(module, index) {
		module.removeClass('modcss');
		module.baseImg = module.getElement('img.img');
		module.altImg = module.getElement('img.alt');
		module.baseImg.setOpacity(0);
		images.push(module.baseImg.getProperty('src'));
		images.push(module.altImg.getProperty('src'));
		module.slideFx = new Fx.Slide(module.altImg, {duration: 800, mode: 'vertical'/*, transition: Fx.Transitions.Back.easeOut*/});
		module.slideFx.hide();
		module.modTitle = module.getElement('span.title');
		module.modDesc = module.getElement('span.desc');
		module.modIndex = index;
		data.push(module);
	});
	
	new Asset.images(images, {onComplete: function() {
		timer = 400;
		data.each(modulesInit);
	}});
}

modulesInit = function(module) {
	var imgHoverFx = new Fx.Styles(module.baseImg, {duration: 400, wait: false});
	//module.modDesc.setStyles(descStyleHover);
	module.modTitle.setStyles(descStyleHover);
	var descHoverFx = new Fx.Styles(module.modDesc, {duration: 400, wait: false});
	var titleHoverFx = new Fx.Styles(module.modTitle, {duration: 400, wait: false});
	module.slideFx.addEvent('onComplete', function() {
		imgHoverFx.start({opacity: 1});
		module.addEvent('mouseenter', function() {
			//imgHoverFx.start({opacity: 0.001});
			descHoverFx.start(opisStyleHover);
			titleHoverFx.start(descStyleHover);
		});
		module.addEvent('mouseleave', function() {
			//imgHoverFx.start({opacity: 1});
			descHoverFx.start(descStyle);
			titleHoverFx.start(descStyle);
		});
	});
	module.slideFx.slideIn.delay(timer, module.slideFx);
	descHoverFx.start.delay(timer + 300, descHoverFx, descStyle);
	titleHoverFx.start.delay(timer + 300, titleHoverFx, descStyle);
	timer += 300;
}

window.addEvent('domready', startup);