$.fn.com_tv_list = function () 
{
    
    function repeat(str, num) {
        return new Array( num + 1 ).join( str );
    }
  
    return this.each(function () {
        var $wrapper = $('> div', this).css('overflow', 'hidden'),
            $slider = $wrapper.find('> ul'),
            $items = $slider.find('> li'),
            $single = $items.filter(':first'),  
            singleWidth = $single.outerWidth(), 
            visible = Math.ceil($wrapper.innerWidth() / singleWidth), // note: doesn't include padding or border
            currentPage = 1,
            pages = Math.ceil($items.length / visible);                
        // 1. Pad so that 'visible' number will always be seen, otherwise create empty items
        if (($items.length % visible) != 0) {
            $slider.append(repeat('<li class="empty" />', visible - ($items.length % visible)));
            $items = $slider.find('> li');
        }

        // 2. Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
        $items.filter(':first').before($items.slice(- visible).clone().addClass('cloned'));
        $items.filter(':last').after($items.slice(0, visible).clone().addClass('cloned'));
        $items = $slider.find('> li'); // reselect
        
        // 3. Set the left position to the first 'real' item
        $wrapper.scrollLeft(singleWidth * 3);

        // 4. paging function
        function gotoPage(page) {
            var dir = page < currentPage ? -1 : 1,
                n = Math.abs(currentPage - page),
                left = singleWidth * dir * visible * n;
                
            $wrapper.filter(':not(:animated)').animate({
                scrollLeft : '+=' + left
            }, 700, function () {
                if (page == 0) {
                    $wrapper.scrollLeft(singleWidth * visible * pages);
                    page = pages;
                } else if (page > pages) {
                    $wrapper.scrollLeft(singleWidth * visible );
                    // reset back to start position
                    page = 1;
                } 

                currentPage = page;
            });                
            
            return false;
        }
        
        $wrapper.after('<a class="arrow back">&lt;</a><a class="arrow forward">&gt;</a>');
        
        // 5. Bind to the forward and back buttons
        $('a.back', this).click(function () {           
            return gotoPage(currentPage - 0.3);                
        });
        
        $('a.forward', this).click(function () {
          
            return gotoPage(currentPage + 0.3);
        });
        
        // create a public interface to move to a specific page
        $(this,self).bind('goto', function (event, page) {
            gotoPage(page);
        });
    });  
};

$(document).ready(function () {
  // Target Chrome  
 if( $.browser.safari||$.browser.chrome)
 {  
 // problem here
 // $('.com_tv_list').com_tv_list();
// alert('Still working on Safari and Chrome compatibility with the JQuery.  Anyone from Brazen, logged on and testing today.  Rest assured that this message will not be here when we go live.  I am fixing a compatibility issue in the Video / scrolling code.  To see what the video scrolling will look like please view the Website in Firefox/IE');   
 }  
 else
 {
  $('.com_tv_list').com_tv_list();  
 }
//  $('.com_tv_list').com_tv_list();
});