const names = [];
    names.push("You Can Make Up To <b>$2,047.50</b> Every Month Without Selling or Recruiting...") ;


    names.push("630k Members Already Pre-Enrolled...") ;


    names.push("Start Earning Commissions Even As Soon As Tonight...") ;


    names.push("It's Easy To Get Started, Just Enter Your Email.") ;


    names.push("This Opportunity Is Available WorldWide.") ;


    names.push("Secret Traffic Training Provided Inside. Register Now!") ;


    names.push("This System Is Easy To Use And It's Beginner Friendly.") ;


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='#e67e22' d='M160-400q0-105 50-187t110-138q60-56 110-85.5l50-29.5v132q0 37 25 58.5t56 21.5q17 0 32.5-7t28.5-23l18-22q72 42 116 116.5T800-400q0 95-49 171.5T622-113q23-26 35.5-58t12.5-67q0-38-14-71.5T615-370L480-502 346-370q-28 27-42 60.5T290-238q0 35 12.5 67t35.5 58q-80-39-129-115.5T160-400Zm320-18 92 90q18 18 28 41t10 49q0 53-38 90.5T480-110q-54 0-92-37.5T350-238q0-26 9.5-49t28.5-41l92-90Z'/></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="#e67e22";



document.querySelector( "#bubble__circle" ).style.borderLeftColor="#1674ea"






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' );
        
    }, 4000 );



    i++;



    if( i >= names.length ){

        clearInterval( rotation ) ;

    }


}, 9000 );