window.addEvent('load', function() {

	if( $('home') ) {
		
		// monta el carrusel de logotipos
		var wrapper = $('carousel-wrap');
		var carousel = $('carousel');
		var items = $$('#carousel li');
		var item_width = 91;
		var active_items = 6;
		var auto_play = {
			mode: true, // activar / desactivar
			interval: 2, // intervalo en segundos entre pases del carrusel
			restart: true, // empieza de nuevo cuando el mouse sale del wrapper
			delayRestart: 2.5, // retraso en seg. para recomenzar
			timer: null // variable para guardar el id del intervalo en ejecucion. no tocar.
		};		
		var max_margin = (items.length * item_width) - item_width;
		var last_click = (active_items * item_width);
		var direction = 1; // 1-Derecha , 2-Izquierda

		carousel.setStyle('width', max_margin + 'px');

		var animation = new Fx.Tween(carousel, {duration: 500});

		function next_item(pos){
			if(pos != -(max_margin - last_click) ) {
				var newposition = pos - item_width;
				animation.start('left', newposition);
			} else {
				direction = 2;
			}
		}

		function previous_item(pos){
			if(pos != 0) {
				var newposition = pos + item_width;
				animation.start('left', newposition);
			} else {
				direction = 1;
			}
		}

		$('btn_next').addEvent('click', function(event){
			var position = parseInt(carousel.getStyle('left'));
			if(event){
				next_item(position);
				if(event) auto_play.timer = $clear(auto_play.timer);
				return false;
			} else {
				if (direction==1){
					next_item(position);
				} else{
					previous_item(position);
				}
			}
		});

		$('btn_prev').addEvent('click', function(event){
			var position = parseInt(carousel.getStyle('left'));
			previous_item(position);
			if(event) auto_play.timer = $clear(auto_play.timer);
			return false;
		});
		
		if (auto_play.mode) {
			(timer = function(){
				auto_play.timer = $('btn_next').fireEvent.periodical(auto_play.interval * 1000 , $('btn_next'), 'click');
			})();
			if (auto_play.restart) wrapper.getParent().getParent().addEvent('mouseleave', function(){
				if (!auto_play.timer) timer.delay(auto_play.delayRestart * 1000);
			});
		}		
		
		// monta el hover de los logos del carrusel
		$$('#carousel li a img').each(function(el) {
			var oldSRC = el.getProperty('src');
			var newSRC = el.getProperty('src').split('.png')[0] + '-on.png';
			var papi = el.getParent();
			
			papi.addEvent('mouseenter', function(ev){
				el.setProperty('src', newSRC);
			});
			
			papi.addEvent('mouseleave', function(ev){
				el.setProperty('src', oldSRC);
			});
		});
		
		/**************************************************************/
		
		// monta el carrusel de actualidad
		var wrapper2 = $('carousel2-wrap');
		var carousel2 = $('carousel2');
		var items2 = $$('#carousel2 li');
		var item_width2 = 113;
		var active_items2 = 3;
		var max_margin2 = (items2.length * item_width2) + item_width2;
		var last_click2 = (active_items2 * item_width2) + item_width2;

		carousel2.setStyle('width', max_margin2 + 'px');

		var animation2 = new Fx.Tween(carousel2, {duration: 500});

		function next_item2(pos){
			if(pos != -(max_margin2 - last_click2) ) {
				var newposition = pos - item_width2;
				animation2.start('left', newposition);
			}
		}

		function previous_item2(pos){
			if(pos != 0) {
				var newposition = pos + item_width2;
				animation2.start('left', newposition);
			}
		}

		$('btn_next2').addEvent('click', function(ev){
			ev.stop();
			var position = parseInt(carousel2.getStyle('left'));
			next_item2(position);
		});

		$('btn_prev2').addEvent('click', function(ev){
			ev.stop();
			var position = parseInt(carousel2.getStyle('left'));
			previous_item2(position);
		});
		
		// monta el visor dinámico y los botones de los elementos
		/*$$('#carousel2 li').each(function(el) {
			var urlSRC = el.getElement('a').getProperty('href');
			var imgSRC = el.getElement('img').getProperty('src');
			var title = el.getElement('h3').get('text');
			//var description = el.getElement('p').get('text');
			
			el.addEvent('click', function(ev){
				ev.stop();
				var visor = $('visor-actualidad');
				
				visor.getElement('img').setProperty('src', imgSRC);
				visor.getElement('img').setProperty('alt', title);
				visor.getElement('img').setProperty('title', title);
				
				visor.getElement('a').setProperty('href', urlSRC);
				visor.getElement('a').setProperty('title', title);
				visor.getElement('a').set('text', title);
				
				//visor.getElement('p').set('text', description);
			});
			
		});*/

		
	}

});
