window.addEvent('domready', function() {
	
	var el1 = $('logo1');
	var el2 = $('logo2');
	var el3 = $('logo3');
	var el4 = $('logo4');
	var el5 = $('logo5');
	var el6 = $('logo6');
	var el7 = $('logo7');
	var el8 = $('logo8');
	var el9 = $('logo9');
	
	var tooltip = $('dhtmltooltip');
	tooltip.setStyle("opacity", "0");
	
	el1.setStyle("opacity", "0.4");
	el2.setStyle("opacity", "0.4");
	el3.setStyle("opacity", "0.4");
	el4.setStyle("opacity", "0.4");
	el5.setStyle("opacity", "0.4");
	el6.setStyle("opacity", "0.4");
	el7.setStyle("opacity", "0.4");
	el8.setStyle("opacity", "0.4");
	el9.setStyle("opacity", "0.4");
	//filter:alpha(opacity=100);
	//opacity:1;
	
	//1
	el1.addEvent('mouseout', function(e) {
		e.stop();
		el1.fade(0.4);
	});
	
	el1.addEvent('mouseover', function(e) {
		e.stop();
		el1.fade(1);
	});
	
	//2
	el2.addEvent('mouseout', function(e) {
		e.stop();
		el2.fade(0.4);
	});
	
	el2.addEvent('mouseover', function(e) {
		e.stop();
		el2.fade(1);
	});
	
	//3
	el3.addEvent('mouseout', function(e) {
		e.stop();
		el3.fade(0.4);
	});
	
	el3.addEvent('mouseover', function(e) {
		e.stop();
		el3.fade(1);
	});
	
	//4
	el4.addEvent('mouseout', function(e) {
		e.stop();
		el4.fade(0.4);
	});
	
	el4.addEvent('mouseover', function(e) {
		e.stop();
		el4.fade(1);
	});
	
	//5
	el5.addEvent('mouseout', function(e) {
		e.stop();
		el5.fade(0.4);
	});
	
	el5.addEvent('mouseover', function(e) {
		e.stop();
		el5.fade(1);
	});
	
	//6
	el6.addEvent('mouseout', function(e) {
		e.stop();
		el6.fade(0.4);
	});
	
	el6.addEvent('mouseover', function(e) {
		e.stop();
		el6.fade(1);
	});
	
	//7
	el7.addEvent('mouseout', function(e) {
		e.stop();
		el7.fade(0.4);
	});
	
	el7.addEvent('mouseover', function(e) {
		e.stop();
		el7.fade(1);
	});
	
	//8
	el8.addEvent('mouseout', function(e) {
		e.stop();
		el8.fade(0.4);
	});
	
	el8.addEvent('mouseover', function(e) {
		e.stop();
		el8.fade(1);
	});
	
	//9
	el9.addEvent('mouseout', function(e) {
		e.stop();
		el9.fade(0.4);
	});
	
	el9.addEvent('mouseover', function(e) {
		e.stop();
		el9.fade(1);
	});
	
	//---------------------------------Color-------------------------------------
	var elTooltip = $('dhtmltooltip');
	
	var otherEl1 = $('trabajo1');
		
	// Again we are able to create a morph instance
	var morph1 = new Fx.Morph('trabajo1');
	
	$('trabajo1').addEvent('mouseover', function(e) {
		e.stop();
		
		elTooltip.fade(1);
		//otherEl.setStyle("background-color", "#A8C400")
		otherEl1.morph('.trabajoOver');
		
	});
		
	$('trabajo1').addEvent('mouseout', function(e) {
		e.stop();
		elTooltip.fade(0);
		otherEl1.morph('.trabajoOut');
		
	});
	
	//2
	var otherEl2 = $('trabajo2');
		
	// Again we are able to create a morph instance
	var morph2 = new Fx.Morph('trabajo2');
	
	$('trabajo2').addEvent('mouseover', function(e) {
		e.stop();
		
		elTooltip.fade(1);
		//otherEl.setStyle("background-color", "#A8C400")
		otherEl2.morph('.trabajoOver');
		
	});
		
	$('trabajo2').addEvent('mouseout', function(e) {
		e.stop();
		elTooltip.fade(0);
		otherEl2.morph('.trabajoOut');
		
	});
	
	//3
	var otherEl3 = $('trabajo3');
		
	// Again we are able to create a morph instance
	var morph3 = new Fx.Morph('trabajo3');
	
	$('trabajo3').addEvent('mouseover', function(e) {
		e.stop();
		
		elTooltip.fade(1);
		//otherEl.setStyle("background-color", "#A8C400")
		otherEl3.morph('.trabajoOver');
		
	});
		
	$('trabajo3').addEvent('mouseout', function(e) {
		e.stop();
		elTooltip.fade(0);
		otherEl3.morph('.trabajoOut');
		
	});
	
	//4
	var otherEl4 = $('trabajo4');
		
	// Again we are able to create a morph instance
	var morph4 = new Fx.Morph('trabajo4');
	
	$('trabajo4').addEvent('mouseover', function(e) {
		e.stop();
		
		elTooltip.fade(1);
		//otherEl.setStyle("background-color", "#A8C400")
		otherEl4.morph('.trabajoOver');
		
	});
		
	$('trabajo4').addEvent('mouseout', function(e) {
		e.stop();
		elTooltip.fade(0);
		otherEl4.morph('.trabajoOut');
		
	});
	
	
	//5
	var otherEl5 = $('trabajo5');
		
	// Again we are able to create a morph instance
	var morph5 = new Fx.Morph('trabajo5');
	
	$('trabajo5').addEvent('mouseover', function(e) {
		e.stop();
		
		elTooltip.fade(1);
		//otherEl.setStyle("background-color", "#A8C500")
		otherEl5.morph('.trabajoOver');
		
	});
		
	$('trabajo5').addEvent('mouseout', function(e) {
		e.stop();
		elTooltip.fade(0);
		otherEl5.morph('.trabajoOut');
		
	});
	
	//6
	var otherEl6 = $('trabajo6');
		
	// Again we are able to create a morph instance
	var morph6 = new Fx.Morph('trabajo6');
	
	$('trabajo6').addEvent('mouseover', function(e) {
		e.stop();
		
		elTooltip.fade(1);
		//otherEl.setStyle("background-color", "#A8C600")
		otherEl6.morph('.trabajoOver');
		
	});
		
	$('trabajo6').addEvent('mouseout', function(e) {
		e.stop();
		elTooltip.fade(0);
		otherEl6.morph('.trabajoOut');
		
	});
	
	//7
	var otherEl7 = $('trabajo7');
		
	// Again we are able to create a morph instance
	var morph7 = new Fx.Morph('trabajo7');
	
	$('trabajo7').addEvent('mouseover', function(e) {
		e.stop();
		
		elTooltip.fade(1);
		//otherEl.setStyle("background-color", "#A8C700")
		otherEl7.morph('.trabajoOver');
		
	});
		
	$('trabajo7').addEvent('mouseout', function(e) {
		e.stop();
		elTooltip.fade(0);
		otherEl7.morph('.trabajoOut');
		
	});
	
	//8
	var otherEl8 = $('trabajo8');
		
	// Again we are able to create a morph instance
	var morph8 = new Fx.Morph('trabajo8');
	
	$('trabajo8').addEvent('mouseover', function(e) {
		e.stop();
		
		elTooltip.fade(1);
		//otherEl.setStyle("background-color", "#A8C800")
		otherEl8.morph('.trabajoOver');
		
	});
		
	$('trabajo8').addEvent('mouseout', function(e) {
		e.stop();
		elTooltip.fade(0);
		otherEl8.morph('.trabajoOut');
		
	});
	
	//9
	var otherEl9 = $('trabajo9');
		
	// Again we are able to create a morph instance
	var morph9 = new Fx.Morph('trabajo9');
	
	$('trabajo9').addEvent('mouseover', function(e) {
		e.stop();
		
		elTooltip.fade(1);
		//otherEl.setStyle("background-color", "#A8C900")
		otherEl9.morph('.trabajoOver');
		
	});
		
	$('trabajo9').addEvent('mouseout', function(e) {
		e.stop();
		elTooltip.fade(0);
		otherEl9.morph('.trabajoOut');
		
	});
	
	//10
	var otherEl10 = $('trabajo10');
		
	// Again we are able to create a morph instance
	var morph10 = new Fx.Morph('trabajo10');
	
	$('trabajo10').addEvent('mouseover', function(e) {
		e.stop();
		
		elTooltip.fade(1);
		//otherEl.setStyle("background-color", "#A8C1000")
		otherEl10.morph('.trabajoOver');
		
	});
		
	$('trabajo10').addEvent('mouseout', function(e) {
		e.stop();
		elTooltip.fade(0);
		otherEl10.morph('.trabajoOut');
		
	});
	
	var otherElContact = $('vinculoContactenos');
	var morphContact = new Fx.Morph('vinculoContactenos');
	var myEffect = new Fx.Tween(otherElContact);
	
	$('fondoContactenos').setStyle("opacity", "0");
	
	$('vinculoContactenos').addEvent('mouseover', function(e) {
		e.stop();
		
		$('fondoContactenos').fade(1);
					
	});
		
	$('vinculoContactenos').addEvent('mouseout', function(e) {
		e.stop();
			
		$('fondoContactenos').fade(0);
	
	});
	
	var otherElContact = $('vinculoContactenos1');
	var myEffect1 = new Fx.Tween(otherElContact);
	
	$('fondoContactenos1').setStyle("opacity", "0");
	
	$('vinculoContactenos1').addEvent('mouseover', function(e) {
		e.stop();
		
		$('fondoContactenos1').fade(1);
					
	});
		
	$('vinculoContactenos1').addEvent('mouseout', function(e) {
		e.stop();
			
		$('fondoContactenos1').fade(0);
	
	});
	
	
});