/**
 * @author vvargas
 */
var rut_valido;
$(document).ready(function(){    

    $('#txtrut').Rut({
        on_success: function(){
            rut_valido = true;
        },
        on_error: function(){
            rut_valido = false;
        }
    });
    $('.inputBox#rut').keypress(function(){
        $('.globoError').fadeOut();
    });
    $('#boton_submit_zona_clientes').click(function(){
        if (rut_valido) {
            var reemplazar = new String();
            reemplazar = $("input#txtrut").val();
            reemplazar = reemplazar.replace(/\./g, '')
            $("input#rut").val(reemplazar);
            $("input#rut_largo").val(reemplazar);
            reemplazar = reemplazar.split('-');
            $("input#rut_corto").val(reemplazar[0]);
            $('#zona_clientes_form').submit();
        }
        else {
            $('#rut').focus();
            /*alert('El RUT ingresado es incorrecto');*/
            var mensajeError = "El RUT ingresado es incorrecto"
            var globo = '<div class="globoError mensaje"><div class="alerta_top mensaje"></div><div class="alerta_centro"><table><tr><td class="body">' + mensajeError + '</td></tr></table></div><div class="alerta_bottom"></div></div>';
            
            $("#div_cont_mensaje_err_rut").html(globo);
            
            $('.globoError').css({
                'top': '-3px',
                'left': '27px'
            });
            $('.globoError').fadeIn();
        }
    });
    $('#edad').change(function(){
        if ($(this).val() < 5) {
            $('#numero_hijos')[0].setValue(0);
        }
    });
    
    $('#qs_programa_1').attr('style', 'width:172px;');

    if(componentes_mejorados){
        $('select.selectBox').selectBox();
        $('input.inputBox').inputBox();
    }
    else{
        $('.contenedor_inferior').hide();
    }
    
    
    $('.options_div').css('width', '235px');
    /*$('#mycarousel1').jcarousel({
        auto: 2,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
    $('#mycarousel2').jcarousel({
        wrap: 'last',
        initCallback: mycarousel_initCallback2,
        buttonNextHTML: null,
        buttonPrevHTML: null
    });*/
    $('.titulo_plan_sport').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr3.swf',
        w: 350,
        h: 55,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    $('.titulo_plan_sport2').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr3.swf',
        w: 250,
        h: 45,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    $('.titulo_plan_sport3').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr3.swf',
        w: 300,
        h: 45,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    $('.titulo_plan_sport4').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr3.swf',
        w: 230,
        h: 80,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    $('.titulo_plan_sport5').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr2.swf',
        w: 500,
        h: 25,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    $('.titulo_plan_sport6').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr3.swf',
        w: 300,
        h: 55,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    $('.contenedor_select').click(function(){
        $('.globoError').fadeOut();
    });
    
    $(".btn_buscar_localidad").click(function(){
        var idRegion = $("#region").val();
        var idComuna = $("#comuna").val();
        
        var Region = $("#region option:selected").text();
        var Comuna = $("#comuna option:selected").text();
        $('.globoError').fadeOut();
        
        // Agrego globo para mensajes de error en el body
        $('#globoError').hide();
        
        
        if ($('#region').val() != "" && $('#comuna').val() != "0") {
            window.location.href = getBaseDir+"3play/r/" + idRegion + "/c/" + idComuna;
        }
        else 
        if ($('#region').val() == "") {
            var mensajeError = "Ingresa la regi&oacute;n"
            var globo = '<div class="globoError mensaje"><div class="alerta_top mensaje"></div><div class="alerta_centro"><table><tr><td class="body">' + mensajeError + '</td></tr></table></div><div class="alerta_bottom"></div></div>';
                
            $("#div_cont_mensaje_err").html(globo);
                
            $('.globoError').css({
                'top': '8px',
                'left': '100px'
            });
            $('.globoError').fadeIn();
                
            /*var $form = $("#div_cont_mensaje_err").parents('form:first');
             $form.find('.mostrar_globo_com:first').html($globo);
             showGlobo($form.find('.mostrar_globo_com:first'));*/
            return false;
        }
        else
        if ($('#comuna').val() == "0") {
                
            var mensajeError = "Ingresa la comuna"
            var globo = '<div class="globoError mensaje"><div class="alerta_top mensaje"></div><div class="alerta_centro"><table><tr><td class="body">' + mensajeError + '</td></tr></table></div><div class="alerta_bottom"></div></div>';
                    
            $("#div_cont_mensaje_err").html(globo);
                    
                    
            $('.globoError').css({
                'top': '8px',
                'left': '228px'
            });
            $('.globoError').fadeIn();
            /*showGlobo($('#contrataPlanForm').find('.mostrar_globo_com'));*/
            /*$("#div_cont_mensaje_err #msj_err_com").fadeIn();*/
            return false;
        }
    });
    
    //MANEJO DE CHECKBOXES CON ESTILOS
    $("#radio_femenino_press").hide();
    $("#radio_masculino_press").hide();
    $("#sexo_masculino").hide();
    $("#sexo_femenino").hide();
    
    $("#radio_femenino").click(function(){
        $('.globoError').fadeOut();
        $("#radio_femenino").hide();
        $("#radio_femenino_press").show();
        $("#radio_masculino_press").hide();
        $("#radio_masculino").show();
        
        $("#sexo_femenino").attr("checked", true);
        
        return false;
    });
    $(".td_ckeck_item").click(function(){
        $('.globoError').fadeOut();
    });
    $("#radio_masculino").click(function(){
        $('.globoError').fadeOut();
        $("#radio_masculino").hide();
        $("#radio_masculino_press").show();
        $("#radio_femenino_press").hide();
        $("#radio_femenino").show();
        
        $("#sexo_masculino").attr("checked", true);
        
        return false;
    });
    
    //MANEJO DE CAJAS INFERIORES EN EL RECOMENDADOR DE CANALES
    $(".enlace_cambio_canales").hide();
    $("#recomendadorCanales").hide();
    
    $(".enlace_mas_canales").click(function(){
        if ($('#edad').val() != "0" && $('#numero_hijos').val() != "no" && $('input[name=sexo_radio]:checked').val() != "" && $('input[class=homestyled][type=checkbox]:checked').val() != null) {
            $(this).parent().removeClass("ultimo");
            $(this).hide();
            $(".enlace_cambio_canales").slideDown();
            $("#recomendadorCanales").slideDown();
            $('#categorias_canales').slideUp();
            
            c = 1;
            url = '';
            $('.formulario_item_td .homestyled').each(function(){
                if ($(this).is(':checked')) {
                    url += '/categoria_' + c + '/' + $(this).val();
                }
                else {
                    url += '/categoria_' + c + '/false';
                }
                c++;
            });
            
            if ($('#sexo_masculino').is(':checked')) {
                url += '/sexo/1';
            }
            else 
            if ($('#sexo_femenino').is(':checked')) {
                url += '/sexo/2';
            }
            else {
            //error
            }
            url += '/edad/' + $('#edad').val();
            url += '/numero_hijos/' + $('#numero_hijos').val();
            
            url = getBaseDir + 'ajax/obtener/preferencia_canales' + url;
            $.get(url, function(data){
                $('.datos_usuario').hide();
                data = data.split("\n");
                $('#preferencia_canales').html(data[0]);
                $('#preferencia_canales_premium').html(data[1]);
            });
        }
        else 
        if ($('input[name=sexo_radio]:checked').val() == null) {
            
            var mensajeError = "Selecciona sexo"
            var globo = '<div class="globoError mensaje"><div class="alerta_top mensaje"></div><div class="alerta_centro"><table><tr><td class="body">' + mensajeError + '</td></tr></table></div><div class="alerta_bottom"></div></div>';
                
            $("#div_cont_mensaje_err2").html(globo);
                
                
            $('.globoError').css({
                'top': '61px',
                'left': '127px'
            });
            $('.globoError').fadeIn();
        /*showGlobo($('#contrataPlanForm').find('.mostrar_globo_com'));*/
        /*$("#div_cont_mensaje_err #msj_err_com").fadeIn();*/
        }
        else
        if ($('#edad').val() == "0") {
            var mensajeError = "Ingresa la Edad"
            var globo = '<div class="globoError mensaje"><div class="alerta_top mensaje"></div><div class="alerta_centro"><table><tr><td class="body">' + mensajeError + '</td></tr></table></div><div class="alerta_bottom"></div></div>';
                    
            $("#div_cont_mensaje_err2").html(globo);
                    
            $('.globoError').css({
                'top': '61px',
                'left': '392px'
            });
            $('.globoError').fadeIn();
                    
        /*var $form = $("#div_cont_mensaje_err").parents('form:first');
             $form.find('.mostrar_globo_com:first').html($globo);
             showGlobo($form.find('.mostrar_globo_com:first'));*/
        }
        else
        if ($('#numero_hijos').val() == "no") {
                    
            var mensajeError = "Ingresa el n&uacute;mero de hijos"
            var globo = '<div class="globoError mensaje"><div class="alerta_top mensaje"></div><div class="alerta_centro"><table><tr><td class="body">' + mensajeError + '</td></tr></table></div><div class="alerta_bottom"></div></div>';
                        
            $("#div_cont_mensaje_err2").html(globo);
                        
                        
            $('.globoError').css({
                'top': '61px',
                'left': '609px'
            });
            $('.globoError').fadeIn();
        /*showGlobo($('#contrataPlanForm').find('.mostrar_globo_com'));*/
        /*$("#div_cont_mensaje_err #msj_err_com").fadeIn();*/
        }
        else
        if ($('input[class=homestyled][type=checkbox]:checked').val() == null) {
                        
            var mensajeError = "Selecciona tus gustos"
            var globo = '<div class="globoError mensaje"><div class="alerta_top mensaje"></div><div class="alerta_centro"><table><tr><td class="body">' + mensajeError + '</td></tr></table></div><div class="alerta_bottom"></div></div>';
                            
            $("#div_cont_mensaje_err2").html(globo);
                            
                            
            $('.globoError').css({
                'top': '135px',
                'left': '425px'
            });
            $('.globoError').fadeIn();
        /*showGlobo($('#contrataPlanForm').find('.mostrar_globo_com'));*/
        /*$("#div_cont_mensaje_err #msj_err_com").fadeIn();*/
        }
        
        return false;
    });
    
    
    $('.titulo_plan_sport').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr3.swf',
        w: 350,
        h: 55,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    $('.titulo_plan_sport2').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr3.swf',
        w: 250,
        h: 45,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    $('.titulo_plan_sport3').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr3.swf',
        w: 300,
        h: 45,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    $('.titulo_plan_sport4').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr3.swf',
        w: 230,
        h: 80,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    $('.titulo_plan_sport5').tituloFlash({
        swfURL: getBaseDir + 'swf/sifr2.swf',
        w: 500,
        h: 25,
        textcolor: '#0093D1',
        textalign: 'left'
    });
    
    $(".btn_buscar_localidad").click(function(){
        var idRegion = $("#region").val();
        var idComuna = $("#comuna").val();
        
        var Region = $("#region option:selected").text();
        var Comuna = $("#comuna option:selected").text();
        
        window.location.href = getBaseDir+"3play/r/" + idRegion + "/c/" + idComuna;
    });
    
    //MANEJO DE CHECKBOXES CON ESTILOS
    $("#radio_femenino_press").hide();
    $("#radio_masculino_press").hide();
    $("#sexo_masculino").hide();
    $("#sexo_femenino").hide();
    
    $("#radio_femenino").click(function(){
        $("#radio_femenino").hide();
        $("#radio_femenino_press").show();
        $("#radio_masculino_press").hide();
        $("#radio_masculino").show();
        
        $("#sexo_femenino").attr("checked", true);
        
        return false;
    });
    $("#radio_masculino").click(function(){
        $("#radio_masculino").hide();
        $("#radio_masculino_press").show();
        $("#radio_femenino_press").hide();
        $("#radio_femenino").show();
        
        $("#sexo_masculino").attr("checked", true);
        
        return false;
    });
    
    //MANEJO DE CAJAS INFERIORES EN EL RECOMENDADOR DE CANALES
    /*$(".enlace_cambio_canales").hide();
     $("#recomendadorCanales").hide();
     
     $(".enlace_mas_canales").click(function(){
     $(this).parent().removeClass("ultimo");
     $(this).hide();
     $(".enlace_cambio_canales").slideDown();
     $("#recomendadorCanales").slideDown();
     $('#categorias_canales').slideUp();
     
     return false;
     });*/
    $(".enlace_cambio_canales").click(function(){
        $(this).parent().addClass("ultimo");
        $(this).hide();
        $("#recomendadorCanales").hide();
        $(".enlace_mas_canales").fadeIn();
        $('#categorias_canales').slideDown();
        $('.formulario_linea').fadeIn();
        
        return false;
    });

});

