const names = [];
    names.push("Start Building Massive Monthly Cash-Flow That <b>Grows</b> Month After Month...!") ;


    names.push("Full Traffic Training Included, Activate Your Account Now!") ;


    names.push("Enjoy Pass-ups From Your Team Members Unlimited Levels Down!") ;


    names.push("Generate Up To 7 Income Streams Without Promoting 7 Different Programs...") ;


    names.push("Build a Freedom Lifestyle Work From Anywhere / Live Anywhere Type Business") ;


    names.push("Skip The Tech Frustrations... This System Has Everything You Need Already Built-In...") ;


    names.push("Full Email Followup Written And Provided For You...") ;


let bubble__wrapper     =   document.querySelector( '#bubble__wrapper' );


bubble__wrapper.innerHTML = "<div class='bubble__circle' id='bubble__circle'><svg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48'><path id='icon_path' fill='#49d761' d='m419-321 289-290-43-43-246 247-119-119-43 43 162 162ZM180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h600q24 0 42 18t18 42v600q0 24-18 42t-42 18H180Z'/></svg><div class='bubble__message'><span id='before__text'></span> <span id='the__name'></span> <span id='after__text'></span></div></div>"

let before__text        =   document.querySelector( '#before__text' );
let the__name           =   document.querySelector( '#the__name' );
let after__text         =   document.querySelector( '#after__text' );



let icon    =   document.querySelector( "#icon_path" );
icon.style.fill="#ff7800";



document.querySelector( "#bubble__circle" ).style.borderLeftColor="#ffa348"






let i       = 0;

let randomized =  Math.ceil( Math.random() * names.length );

const rotation = setInterval(() => {



    the__name.innerHTML = names[ i ];
    bubble__wrapper.classList.add( 'open' );

    setTimeout(() => {

        bubble__wrapper.classList.remove( 'open' );
        
    }, 8000 );



    i++;



    if( i >= names.length ){

        clearInterval( rotation ) ;

    }


}, 13000 );