$(document).ready(function(){
    posicionaAlto();
    $(window).resize(function(){
        posicionaAlto();
    });
    
    nombres = new Array();
    $(".leeima").each(function(a){
        nombres[a] = $(this).attr("src");
        $(this).attr("id","kp_"+a);
    });
    $("#kp_"+aleatorio(0,6)).css("display","block");
    mueven();
});


// Funciones  ··································································································
// Funcion que genera el aleatorio de Fade con las imagenes
function mueven()
{
    setTimeout("saca();",1000);
    setTimeout("trae();",1100);
}
    function saca()
    {
        $(".leeima").each(function(a){
            if( $(this).css("display") == "block" )
            {
                $(this).fadeOut("2000",function(){});
            }
        });
    }
    
    function trae()
    {
        $("#kp_"+aleatorio(0,6)).fadeIn("2000",function(){
            setTimeout("mueven();",1000);
        });
    }
// Funcion que genera el numero aleatorio
function aleatorio(inferior,superior)
{    
    numPosibilidades = superior - inferior
    aleat = Math.random() * numPosibilidades
    return Math.round(parseInt(inferior) + aleat)
}
// Funcion que posiciona la altura
function posicionaAlto()
{
    altoW = parseInt($(window).height())/2;
    altoD = parseInt($("#centrarCosito").height())/2;
    
    $("#centrarCosito").css({"margin": parseInt((altoW-altoD))+"px auto"});
}