$i(document).ready(function() {                  
                tickerSlider(5000);             
            });  
   
            $i("#prev-news").ready(function() {
                $i('#prev-news').click(function() { 
                    var current = $i("ul.tickerslider li.active");
                    var curid = current.attr('id');
                    curid = parseInt(curid.replace("id-", ""));
                    curid--;
                    var thisOne = document.getElementById("tickerslider");
                    items = thisOne.getElementsByTagName("li"); 
                    var num = items.length-1;
                    if(curid<0) {
                        curid = num;
                    }  
                    var next = $i("#id-" +curid);                              
                           
                    current.fadeOut(250, function() {
                        current.css({opacity: 0.0}).removeClass("active");
                        next.hide().css({opacity: 1.0}).addClass("active").fadeIn(500);
                    });    
                }); 
            });
            
            $i('#next-news').ready(function() {
                $i('#next-news').click(function() {
                    var current = $i("ul.tickerslider li.active");
                    var curid = current.attr('id');
                    curid = parseInt(curid.replace("id-", ""));
                    curid++;
                    var thisOne = document.getElementById("tickerslider");
                    items = thisOne.getElementsByTagName("li"); 
                    var num = items.length-1;
                    if(curid>num) {
                        curid = 0;
                    }  
                    var next = $i("#id-" +curid);                              
                           
                    current.fadeOut(250, function() {
                        current.css({opacity: 0.0}).removeClass("active");
                        next.hide().css({opacity: 1.0}).addClass("active").fadeIn(500);
                    });    
                });
            });
    
            function tickerSlider(speed) {
                $i('ul.tickerslider li').css({opacity: 0.0});
                $i('ul.tickerslider li:first').css({opacity: 1.0});
                $i('ul.tickerslider li:first').addClass('active');
                    
                        var timer = setInterval('ticker()',speed);
                        $i('ul.tickerslider').hover(
                            function () {
                                clearInterval(timer);   
                            },  
                            function () {
                                timer = setInterval('ticker()',speed);         
                            }
                        );
                        $i('#prev-news').hover(
                            function () {
                                clearInterval(timer);   
                            },  
                            function () {
                                timer = setInterval('ticker()',speed);         
                            }
                        );
                        
                        $i('#next-news').hover(
                            function () {
                                clearInterval(timer);   
                            },  
                            function () {
                                timer = setInterval('ticker()',speed);         
                            }
                        );
            }

  
            function ticker() {  
                var current = $i("ul.tickerslider li.active");
                var curid = current.attr('id');
                curid = parseInt(curid.replace("id-", ""));
                curid++;
                var thisOne = document.getElementById("tickerslider");
                items = thisOne.getElementsByTagName("li"); 
                var num = items.length-1;
                if(curid>num) {
                        curid = 0;
                    }  
                var next = $i("#id-" +curid);                              
                       
                current.fadeOut(500, function() {
                    current.css({opacity: 0.0}).removeClass("active");
                    next.hide().css({opacity: 1.0}).addClass("active").fadeIn(500);
                });                                            
            }