/* Cleverlines
	Javascript para comportamiento de interfaz
	Kike Valdenebro
	2008.12.02
*/


/* Inicializacion de la pagina */
window.addEvent('domready', function(){
												 
	var scrollPage = 0;                // Efecto scroll entre paginas
	var scrollCarruselSpeed = 2000;    // Velocidad para el carrusel (tiempo por logotipo en milisegundos)
	
	
	// Navegacion principal
	if($('main_nav')) {
		var main_nav_lis = $$("#main_nav ul li");
		main_nav_lis.each(function(main_nav_li, i) {
			main_nav_li.addEvent('mouseover', function(event) {
				$$("#main_nav ul li ul").setStyle('display','none');
				this.getElements('ul').setStyle('display','block');
				this.getChildren().filterByTag('a').setStyle('color','#000000');
			});
			main_nav_li.addEvent('mouseout', function(event) {
				this.getElements('ul').setStyle('display','none');
				$$("#main_nav ul li.sec_on ul").setStyle('display','block');
				if(!this.hasClass('sec_on')) {
					this.getChildren().filterByTag('a').setStyle('color','#ffffff');
				}
			});
		});
	}
	
	// Paginacion
	if($("areapagina")) {
		
		var pag = 1;
		var totalpag = $$("#areapagina #paginavisor .pagina").length;
		$$("#areapagina #paginavisor").setStyle('overflow','hidden');
		$$("#areapagina .paginacion .pag").setText('1');
		$$("#areapagina .paginacion .totalpag").setText(totalpag);

		scrollPage = new Fx.Scroll('paginavisor', {
			wait: false,
			duration: 500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});
		
		var siguiente_as = $$("#areapagina .paginacion a.siguiente");
		siguiente_as.each(function(siguiente_a, i) {
			siguiente_a.addEvent('click', function(event) {
				event = new Event(event).stop();
				if(pag<totalpag) {
					pag += 1;
					$$("#areapagina .paginacion .pag").setText(pag);
					$$("#areapagina .paginacion a.anterior").removeClass('anterior-off');
					$$("#areapagina .paginacion a.anterior").addClass('anterior-on');
					if(pag==totalpag) {
						$$("#areapagina .paginacion a.siguiente").removeClass('siguiente-on');
						$$("#areapagina .paginacion a.siguiente").addClass('siguiente-off');
					}
					toPage(pag);
				}
			});
		});
		
		var anterior_as = $$("#areapagina .paginacion a.anterior");
		anterior_as.each(function(anterior_a, i) {
			anterior_a.addEvent('click', function(event) {
				event = new Event(event).stop();
				if(pag>1) {
					pag -= 1;
					$$("#areapagina .paginacion .pag").setText(pag);
					$$("#areapagina .paginacion a.siguiente").removeClass('siguiente-off');
					$$("#areapagina .paginacion a.siguiente").addClass('siguiente-on');
					if(pag==1) {
						$$("#areapagina .paginacion a.anterior").removeClass('anterior-on');
						$$("#areapagina .paginacion a.anterior").addClass('anterior-off');
					}
					toPage(pag);
				}
			});
		});
		
		function toPage(i) {
			// Va a la pagina i y actualiza la navegacion de paginas
			var target = String(i);
			if (i<10) {
				target = '0'+target;
			}
			target = 'pagina'+target;
			scrollPage.toElement(target);
		}
		
	}
	
	// Control de capas de contenido en columna derecha
	if($$(".col_left").length != 0) {
		$$(".col_right").setStyle('display','none');
		var control_capas_as = $$("a.control_capas");
		control_capas_as.each(function(control_capas_a, i) {
			control_capas_a.addEvent('click', function(event) {
				event = new Event(event).stop();
				$$("a.control_capas").removeClass('on');
				this.addClass('on');
				$$(".col_right").setStyle('display','none');
				var target = this.getProperty('href');
				target = target.split("#")[1];
				$(target).setStyle('display','block');
			});
		});
	}
	
	// Carrusel de logotipos en "Nuestros clientes"
	if($('carrusel')) {
		var num_imgs = $$("#carrusel #carrusel_visor #carrusel_inner img").length;
		if(num_imgs>9) {
			var i = 0;
			var mueveLogos = function() {
				i+=1;
				if(i<66) {
					$('carrusel_inner').setStyle('top',-i);
				}
				else {
					i=0;
					var primero = $('carrusel_inner').getFirst;
					$('carrusel_inner').getFirst().inject('carrusel_inner','bottom');
					$('carrusel_inner').setStyle('top',0);
				}
			}
			var mueveLogosTimer = mueveLogos.periodical(scrollCarruselSpeed/66);
		}
	}
			
});