ef421f66f47224a42073deaf087378c5d0c9952eEvan HuntYUI().use('node', function(Y) {

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt var count = 6, // seconds for timer count down

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt changer = Y.one('.changer'), // just the node to change

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt counters = Y.all('.fruit .count'); // counter numbers on both fruits

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt var doChange = function(){

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt count -= 1; // decrement the seconds count

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt counters.setContent(count); // update the number of seconds by setting the contents of the node

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt // when it gets to 0 seconds, make changes to just the node with class "changer"

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt if(count < 1){

a747113422afaa29ce72d2c5ba7f0b7ea9ec2054Evan Hunt // set the "src" attribute of one image to an orange

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt Y.one('.changer img').setAttribute('src', '{{{componentAssets}}}/images/orange.png');

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt

ef421f66f47224a42073deaf087378c5d0c9952eEvan Hunt // change the contents of one speech bubble

Y.one('.changer .speech').setContent("No, I'm from <em>Florida!</em>");

// change several styles together

changer.setStyles({

fontSize: '150%',

color: '#EA6500',

backgroundColor: '#FFD7AA'

});

return; // bypass the setTimeout and don't call the function again

}

setTimeout(doChange, 1000);

}

doChange();

});