$j(document).ready(function() {                  
                teaserSlider(6000);                 
            });  
            
            $j("#teaserblock").ready(function() {
                $j('#slider-prev').css({opacity: 0.3});
                $j('#slider-next').css({opacity: 0.3});
                $j('#slider-prev').click(function() { 
                    var current = $j("ul.teaserslider li.active");
                    var curid = current.attr('id');
                    curid = parseInt(curid.replace("u-", ""));
                    var thisOne = document.getElementById("teaserslider");
                    items = thisOne.getElementsByTagName("li"); 
                    var num = items.length-1; 
                     
                    curid--;
                    if(curid<0) {
                        curid = num-1;
                    }
                    var nextimage = '#u-' +curid;
                    
                    nextimage = $j(nextimage);
                                             
                    var title = nextimage.find('img').attr('title');   
                    var desc = nextimage.find('img').attr('alt');      
                           
                    nextimage.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 750);                   
                    current.animate({opacity: 0.0}, 500).removeClass('active');    
                }); 
                
                $j('#slider-next').click(function() { 
                    var current = $j("ul.teaserslider li.active");
                    var curid = current.attr('id');
                    curid = parseInt(curid.replace("u-", ""));
                    var thisOne = document.getElementById("teaserslider");
                    items = thisOne.getElementsByTagName("li"); 
                    var num = items.length-1; 
                     
                    curid++;
                    if(curid>=num) {
                        curid = 0;
                    }
                    var nextimage = '#u-' +curid;
                    nextimage = $j(nextimage);
                                                  
                           
                    nextimage.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 750);                    
                    current.animate({opacity: 0.0}, 500).removeClass('active');    
                });
            });
  
            function teaserSlider(speed) {
                $j('ul.teaserslider').append('<li id="teaserslider-caption" class="caption"><div class="teaserslider-caption-container"><h3></h3><p></p></div></li>');
                $j('ul.teaserslider li').css({opacity: 0.0});
                $j('ul.teaserslider li:first').css({opacity: 1.0});
                $j('ul.teaserslider li:first').addClass('active');
   
                var timer = setInterval('gallery()',speed);
                $j('ul.teaserslider').hover(
                    function () {
                        clearInterval(timer);   
                    },  
                    function () {
                        timer = setInterval('gallery()',speed);         
                    }
                );
                
                $j('#slider-prev').hover(
                    function () {
                        $j('#slider-prev').css({opacity: 0.4});
                        clearInterval(timer);   
                    },  
                    function () {
                        $j('#slider-prev').css({opacity: 0.3});
                        timer = setInterval('gallery()',speed);         
                    }
                ); 
                $j('#slider-next').hover(
                    function () {
                        $j('#slider-next').css({opacity: 0.4});
                        clearInterval(timer);   
                    },  
                    function () {
                        $j('#slider-next').css({opacity: 0.3});
                        timer = setInterval('gallery()',speed);         
                    }
                );                
            }

  
            function gallery() {    
                var current = $j("ul.teaserslider li.active");
                var curid = current.attr('id');
                curid = parseInt(curid.replace("u-", ""));
                var thisOne = document.getElementById("teaserslider");
                items = thisOne.getElementsByTagName("li"); 
                var num = items.length-1; 
                 
                curid++;
                if(curid>=num) {
                    curid = 0;
                }
                var nextimage = '#u-' +curid;
                nextimage = $j(nextimage);                                            
                       
                nextimage.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 750);                         
                current.animate({opacity: 0.0}, 500).removeClass('active');  
            }