function deleteStyled(){
    //PARCHE PARA EVITAR CHECKBOXES DUPLICADOS AL CERRAR LIGHTBOX CONTACTO
    $('.styled').attr('class','homestyled');
}

function mostrar(text){
    $('#titulo_' + text).css('background-image', 'url(' + getBaseDir + 'img/btn_expandible_negativo.gif)');
    $('#contenido_' + text).slideToggle();
}

// MOSTRAR SOLAPAS
function solapas(div){
    $('#solapa_planes').hide();
    $('#solapa_television').hide();
    $('#solapa_internet').hide();
    $('#solapa_larga_distancia').hide();
    $('#boton_planes').attr('src', getBaseDir + 'img/btn_productos_planes.gif');
    $('#boton_television').attr('src', getBaseDir + 'img/btn_productos_television.gif');
    $('#boton_internet').attr('src', getBaseDir + 'img/btn_productos_internet.gif');
    $('#boton_larga_distancia').attr('src', getBaseDir + 'img/btn_productos_larga_distancia.gif');
    $('#solapa_' + div).fadeIn();
    $('#boton_' + div).attr('src', getBaseDir + 'img/btn_productos_' + div + '_activo.gif');
}

// BOTONES BANNER
function banner(num){
    $('#flash_boton1').attr('src', getBaseDir + 'img/btn_radio_banner.gif');
    $('#flash_boton2').attr('src', getBaseDir + 'img/btn_radio_banner.gif');
    $('#flash_boton3').attr('src', getBaseDir + 'img/btn_radio_banner.gif');
    $('#flash_boton4').attr('src', getBaseDir + 'img/btn_radio_banner.gif');
    $('#flash_boton' + num).attr('src', getBaseDir + 'img/btn_radio_banner_seleccionado.gif');
}

// CARRUSEL
function mycarousel_initCallback(carousel){
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function(){
        carousel.startAuto(0);
    });
    
    carousel.buttonPrev.bind('click', function(){
        carousel.startAuto(0);
    });
    
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function(){
        carousel.stopAuto();
    }, function(){
        carousel.startAuto();
    });

};
function mycarousel_initCallback2(carousel){
    jQuery('#jcarousel-control1').bind('click', function(){
        banner(1);
        carousel.scroll(jQuery.jcarousel.intval(1));
        return false;
    });
    jQuery('#jcarousel-control2').bind('click', function(){
        banner(2);
        carousel.scroll(jQuery.jcarousel.intval(2));
        return false;
    });
    jQuery('#jcarousel-control3').bind('click', function(){
        banner(3);
        carousel.scroll(jQuery.jcarousel.intval(3));
        return false;
    });
    jQuery('#jcarousel-control4').bind('click', function(){
        banner(4);
        carousel.scroll(jQuery.jcarousel.intval(4));
        return false;
    });
    
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function(){
        carousel.stopAuto();
    }, function(){
        carousel.startAuto();
    });
};