document.observe('dom:loaded', function() {
    if ($('nav_der')) {
        $('pagina_slider1').setStyle({backgroundColor:'#d8a238',width:'9px',height:'9px'});
        
        $('nav_der').observe('click', function (){

            $$('.paginacion_slider').each(function(elem){
                    elem.setStyle({backgroundColor:'#515151',width:'8px',height:'8px'});
            });

            var izquierda = parseInt($('lista_carousel').getStyle('left').replace('px',''));
            if (izquierda-254>=-765) {
                total = -254;
                new Effect.Move('lista_carousel', {x: total, y: 0, mode: 'relative'});
            }
            else{
               total = (765 - Math.abs(izquierda))*(-1);
               new Effect.Move('lista_carousel', {x: total, y: 0, mode: 'relative'});
            }

            
            var ahora = Math.abs(total)+Math.abs(izquierda);
            if (ahora>=760 && ahora<=765) {
                $('pagina_slider1').setStyle({backgroundColor:'#515151',width:'8px',height:'8px'});
                $('pagina_slider2').setStyle({backgroundColor:'#d8a238',width:'9px',height:'9px'});
            }

        });
        $('nav_izq').observe('click', function (){

            $$('.paginacion_slider').each(function(elem){
                    elem.setStyle({backgroundColor:'#515151',width:'8px',height:'8px'});
            });

            var izquierda = parseInt($('lista_carousel').getStyle('left').replace('px',''));
            total=0;
            if (izquierda<=-254) {
                total = 254;
                new Effect.Move('lista_carousel', {x: total, y: 0, mode: 'relative'});
            }
            else{
               total = Math.abs(izquierda);
               new Effect.Move('lista_carousel', {x: total, y: 0, mode: 'relative'});
            }

            var ahora = Math.abs(izquierda)-total;
            if (ahora<=0 && ahora>=-254) {
                $('pagina_slider2').setStyle({backgroundColor:'#515151',width:'8px',height:'8px'});
                $('pagina_slider1').setStyle({backgroundColor:'#d8a238',width:'9px',height:'9px'});
            }
        });
    }

    if ($('pagina_slider1')){
        /*$$('.paginacion_slider').each(function(elem){
            elem.observe('mouseover', function(){
                elem.setStyle({backgroundColor:'#d8a238',width:'9px',height:'9px'});
            });
        });

        $$('.paginacion_slider').each(function(elem){
            elem.observe('mouseout', function(){
                elem.setStyle({backgroundColor:'#515151',width:'8px',height:'8px'});
            });
        });*/

       $('pagina_slider1').observe('click', function(){
           $$('.paginacion_slider').each(function(elem){
              elem.setStyle({backgroundColor:'#515151',width:'8px',height:'8px'});
           });
           $('pagina_slider1').setStyle({backgroundColor:'#d8a238',width:'9px',height:'9px'});
           
           var izquierda = parseInt($('lista_carousel').getStyle('left').replace('px',''));
           new Effect.Move('lista_carousel', {x: izquierda*(-1), y: 0, mode: 'relative'});
       });

       $('pagina_slider2').observe('click', function(){
           $$('.paginacion_slider').each(function(elem){
              elem.setStyle({backgroundColor:'#515151',width:'8px',height:'8px'});
           });
           $('pagina_slider2').setStyle({backgroundColor:'#d8a238',width:'9px',height:'9px'});

           var izquierda = parseInt($('lista_carousel').getStyle('left').replace('px',''));
           var izquierda_abs = Math.abs(izquierda);

           modificador = -1;
           if (izquierda_abs-765>0)
               modificador = 1;

           new Effect.Move('lista_carousel', {x: (765-izquierda_abs)*modificador, y: 0, mode: 'relative'});
       });

    }
    
});