function show_controls() {
    var T = '    ';
    var output = '';

    output += T+T+'<div id="carrousel_controls">'+"\n";
    output += T+T+T+'<div id="nav"></div>'+"\n";
    output += T+T+T+T+'<a id="btn_stop" class="btn_stopstart_carrousel"><img src="templates/images/portal/bg_nav_pager_stop.png" alt="Stop" title="Stop"></a>'+"\n";
    output += T+T+T+T+'<a id="btn_start" class="btn_stopstart_carrousel"><img src="templates/images/portal/bg_nav_pager_play.png" alt="Start" title="Start"></a>'+"\n";
    output += T+T+T+'</div>'+"\n";
    document.write(output);
}

$(document).ready(function() {
    $("div#carrousel_container").addClass("has_js");
    $("div#carrousel_controls").addClass("has_js");
    
    $('div#carrousel_container').cycle({
        fx:         'fade',
        speed:      'slow',
        timeout:    6000,
        pager:      '#nav'
    });
    
    $('a#btn_start').hide();
    
    $('a#btn_stop').click(function() { 
        $('div#carrousel_container').cycle('pause');
        $('a#btn_stop').hide();
        $('a#btn_start').show();
    });
    
    $('a#btn_start').click(function() { 
        $('div#carrousel_container').cycle('resume');
        $('a#btn_start').hide();
        $('a#btn_stop').show();
    });
});