помогите со сменой изображения в функции

Здравствуйте! Появилась одна проблема при внедрении верстки в wordpress.
При верстке темы я сделал так что превьюшки новостей на главной накрыты другим изображением через z-index. Должно быть пять записей в блоке, по класу записи добавляються, ну а вот как сделать чтобы в z-index была смена изображений на company-top1 company-top2 company-top3 company-top4 company-top5. Ниже даю листинг кода данного блока. Заранее благодарен за внимание…

<!--контент топ 5 компаний-->
			<?php $posts = get_posts ('category=3&orderby=date&numberposts=5'); ?>
			<?php if ($posts) : ?>
			<?php foreach ($posts as $post) : setup_postdata ($post); ?>
			<div class="top-five-company-cont">

				<!--миниатюра топ 5 компаний-->
				<div class="top-five-company-img">
					<span><a href="<?php the_permalink(); ?>"><img border="0" style="position: absolute; z-index: 2; left: 0; top: 0;" src="<?php bloginfo('template_url'); ?>/images/company-top1.png"/></a></span><!--картинка топ 1 над миниатюрой-->
					<img src="<?php bloginfo('template_url'); ?>/images/domain_http_www.jpg" />
				</div>
				<!--END топ 5 компаний-->

				<!--название топ 5 компаний-->
				<div class="top-five-company-name">
					<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
				</div>
				<!--END название топ 5 компаний-->

				<!--описание топ 5 компаний-->
				<div class="top-five-company-list">&nbsp;&nbsp;
					<?php the_content(); ?>
				</div>
				<!--END описание топ 5 компаний-->

				<!--подробно о топ 5 компаний-->
				<div class="top-five-company-podrobno">
					<a href="<?php the_permalink(); ?>">подробно>></a>
				</div>
				<!--END подробно топ 5 компаний-->

			</div>
			<?php endforeach; ?>
			<?php endif; ?>
			<!--END контент топ 5 компаний-->