var $j = jQuery.noConflict();

$j(function(){
    /*menu slideshow
    -------------------------------------------------------------------------------*/
    
    //obtener elemento con attributo href que sea igual al explorador y agregar clase de seleccoinado 
    $j("#main-menu ul li a[href$='" + document.URL + "']").closest("ul").addClass("selected-li");
    $j("#main-menu li ul:not(.selected-li)").hide();
    $j("#main-menu > li > a").click(function(event){
        //esconder y remover clase de pestaña seleccionada
        $j(".selected-li").hide().removeClass("selected-li");
        //agregar clase y animado con slide
        $j(this).next("ul").addClass("selected-li").slideDown("slow");   
    });

    /*content slider
    -------------------------------------------------------------------------------*/

    //obtener info de imagenes
    var images = $j("#slider img");
    var numImages = $j("#slider img").length - 1;
    var minLeft = -numImages * 742;
    var actualPos , proximaPos = 0;
    
    function onBtnLeftAnimate(){
        //prevent madness
        unbindBtnSlider();

        //stop timer
        clearInterval(t);
        t = null;

        //get current position estimate next position
        actualPos = parseInt($j("#slider").css("left"));
        proximaPos = (actualPos == 0) ? 0 : actualPos + 742; 

        $j("#slider").animate({
            left: proximaPos 
        },
            500, function(){
                bindBtnSlider();
                t = setInterval(intervalAnimate, 5000);
                dir="left";
        });
    }

    function onBtnRightAnimate(){
        //prevent madness
        unbindBtnSlider();

        //stop interval
        clearInterval(t);
        t = null;

        //get current position estimate next position
        actualPos = parseInt($j("#slider").css("left"));
        proximaPos = (actualPos ==  minLeft) ? actualPos : actualPos - 742; 
        $j("#slider").animate({
            left: proximaPos 
        },
            500, function(){
                bindBtnSlider();
                t = setInterval(intervalAnimate, 5000);
                dir="right";
        });
    }

    //bind click botones
    function bindBtnSlider(){
        $j("#btn-left-animate").bind("click",onBtnLeftAnimate);
        $j("#btn-right-animate").bind("click",onBtnRightAnimate);
    }
    //unbind click botones
    function unbindBtnSlider(){
        $j("#btn-left-animate").unbind("click");
        $j("#btn-right-animate").unbind("click");
    }
    //add listeners
    $j("#btn-left-animate").bind("click", onBtnLeftAnimate);
    $j("#btn-right-animate").click("click", onBtnRightAnimate);
    
    //function run interval
    function intervalAnimate(){
        //prevent craziness
        unbindBtnSlider();

        //obtener posicion actual del slider y calcular cual sera su proxima
        actualPos = parseInt($j("#slider").css("left"));

        //calculo posiciones codigo muy feo x_x
        if ( dir == "right" ){
            if (actualPos ==  minLeft) { 
                dir = "left";
                proximaPos = actualPos;
            }
            else {
                proximaPos = actualPos - 742;
            }
        }
        else if( dir== "left" ){
            if(actualPos == 0){
                dir = "right";
                proximaPos = 0;
            }
            else {
                proximaPos = actualPos + 742;
            }
        }

        $j("#slider").animate({
            left: proximaPos 
        },
            500, function(){
                bindBtnSlider();
        });
    }
    var dir = "right";
    var t = setInterval(intervalAnimate, 5000);



    /* Form ajax Hazte Socio
    -------------------------------------------------*/
    $j(".input-submit").click(function(){
        $j(".error-messages").empty();
        $j(".enviando").html("Enviando");
        var nombre = $j("#form-input-name").val();	
        var apellido = $j("#form-input-apellido").val();	
        var rut = $j("#form-input-rut").val();	
        var telFijo = $j("#form-input-telefono").val();	
        var telCel = $j("#form-input-celular").val();	
        var email = $j("#form-input-correo").val();	
        
        $j.post("http://www.untechoparachile.cl/wp-content/themes/chile/mandato_form/mail.php",
        {nombre: nombre, apellido: apellido, rut: rut, telFijo: telFijo, telCel: telCel, email: email},
        function(data){
            $j(".enviando").empty();
            if(data.error == true){
                $j(".error-messages").html(data.contenido);	
            }
            else{
                $j(".error-messages").empty();
                $j(".confirmacion").html(data.contenido);
                setTimeout(function () {
                    $.prettyPhoto.close();
                },500);
            }	

        },"json");
    });

    /* Slider
     ------------------------------------------*/
    slideSwitch();
    setInterval(slideSwitch, 4000);
    function slideSwitch(){        
        var $active = $j('.slideshow IMG.active');
        if ($active.length == 0) { $active = $j('.slideshow').find('img:last'); }
        var $next = $active.next().length ? $active.next() : $j('.slideshow').find('img:first');
        $active.addClass('last-active');
        $active.animate({ opacity: 0.0 }, 500, function () {});
        $next.css({ opacity: 0.0 }).addClass('active').animate({ opacity: 1.0 }, 1000, function () { $active.removeClass('active last-active'); });
    }
});

