// JavaScript Document
window.addEvent('domready', function() {
	//var actual = 'companyLogo';
	$(cItem).setStyle('display', 'block');
	var actual = cItem;
	$$('.btnServices').each(function(obj) {
		obj.addEvent('click',function(){
			var aux = obj.getProperty("href").split("/");
			if(aux[aux.length-1]!=actual) {
				var myFx = new Fx.Style(actual, 'opacity', { 
					onComplete: function() {
						$(actual).setStyle('display', 'none');
						$(aux[aux.length-1]).setStyle('display', 'block');
						$(aux[aux.length-1]).setOpacity(0);
						var myFx2 = new Fx.Style(aux[aux.length-1], 'opacity').start(0,1);
						actual = aux[aux.length-1];
					}
				}).start(1,0);
			}
		});
	});
	// $('companyLogo').setStyle('display', 'block');

	//carrusel
	var minimo = $('cosas').getSize().scrollSize.y - $('menuItems').getSize().size.y;
	minimo = minimo.toInt();
	var scrollExample = new Fx.Scroll($('menuItems'), {duration: 500, transition: Fx.Transitions.sineOut});
	
	$('menuItems').addEvent('mousemove',function(event) {
		var datos = this.getSize();
		var event = new Event(event);
		var porc = ((event.client.y-this.getTop())*100)/datos.size.y;
		var mover = (porc*minimo)/100;
		scrollExample.scrollTo(0, (mover.toInt()));
	});
	
	$('menuItems').addEvent('mouseout',function(event) {
		var datos = this.getSize();
		var event = new Event(event);
		var porc = ((event.client.y-this.getTop())*100)/datos.size.y;
		var mover = (porc*minimo)/100;
		//$('valor').value = mover.toInt();
		scrollExample.scrollTo(0, (mover.toInt()));
	});

	esta = 1;
	for(i=1; i<6; i++) {
		$("bt"+i).addEvent("click", function() {
			$("foot"+esta).style.display = 'none';
			$("foot"+this.id.substr(2)).style.display = 'block';
			esta = this.id.substr(2);
		});
	}

});