// Rotate comments
var ticks, thisTick, nextTick, state, current = 0, delay = 6000;
var speed = 100;
var value = 1;
function rotateComments() {
var ticker = document.getElementById("comments");
ticks = ticker.getElementsByTagName("p");
for (var i = 0; i < ticks.length; i++) {
if (i == 0) {
ticks[i].style.opacity = 1;
}
else {
ticks[i].style.opacity = 0;
ticks[i].style.filter = "alpha(opacity=0)";
ticks[i].style.display = 'none';
}
}
loopComments();
}
function loopComments() {
if (current >= ticks.length)
current = 0;
thisTick = (nextTick) ? nextTick : ticks[current];
nextTick = (ticks[++current]) ? ticks[current] : ticks[current = 0];
thisTick.style.display = "block";
state = 'fadeOut';
value = 1;
window.setTimeout(transitions, delay);
}
function transitions() {
if (state == 'fadeOut') {
value = value-0.1;
value = parseInt(value * 100) / 100;
if (value >= 0) {
thisTick.style.opacity = value;
thisTick.style.filter = "alpha(opacity="+(value * 100)+")";
window.setTimeout(transitions, speed);
} else {
thisTick.style.display = "none";
nextTick.style.display = "block";
state = 'fadeIn';
window.setTimeout(transitions, speed);
}
} else if (state == 'fadeIn') {
value = value+0.1;
value = parseInt(value * 100) / 100;
if (value <= 1) {
nextTick.style.opacity = value;
nextTick.style.filter = "alpha(opacity="+(value * 100)+")";
window.setTimeout(transitions, speed);
} else {
loopComments();
}
}
}