window.addEvent('domready', function(){
	var distancia1 = 10;
	var distancia2 = 10;
	var distancia3 = 104;
	var	distancia4 = 11;

    $('cyberVoip').setStyle('top',distancia1);
	$('seven').setStyle('top',distancia2);
	$('awi').setStyle('top',distancia3);
	$('reVirtual').setStyle('bottom',distancia4);
	$('cyberVoipMore').setStyle('opacity', 0);
	$('sevenMore').setStyle('opacity', 0);
	$('awiMore').setStyle('opacity', 0);
	$('reVirtualMore').setStyle('opacity', 0);

	// We are setting the opacity of the element to 0.5 and adding two events
	$('cyberVoipImg').set('top', -32).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('cyberVoip').morph({
				'height': 85,
				'borderColor': '#007DBD',
				'top': distancia1.toInt()-10
			});
			$('cyberVoipMore').setStyle('display','block');
			$('cyberVoipMore').morph({
				'opacity': 0.9
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			$('cyberVoip').morph({
				'height': 65,
				'borderColor': '#D6D6D6',
				'top': distancia1
			});
			$('cyberVoipMore').morph({
				'opacity': 0
			});
			//$('cyberVoipMore').setStyle('display','none');
		}
	});
	$('sevenImg').set('top', 84).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('seven').morph({
				'height': 85,
				'borderColor': '#007DBD',
				'top': distancia2.toInt()-10
			});
			$('sevenMore').setStyle('display','block');
			$('sevenMore').morph({
				'opacity': 0.9
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			$('seven').morph({
				'height': 65,
				'borderColor': '#D6D6D6',
				'top': distancia2
			});
			$('sevenMore').morph({
				'opacity': 0
			});
		}
	});
	$('awiImg').set('top', 84).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('awi').morph({
				'height': 85,
				'borderColor': '#007DBD',
				'top': distancia3.toInt()-10
			});
			$('awiMore').setStyle('display','block');
			$('awiMore').morph({
				'opacity': 0.9
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			$('awi').morph({
				'height': 65,
				'borderColor': '#D6D6D6',
				'top': distancia3
			});
			$('awiMore').morph({
				'opacity': 0
			});
		}
	});
	$('reVirtualImg').set('bottom', -32).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('reVirtual').morph({
				'height': 85,
				'borderColor': '#007DBD',
				'bottom': distancia4.toInt()-10
			});
			$('reVirtualMore').setStyle('display','block');
			$('reVirtualMore').morph({
				'opacity': 0.9
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			$('reVirtual').morph({
				'height': 65,
				'borderColor': '#D6D6D6',
				'bottom': distancia4
			});
			$('reVirtualMore').morph({
				'opacity': 0
			});
		}
	});
	
	

	
});