var grow_speed = 10;
var hold_time_grow = 3000;
var hold_time_shrink = 1000;
var Pebble_height = 30;
var display_count = 0;
var pebble_index = 0;
var pebble_color = 'blue';
var pebble_font_weight = '400';
var pebble_font_style = 'normal';
var pebble_font_family = 'Arial Black';
var peb = new Array(
"",
"",
""
);

var Pebbles = new Array(
new Array(
"Leadership",
"and",
"Management"
),
new Array(
"Vision",
"Strategy",
"Planning"
),
new Array(
"Goals",
"Targets",
"Schedule"
),
new Array(
"Systems",
"Processes",
"Practices"
),
new Array(
"Quality",
"Risk Mitigation",
"Metrics"
),
new Array(
"Competence",
"Capability",
"Capacity"
),
new Array(
"Customers",
"Stakeholders",
"Dependencies"
),
new Array(
"Technology",
"R&D",
"Suppliers"
),
new Array(
"Development",
"Improvement",
"Application"
),
new Array(
"Execution",
"Performance",
"Competition"
),
new Array(
"Change",
"Crisis Management",
"Adapt!"
),
new Array(
"",
"<a class=\"contact\" href=\"contact/\">&ldquo;Let's go solve the problem!&rdquo;</a>",
""
)
);

function DisplayPebbles() 
{
    GrowPebbles('Grow');
}

function GrowPebbles(state)
{
if (state=='Grow') 
    {
    peb[0] = Pebbles[pebble_index][0];
    peb[1] = Pebbles[pebble_index][1];
    peb[2] = Pebbles[pebble_index][2];
    if (display_count < Pebble_height) 
        {
        display_count = display_count + 1;
        setTimeout("GrowPebbles('Grow')",grow_speed);
        }
    else 
        {
        setTimeout("GrowPebbles('Shrink')",hold_time_grow);
        }
    } 
else if (state=='Shrink') 
    {
    if (display_count > 1)
        {
        display_count = display_count - 1;
        setTimeout("GrowPebbles('Shrink')",grow_speed);
        }
    else 
        {
        pebble_index = pebble_index + 1;
        if (pebble_index == Pebbles.length - 1) 
            {
            GrowPebbles ('Stop');
            }
        else {setTimeout("GrowPebbles('Grow')",hold_time_shrink);}
        }
    }
else if (state=='Stop')
    {
    peb[0] = Pebbles[Pebbles.length - 1][0];
    peb[1] = Pebbles[Pebbles.length - 1][1];
    peb[2] = Pebbles[Pebbles.length - 1][2];
    display_count = 24;
    }
    
document.getElementById("pebble1").innerHTML = peb[0];
document.getElementById("pebble1").style.fontSize = display_count + 'px';
document.getElementById("pebble1").style.fontWeight = pebble_font_weight;
document.getElementById("pebble1").style.color = pebble_color;
document.getElementById("pebble1").style.fontStyle = pebble_font_style;
document.getElementById("pebble1").style.fontFamily = pebble_font_family;

document.getElementById("pebble2").innerHTML = peb[1];
document.getElementById("pebble2").style.fontSize = display_count + 'px';
document.getElementById("pebble2").style.fontWeight = pebble_font_weight;
document.getElementById("pebble2").style.color = pebble_color;
document.getElementById("pebble2").style.fontStyle = pebble_font_style;
document.getElementById("pebble2").style.fontFamily = pebble_font_family;

document.getElementById("pebble3").innerHTML = peb[2];
document.getElementById("pebble3").style.fontSize = display_count + 'px';
document.getElementById("pebble3").style.fontWeight = pebble_font_weight;
document.getElementById("pebble3").style.color = pebble_color;
document.getElementById("pebble3").style.fontStyle = pebble_font_style;
document.getElementById("pebble3").style.fontFamily = pebble_font_family;
}