/**
* @author erick
*/
var serviceRotator = {
//Array of anchor to rotate
serviceArr:[
"Install Service
USD 25
",
"Full Website Development from
USD 150
",
"Web Stats Software
USD 29.99
",
"Custom Skin Design
USD 149
",
"IE & Firefox Ad Bar
Free
"
],
// Time in seconds showing the element
staticTime:5,
// Time in seconds of the duration to the animation
fadeTime:1,
start:function(container){
var $A = YAHOO.util.Anim,
$D = YAHOO.util.Dom,
$E = YAHOO.util.Event,
$U = YAHOO.util,
hide,
show,
index = 0,
containerE = $D.get(container);
function hideService(){
hide.animate();
};
function selectNext(){
if(index+1 < serviceRotator.serviceArr.length){
index++;
}else{
index = 0;
}
return index;
};
if(containerE){
hide = new $A(containerE,
{ opacity: { to: 0 }},
serviceRotator.fadeTime,
$U.Easing.easeOut
);
show = new $A(containerE,
{ opacity: { to: 1 }},
serviceRotator.fadeTime,
$U.Easing.easeOut
);
hide.onComplete.subscribe(function(){
var i = selectNext();
containerE.innerHTML = serviceRotator.serviceArr[i];
show.animate();
});
show.onComplete.subscribe(function(){
setTimeout(hideService, serviceRotator.staticTime*1000);
});
setTimeout(function(){hide.animate();}, serviceRotator.staticTime*1000);
}else{
return;
}
}
}
YAHOO.util.Event.addListener(window, 'load', function(){
// Set the id of the element that contain the elements
serviceRotator.start('test');
});