// JavaScript Document

window.addEvent('domready', function(){
  	
       var accordion = new Accordion('h4.despliege', 'div.despliege', {
				opacity: false,
				onActive: function(toggler, element){
					toggler.setStyle('color', '#636363');
				},
				
				onBackground: function(toggler, element){
					toggler.setStyle('color', '#0068b3');
				}
	});

	
        
	var scroller = $('scroller');
        
        

        var mySlide = new Fx.Slide('menu_familias');
        mySlide.hide();
        
	var scroll = new Fx.Scroll('scroller', {
		wait: false,
		duration: 1000,
		transition: Fx.Transitions.Quad.easeInOut,
                wheelStops: false
	});
	
	var navigateTo = function(id) {
		var run = scroll.toElement.pass($(id), scroll);
		if (scroller.scrollTop) scroll.toTop().chain(run);
		else run();
	}
        $('logo').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('bienvenidos_slide');
	});
        $('logo').addEvent('click', function(e){
                e = new Event(e);
                mySlide.slideOut();
                e.stop();
        });	
	$('bienvenidos').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('bienvenidos_slide');
	});	
	$('bienvenidos').addEvent('click', function(e){
                e = new Event(e);
                mySlide.slideOut();
                e.stop();
        });
	
	$('productos').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('productos_home');
	});
        $('productos').addEvent('click', function(e){
                e = new Event(e);
                mySlide.slideIn();
                e.stop();
        });
        $('nuestra_empresa').addEvent('click', function(e){
                e = new Event(e);
                mySlide.slideOut();
                e.stop();
        });
        $('nuestra_empresa').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('nuestra_empresa1');
	});
        $('puntosdeventa').addEvent('click', function(e){
                e = new Event(e);
                mySlide.slideOut();
                e.stop();
        });
        $('puntosdeventa').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('puntos_venta_slide');
	});
        
        /* BOTONES IMAGENES */
        
	$('familia1_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia1');
	});
        $('familia2_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia2');
	});
        $('familia3_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia3');
	});
        $('familia4_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia4');
	});
        $('familia5_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia5');
	});
        $('familia6_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia6');
	});
        $('familia7_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia7');
	});
        $('familia8_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia8');
	});
        $('familia9_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia9');
	});
        $('familia10_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia10');
	});
        $('familia11_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia11');
	});
        $('familia12_btn').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('familia12');
	});
        
        /* BOTON 2 */
        
        $('familia1_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia1');
	});
        $('familia2_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia2');
	});
        $('familia3_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia3');
	});
        $('familia4_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia4');
	});
        $('familia5_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia5');
	});
        $('familia6_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia6');
	});
        $('familia7_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia7');
	});
        $('familia8_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia8');
	});
        $('familia9_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia9');
	});
        $('familia10_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia10');
	});
        $('familia11_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia11');
	});
        $('familia12_btn2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('familia12');
	});
        
        /* FIN BOTON 2 */
        
	
	$('biblioteca').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('biblioteca1');
	});
	
	$('contacto').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('contacto1');
	});
	
	$('links').addEvent('click', function(event) {
		event = new Event(event).stop();
		navigateTo('link1');
	});
	
	
});
/* MENU CON ROLLOVER MOOTOOLS */ 

	window.addEvent('domready', function(){
			var list = $$('#idList li');
			list.each(function(element) {
				
				var fx = new Fx.Styles(element, {duration:150, wait:false});
				
				element.addEvent('mouseenter', function(){
					fx.start({
						'margin-left': 10
						
					});
				});
				
				element.addEvent('mouseleave', function(){
					fx.start({
						'margin-left': 0
						
					});
				});
				
			});
		}); 
		/* FIN MENU ROLLOVER MENU */
		
		/* POP UP */
		
		function popup(url) 
{
 var width  = 340;
 var height = 220;
 var left   = (screen.width  - width)/2;
 var top    = (screen.height - height)/3;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';
 newwin=window.open(url,'windowname5', params);
 if (window.focus) {newwin.focus()}
 return false;
}

//]]>