window.addEvent('domready', function() {

	// sistema de acordeon para el menu
	var acc = new Accordion($('accordion'), 'div.titulo_seccion', 'ul.contenido_seccion', {
			opacity : false, display:false, autoHight: true,
		onActive: function(titulo_seccion, contenido_seccion){

			//contenido_seccion.setStyle('display', 'list-item');
			var elements = contenido_seccion.getChildren("li");

			elements.each(function(item, index){
				item.addEvent('mouseover', function(){
					var children = item.getChildren("ul");
					children.setStyle('left', '8px');

					return false;
				});

			});
			elements.each(function(item, index){
				item.addEvent('mouseout', function(){
					var children = item.getChildren("ul");
					children.setStyle('left', '-999em');
					return false;
				});

			});
      			
			
		},
		onBackground: function(titulo_seccion, contenido_seccion){
			//contenido_seccion.setStyle('display','none');
		}
	});

	// paginacion con deslizamiento lateral

	$$('div[id=paginas]').each(
		function (item,index){
			var pag_actual = 0;
			var boton_izq = item.getElement('div[id=boton_izq]');

			var boton_der = item.getElement('div[id=boton_der]');			
			control_buttons();
			var deslizante  = item.getElement('div[id=catalogosx3]');
			var paginas = deslizante.getElements('div[id=pagina]');
			var count = paginas.length;

			boton_der.addEvent('click', function(){
					pag_actual++;
					deslizante.tween('margin-left' , (-1) * 598 * pag_actual + 'px');		
				 	
					control_buttons();				
					return false;
			});

			boton_izq.addEvent('click', function(){
					pag_actual--;
					deslizante.tween('margin-left' , (-1) * 598 * pag_actual + 'px');
					
					control_buttons();
					return false;
			});

			function control_buttons(){
				boton_der.setStyle('visibility', 'visible');
				boton_izq.setStyle('visibility', 'visible');
				switch(pag_actual){
					case 0: boton_izq.setStyle('visibility', 'hidden'); break;
					case count-1: boton_der.setStyle('visibility', 'hidden'); break;
				}
			}
		}
	);

	// paginacion de los productos

	$$('div[id=productos]').each(
		function (item,index){
			var pag_actual = 0;
			var boton_izq = item.getElement('div[id=boton_izq]');
			var boton_izq_down = item.getElement('div[id=boton_izq_down]');
			var boton_der = item.getElement('div[id=boton_der]');
			var boton_der_down = item.getElement('div[id=boton_der_down]');
			control_buttons();
			var deslizante  = item.getElement('div[id=productosx3]');
			var paginas = deslizante.getElements('div[id=pagina]');
			var count = paginas.length;
	

			boton_der.addEvent('click', function(){
					pag_actual++;
					deslizante.tween('margin-left' , (-1) * 501 * pag_actual + 'px');		
				 	
					control_buttons();				
					return false;
			});

			boton_izq.addEvent('click', function(){
					pag_actual--;
					deslizante.tween('margin-left' , (-1) * 501 * pag_actual + 'px');
					
					control_buttons();
					return false;
			});

			boton_der_down.addEvent('click', function(){
					pag_actual++;
					deslizante.tween('margin-left' , (-1) * 501 * pag_actual + 'px');		
				 	
					control_buttons();				
					return false;
			});

			boton_izq_down.addEvent('click', function(){
					pag_actual--;
					deslizante.tween('margin-left' , (-1) * 501 * pag_actual + 'px');
					
					control_buttons();
					return false;
			});

			function control_buttons(){
				boton_der.setStyle('visibility', 'visible');
				boton_der_down.setStyle('visibility', 'visible');
				boton_izq.setStyle('visibility', 'visible');
				boton_izq_down.setStyle('visibility', 'visible');
				switch(pag_actual){
					case 0: boton_izq.setStyle('visibility', 'hidden'); boton_izq_down.setStyle('visibility', 'hidden'); break;
					case count-1: boton_der.setStyle('visibility', 'hidden'); boton_der_down.setStyle('visibility', 'hidden'); break;
				}
			}
		}
	);

	// more info button
   	var more_info = $(document.body).getElements('span[id=cont_info]');
	more_info.each(
		function(item,index){		
			var anterior = item.getNext();
			var newanterior = anterior.getElement('a[id=more_info_click]');
			var efecto_foto = new Fx.Morph(newanterior, { duration: 650, transition: 'quad:out' });
			
			var myVerticalSlide = new Fx.Slide(item,{
					onComplete:function(){
						if (newanterior != null){
							if(this.open){
								newanterior.title  = "Minimizar el contenido";
								newanterior.alt    = "Minimizar el contenido";
							}else{
								newanterior.title  = "Maximizar el contenido";
								newanterior.alt    = "Maximizar el contenido";
							}
						}
					
					},
					onStart:function(){}
			});
			
			anterior = (newanterior != null) ? newanterior : anterior;
			
			anterior.addEvents({
				click: function() {
					myVerticalSlide.toggle();	
					return false;
				},
				mouseover: function() {
					efecto_foto.start({opacity: [0.5, 1] });
				}
			});
	        }
	);
	more_info.slide('hide');

});