<?php

$produtos = pegaTodosSlides(); // cria um array com todos os produtos, na ordem de categoria/sub-categoria/produto
$menu = montaMenu(); // monta o menu embaixo dos slides para quando clicado ir para o slide correspondente

?>
<script>
jQuery(document).ready(function ($) {

    // init and stop the inner slideshows
    var inners = $('.inner-slideshow').cycle().cycle('stop');

    var slideshow = $('#slideshow').cycle({
        fx: 'scrollHorz',
        speed: 300,
        timeout: 0,
        prev: '#prev',
        next: '#next',
        before: function() {
            // stop all inner slideshows
            inners.cycle('stop');

            // start the new slide's slideshow
            $(this).cycle({
                fx: 'fade',
                timeout: 2000,
                autostop: true,
                pager:   '.nav',
                end: function() {
                    // when inner slideshow ends, advance the outer slideshow
                    slideshow.cycle('next');
                }
            });
        }
    });

});

</script>
<div id="controls">
                <a id="prev" href="#">&lt; Prev</a>
                <a id="next" href="#">Next &gt;</a>
            </div>

            <div id="slideshow">

                <?php for($i = 1; $i <= sizeof($menu); $i++) { ?>
                    <div class="inner-slideshow">
                        <?php for($j = 1; $j <= sizeof($produtos); $j++) { ?>
                        <?php //if ($produtos[$i]->slides[$j]->img != '') { ?>
                            <img src="<?php print $base_url ;?>/sites/default/files/<?php print $produtos[$i]->slides[$j]->img ; ?>" />
                        <?php //  ?>
                        <ul class="nav"></ul>
                    <?php } ?>
                    </div>

                <?php } ?>
            </div>

            <?php } $nrprod = 1;?>
        </div>
        <div id="menu">
            <?php for($k = 1; $k <= sizeof($menu); $k++) { ?>

                <ul class="nivel1">
                    <a class="nivelCategoria" id="<?php print str_replace(' ', '-', $menu[$k]->nome) ; ?>"><?php print $menu[$k]->nome ; ?></a>
                    <ul class="nivel2">
                    <?php for($i = 1; $i <= sizeof($menu[$k]->produto); $i++) { ?>
                        <li><a id="<?php print $menu[$k]->produto[$i]->nid ; ?>" onClick="ativaSlidesOrdem(<?php echo $k;?>, <?php echo $nrprod++;?>, <?php echo $totalmenu;?>)"><?php print $menu[$k]->produto[$i]->nome ;?></a></li>
                        <?php
                            if($id == $menu[$k]->produto[$i]->nid) {
                                $categoria = $menu[$k]->nome;
                            }
                        ?>
                    <?php } ?>
                    </ul>
                </ul>
            <?php } ?>
        </div>