<li id="onlineUser_<?php echo $user->id; ?>">
    <a class="ui-icon-phone" href="tel:<?php echo $user->extension ?> ">
    <div class="states" style="float:left;">
        <i class="icon-phone" style="color: <?php echo $user->getStateColor(); ?>;"></i><br />
        <i class="icon-comment" style="color: <?php echo $user->getJabberStateColor(); ?>;"></i>
    </div>
    <div class="avatar" style="float:left;">
        <img src="<?php echo $user->getPhotoUrl(40);?>" width="64px">
    </div>
    <div class="info">
        <?php 
            $match = array();
            preg_match('#\<(.*?)\>#', $user->displayName, $match);
            echo str_replace($match[1], '<span   data-phone-number="'.$match[1].'">'.$match[1].'</span>', CHtml::encode($user->displayName));
        ?>
    </div>
    </a>
</li>