YOOCarousel - Preciso inserir um Select a esse modulo

Olá a todos, esse é meu primeiro post aqui no fórum.

Bem vamos a minha dúvida:

Estou utilizando o YOOCarousel em um site que estou construindo, um excelente módulo que estou utilizando para publicar uma listagem de endereços. Até ai tudo bem, só que essa listagem possui 60 municipios diferentes, tornando a listagem longa demais. Pensei e utilizar um select menu, tentei aqui mas não consegui, Você poderiam me ajudar? seguem as telas e o codigo.

[attachment=0:2ino8yuw]<!-- ia0 -->forum.jpg<!-- ia0 -->[/attachment:2ino8yuw]



<?php
/**
* YOOcarousel Joomla! Module
*
* @author yootheme.com
* @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.
* @license GNU/GPL
*/

// no direct access
defined('_JEXEC') or die('Restricted access');
?>
<div class="<?php echo $style ?>">
<div id="<?php echo $carousel_id ?>" class="yoo-carousel" style="<?php echo $css_module_width . $css_module_height ?>">

<div class="<?php echo $control_panel ?>" style="overflow: hidden;">

<div class="panel-container-t" style="<?php echo $css_module_width ?>">
<div class="panel-container-b">
<div class="panel-container-l">
<div class="panel-container-r">
<div class="panel-container-tl">
<div class="panel-container-tr">
<div class="panel-container-bl">
<div class="panel-container-br" style="<?php echo $css_panel_height ?>">

<?php if ($control_panel == 'left') : ?>
<ul class="tabs" style="<?php echo $css_tab_width . $css_panel_height ?>">
<?php for ($i=0; $i < $items; $i++) : ?>
<li class="button item<?php echo $i + 1 ?>">
<a href="javascript:void(0)" title="<?php echo $list[$i]->title ?>">
<span><span><?php echo $list[$i]->title ?></span></span>
</a>
</li>
<?php endfor; ?>
</ul>
<?php endif; ?>

<div class="frame" style="<?php echo $css_panel_width . $css_panel_height ?>">

<div class="panel" style="<?php echo $css_panel_width ?>">
<div style="<?php echo $css_total_panel_width ?>">
<?php for ($i=0; $i < $items; $i++) : ?>
<div class="slide" style="<?php echo $css_panel_width ?><?php echo $css_slide_position ?>">
<?php modYOOcarouselHelper::renderItem($list[$i], $params, $access); ?>
</div>
<?php endfor; ?>
</div>
</div>

</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>

</div>
</div>

O que determina a listagem que fica a esquerda da imagem:

<?php for ($i=0; $i < $items; $i++) : ?>
<li class="button item<?php echo $i + 1 ?>">
<a href="javascript:void(0)" title="<?php echo $list[$i]->title ?>">
<span><span><?php echo $list[$i]->title ?></span></span>
</a>
</li>
<?php endfor; ?>

Não entendi direito, mas vc quer reunir as cidades por grupos?

Se for, vc pode utilizar o modulo Yoo Accordion; dai vc coloca "são paulo" e a pessoa clica e aparece o modulo YOOCarousel somente com as cidades de são paulo. Pode ser que isso sirva

Sim dessa forma sim, mas a formatação das cidades que tenho são municípios, o cliente tem que clicar no select e encontrar o municipio mais proximo do domicilio dele. São 60 municipios em um único estado. a lista fica muito comprida, daí pensei em utilizar o select.

Alguém?