<li><div>1</div></li>
      <li><div>2</div></li>
      <li><div>3</div></li>
      <li><div>4</div></li>
      <li><div class="active">5</div></li>
      <li><div>6</div></li>
      <li><div>7</div></li>

<div class="menu">
    <ul>
        <li id="selected">Заполнение форм</li><div class="after" id="act"></div>
        <li>Отчеты по сети ОУ</li><div class="after"></div>
        <li>Редактор показателей</li><div class="after"></div>
        <li>Редактор справочников</li><div class="after"></div>
        <li>Конструктор форм</li><div class="after"></div>
    </ul>
</div>
<div id="content"></div>

.menu ul{
    color: #698AA3;
    list-style: none;
}

.menu ul li{
   border-radius: 5px 0 0 0;
   display: inline-block; 
   background-color: #FBFDFF; 
   padding: 0 15px; 
   line-height: 30px; 
   height: 30px;
   vertical-align: top; 
   margin-left: -7px;
}

.after{
    display: inline-block; 
    border-right: 20px solid transparent; 
    border-bottom: 30px solid #FBFDFF;
    vertical-align: top;
}

#act{
    display: inline-block; 
    border-right: 20px solid transparent; 
    border-bottom: 30px solid #B6CDDD;
    vertical-align: top;
}

#selected{
    font-weight: bold;
    text-shadow: 1px 1px 0 white;    
    background: #B6CDDD;
    border-radius: 0;
}
#content{
    margin-top: -16px;
    min-height: 100px;
    background: #B6CDDD;
}

*HTML .ххх{
background:none;width:409px;/* надо указать ширину слоя на котором бг фоном картинка будет*/
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/logo.png', sizingMethod='scale');}

	function getGradientNavigation($id){
		$place = $this->controller->RemaketownPlace->getById($id);
		if(!isset($place['id'])) $this->redirect('towns/world');
		$this->controller->set('place',$place);
		
		$nav_array = array();
		$nav_array[] = array('title'=>__d(self::DOMAIN,'TXT_SUMMARY',true)				,'rows'=>'one','link'=>'towns/place/'.$id);
		$nav_array[] = array('title'=>__d(self::DOMAIN,'TXT_ROYALTY_CLAIMS',true)		,'rows'=>'two','link'=>'towns/claims/'.$id);
		$nav_array[] = array('title'=>__d(self::DOMAIN,'TXT_SKILLZ_CHALLENGES',true)	,'rows'=>'two','link'=>'towns/skill_challenges/'.$id);
		$nav_array[] = array('title'=>__d(self::DOMAIN,'TXT_TIPS_COMMENTS',true)		,'rows'=>'two','link'=>'towns/comments/'.$id);
		$nav_array[] = array('title'=>__d(self::DOMAIN,'TXT_EXPLORES_CHECKINS',true)	,'rows'=>'two','link'=>'towns/checkins/'.$id);
		$nav_array[] = array('title'=>__d(self::DOMAIN,'TXT_FRINDS_CONNECTS',true)		,'rows'=>'two','link'=>'towns/friends/'.$id);
		$nav_array[] = array('title'=>__d(self::DOMAIN,'TXT_WALL',true)					,'rows'=>'one','link'=>'towns/place_wall/'.$id);
		
		$this->controller->set('nav_array', $nav_array);
		$this->controller->set('current_nav', 2);
		$this->controller->set('count_element', count($nav_array));
	}

<?php foreach($nav_array as $nav_element):?>
//Вывод и любая обработка, так же с инкриментом. Без JS
<?php endforeach; ?>

//Вывод и любая обработка, так же с инкриментом. Без JS

<?php
   $last_element = end($nav_array);
   $i = 1;
?>

<ul class="navigation_list">
   <?php foreach($nav_array as $element):?>
      <?php
         $is_last = ($last_element['title']==$element['title'])? 'gradient_last':'';
         $is_active = ($gradient_nav==$i)? 'gradient_current':'';
         $is_current_left = ($i+1==$gradient_nav)? 'gradient_left_current':'';
         $i++;
      ?>
      <li class="gradient_navagation <?=$is_last?> <?=$is_active?> <?=$is_current_left?> gradient_<?=$element['rows']?>_rows">
         <?=$this->Design->link($element['title'], $element['link'])?>
      </li>
   <?php endforeach;?>
</ul>

<li class="gradient_navagation <?=$is_last?> <?=$is_active?> <?=$is_current_left?> gradient_<?=$element['rows']?>_rows">