//Carga de página
$(document).ready(function() {
    InicializarNavigation();
    OcultarCollapse();
    InicializarEventos();
}
);

//Asignar eventos Click

$('.siguiente').live('click', function() {
    VerVerdad(1);
    return false;
});

$('.anterior').live('click', function() {
    VerVerdad(-1);
    return false;
});


$('.verdad1').live('click', function() {
VerVerdadC(1);
CambiaSelected(1)
return false;

});

$('.verdad2').live('click', function() {
VerVerdadC(2);
CambiaSelected(2)
return false;

});

$('.verdad3').live('click', function() {
VerVerdadC(3);
CambiaSelected(3)
return false;

});

$('.verdad4').live('click', function() {
VerVerdadC(4);
CambiaSelected(4)
return false;

});

$('.verdad5').live('click', function() {
VerVerdadC(5);
CambiaSelected(5)
return false;

});

$('.verdad6').live('click', function() {
VerVerdadC(6);
CambiaSelected(6)
return false;

});

$('.verdad7').live('click', function() {
VerVerdadC(7);
CambiaSelected(7)
return false;

});

//Enviar formulario (peticion ajax)
function VerVerdad(sentido) {
   
    var verdad = document.getElementById("ctl00_ContentPlaceHolder1_idverdad").value;
    verdad = verdad * 1;

    if (verdad == 7 && sentido == 1)
        sentido = 0;
    if (verdad == 1 && sentido == -1)
        sentido = 0;
    
    Navigation(verdad,sentido);
    
    if ((verdad != 1 && verdad != 7) || (verdad == 1 && sentido == 1) || (verdad == 7 && sentido == -1)) {
        $('#ctl00_ContentPlaceHolder1_idverdad').attr("value", verdad + sentido);
        PageMethods.HTMLVerdad(verdad + sentido, 2, NuevoVerdadCallBackTitle);
        PageMethods.HTMLVerdad(verdad + sentido, 1, NuevoVerdadCallBackContent);
        CambiaSelected(verdad + sentido);
        CargarListado(verdad + sentido);
    }
}

function VerVerdadC(verdad) {
    var verdad_actual = document.getElementById("ctl00_ContentPlaceHolder1_idverdad").value;
    if (verdad != verdad_actual) {
        $('#ctl00_ContentPlaceHolder1_idverdad').attr("value", verdad);
        PageMethods.HTMLVerdad(verdad, 2, NuevoVerdadCallBackTitle);
        PageMethods.HTMLVerdad(verdad, 1, NuevoVerdadCallBackContent);
        CambiaSelected(verdad);
        CargarListado(verdad);
        InicializarNavigation();
    }
}

function Navigation(verdad,sentido) {
    //ocultar siguiente
    if (verdad == 6 && sentido == 1) {
        $(".next").fadeOut('normal', function() {
            $(".verdad7").css("marginRight", "100px");
        });
    }
    //ocultar anterior
    if (verdad == 2 && sentido == -1) {
        $(".previous").fadeOut('normal', function() {
            $(".verdad1").css("marginLeft", "100px");
        });
    }
    //mostrar siguiente
    if (sentido == -1) {
        $(".verdad7").css("marginRight", "0px");
        $(".next").fadeIn('normal');
    }
    //mostrar anterior
    if (sentido == 1) {
        $(".verdad1").css("marginLeft", "0px");
        $(".previous").fadeIn('normal');
    }
}

function InicializarNavigation() {
    var verdad = document.getElementById("ctl00_ContentPlaceHolder1_idverdad").value;
    if (verdad == 1) {
        $(".previous").css('display', 'none');
        $(".verdad1").css("marginLeft", "100px");
        $(".verdad7").css("marginRight", "0px");
        $(".next").fadeIn('normal');
    }
    else if (verdad == 7) {
        $(".next").css("display", "none");
        $(".verdad7").css("marginRight", "100px");
        $(".verdad1").css("marginLeft", "0px");
        $(".previous").fadeIn('normal');
    }
    else {
        $(".verdad7").css("marginRight", "0px");
        $(".next").fadeIn('normal');
        $(".verdad1").css("marginLeft", "0px");
        $(".previous").fadeIn('normal');
    }
}

function CargarListado(idVerdad) {
    PageMethods.HTMLListadoComentarios(idVerdad, CargarListadoCallBack);
}

function CargarListadoCallBack(result) {
    $("#listado").fadeOut('slow', function() {
        $("#listado").html(result);
        $("#listado").fadeIn('slow');
    });
    
}

function RemoveClassNav() {
    $('.verdad1').removeClass("selected");
    $('.verdad2').removeClass("selected");
    $('.verdad3').removeClass("selected");
    $('.verdad4').removeClass("selected");
    $('.verdad5').removeClass("selected");
    $('.verdad6').removeClass("selected");
    $('.verdad7').removeClass("selected");


}

function OcultarCollapse() {
    $('#content-item1').hide();
    $('#content-item2').hide();
    $('#content-item3').hide();
    $('#content-item4').hide();
    $('#content-item5').hide();
}

function InicializarEventos() {
    $('#item1').die('click');
    $('#item2').die('click');
    $('#item3').die('click');
    $('#item4').die('click');
    $('#item5').die('click');
    
    $('#item1').live('click', function() {
        $('#content-item1').slideToggle();
    });

    $('#item2').live('click', function() {
        $('#content-item2').slideToggle();
    });

    $('#item3').live('click', function() {
        $('#content-item3').slideToggle();
    });
    
    $('#item4').live('click', function() {
        $('#content-item4').slideToggle();
    });
    
    $('#item5').live('click', function() {
        $('#content-item5').slideToggle();
    });
}

function CambiaSelected(verdad) {
   
    RemoveClassNav()
    if (verdad == 1)
        $('.verdad1').addClass("selected");
    if (verdad == 2)
        $('.verdad2').addClass("selected");
    if (verdad == 3)
        $('.verdad3').addClass("selected");
    if (verdad == 4)
        $('.verdad4').addClass("selected");
    if (verdad == 5)
        $('.verdad5').addClass("selected");
    if (verdad == 6)
        $('.verdad6').addClass("selected");
    if (verdad == 7)
        $('.verdad7').addClass("selected");

}

//Respuesta petición ajax
function NuevoVerdadCallBackContent(result) {
    if (result != '') {
        //success
        $('#content').fadeOut('slow', function() {
            $('#content').html(result);
            $('#content').fadeIn('slow');
            OcultarCollapse();
            externalLinks();
            //InicializarEventos();
        });        
    }
}

function NuevoVerdadCallBackTitle(result) {
    if (result != '') {
        //success
        $('#title').fadeOut('slow', function() {
            $('#title').html(result);
            $('#title').fadeIn('fast');
        });
    }
}