alternating css
Hey Ray
How would I go about making the following repeat region alternate the css <div class="container panelContent right green"> so that the first panel is green, the next s amber and the third is red and then it goes back to green?
<?php
$wa_startindex = 0;
while(!$Panels->atEnd()) {
$wa_startindex = $Panels->Index;
?>
<a href="<?php echo($Panels->getColumnVal("PanelLink")); ?>" class="link-container panelWrapper">
<div class="container panelContent left" style="background-image: url('./images/homepage-panels/<?php echo($Panels->getColumnVal("PanelImage")); ?>'); background-attachment: scroll; background-position: center center; background-clip: border-box; background-origin: padding-box; background-size: cover; background-repeat: no-repeat; background-blend-mode: normal;"></div>
<div class="container panelContent right green">
<h2 class="panelTitle"><?php echo($Panels->getColumnVal("PanelTitle")); ?></h2>
<p class="paragraph panelContent"><?php echo($Panels->getColumnVal("PanelContent")); ?></p><span class="text-element text-1">find out more</span></div></a>
<?php
$Panels->moveNext();
}
$Panels->moveFirst(); //return RS to first record
unset($wa_startindex);
unset($wa_repeatcount);
?>