
function init_cat_navi(){
    if($('tt_news_cat_menu')!= null){
        $('tt_news_cat_menu').setStyles({'width':'302','overflow':'hidden'});
        var $content ='<div id="catboxes"><div class="box-container"><ul>';
        for($i=0;$i<$$('#tt_news_cat_menu li').length;$i++){

            $content +='<li>'+$$('#tt_news_cat_menu li')[$i].innerHTML+'</li>';
            $content +=cat_navi_check_startend($i)
        }
        $('tt_news_cat_menu').innerHTML=$content+'</ul></div>';

        $('catboxes').setStyles({'width':'3000','overflow':'hidden'});
        $$('#catboxes .box-container').setStyles({'float':'left','width':'302'});
        $$('.browse_left').setStyle('cursor','pointer');
        $$('.browse_right').setStyle('cursor','pointer');
        $$('.browse_left').each(function(el){
        el.addEvent(
            'click', function(){
                catmenmove(-1)
            }
        );
        })
        $$('.browse_right').each(function(el){
        el.addEvent(
            'click', function(){
                catmenmove(+1)
            }
        );
        })
    }
}
catmenmovecount = 0
function catmenmove(moveid){
    catmenmovecount+=moveid
    $('catboxes').$hide_sub_desc_txt = new Fx.Morph($('catboxes'), {duration: '800', transition: Fx.Transitions.Quad.easeInOut});
    $('catboxes').$hide_sub_desc_txt.start({'margin-left':302*catmenmovecount*-1});
}
function cat_navi_check_startend($i){
    $content='';

    if(($i+1)%3==0||$i+1==$$('#tt_news_cat_menu li').length){
        var browser_rl='<div class="cat_news_singel_browser"><img src="fileadmin/templates/img/arrow_left_small.jpg" class="browse_left" alt="" /><img src="fileadmin/templates/img/arrow_right_small.jpg" class="browse_right" alt="" /></div>';
        var browser_r ='<div class="cat_news_singel_browser"><img src="fileadmin/templates/img/arrow_right_small.jpg" class="browse_right" alt="" /></div>';
        var browser_l ='<div class="cat_news_singel_browser"><img src="fileadmin/templates/img/arrow_left_small.jpg" class="browse_left" alt="" /></div>';



          if($i+1==3&&$$('#tt_news_cat_menu li').length>3){
            $content ='</ul>'+browser_r+'</div><div class="box-container"><ul>'
          }else  if($i+1<$$('#tt_news_cat_menu li').length){
                $content ='</ul>'+browser_rl+'</div><div class="box-container"><ul>';

          }else if($$('#tt_news_cat_menu li').length>3){
                if($i>=3) $content ='</ul>'+browser_l+'</div>';
          }
    }
    return $content;
}