Hi

Can anyone help me make this code auto scroll I cant see why it wont but it will if you click next button.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://www.peppercorncatering.co.uk/dev1/scripts/testimonials/jquery.js"></script>
<script type="text/javascript" src="http://www.peppercorncatering.co.uk/dev1/scripts/testimonials/jquery.flexslider.min.js"></script>
<script type="text/javascript" src="http://www.peppercorncatering.co.uk/dev1/scripts/testimonials/tablesorter.min.js"></script>
<script type="text/javascript" src="http://www.peppercorncatering.co.uk/dev1/scripts/testimonials/scripts.js"></script>
<style type="text/css">
/* Reset Margins */
* {
margin: 0;
padding: 0;
}
/* Body Background */
#b2c {background:#e0e0e0 url(http://www.peppercorncatering.co.uk/dev1/images/body/background_1.png) fixed repeat-y center top;}
/* Website Centered 980px; */
#wrapper {width: 980px; margin:0 auto;}
@font-face{ 
	font-family: 'WebSymbolsRegular';
	src: url('http://www.peppercorncatering.co.uk/dev1/fonts/websymbols-regular-webfont.eot');
	src: url('http://www.peppercorncatering.co.uk/dev1/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('http://www.peppercorncatering.co.uk/dev1/fonts/websymbols-regular-webfont.woff') format('woff'),
	     url('http://www.peppercorncatering.co.uk/dev1/fonts/websymbols-regular-webfont.ttf') format('truetype'),
	     url('http://www.peppercorncatering.co.uk/dev1/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	}
nav {display:block}	
#testimonials1 {margin-top: 20px; width:600px}


#testimonials {
  position: relative;
  margin: 0 0 2.747em;
}
#testimonials blockquote {
  padding: 1.125em;
  background: #fff;
  border: 3px solid #e6e6e6;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 25px;
}
#testimonials a {
  display: block;
  width: 40%;
  line-height: 1.25;
}
#testimonials a cite {
  display: block;
  margin-top: 0.5em;
  font-weight: bold;
  font-style: normal;
}
#testimonials a .url {
  font-size: 0.9em;
  color: #808080;
}
#testimonials a img {
  float: left;
  position: relative;
  top: -1em;
  margin: 0 0.8em 0 0;
  -webkit-border-radius: 999em;
  border-radius: 999em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 0 0 0 5px #ffffff;
  -webkit-box-shadow: 0 0 0 5px #ffffff;
}
#testimonials a:hover {
  text-decoration: none;
}
#testimonials a:hover img {
  left: 0.25em;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
#testimonials a:hover cite {
  color: #1a4064;
}
#testimonials ul.slides li {
  margin-left: 0;
}
#testimonials .case-study {
  display: inline;
  width: auto;
  padding: 0.35em 1em 0.2em;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  text-transform: uppercase;
  font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  right: 100px;
  bottom: 38px;
  background: #808080;
  color: #fff;
}
#testimonials .case-study:hover {
  background: #666666;
}
#testimonials .flex-direction-nav {
  position: absolute;
  right: 5px;
  bottom: -20px;
}
#testimonials .flex-direction-nav li {
  display: inline-block;
  margin: 0 0 0 0.4em;
}
#testimonials .flex-direction-nav a {
  position: relative;
  display: inline;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
}
.slides {
  padding: 0;
}
.slides > li {
  display: none;
  margin: 0;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.slides img {
  max-width: 100%;
  display: block;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
#testimonials a .url {
font-size: 0.9em;
color: gray;
}
ul li {
  list-style: disc;
  margin-left: 1.25em;
}
ol li {
  list-style: decimal;
  margin-left: 1.25em;
}
ol,
ul {
  margin: 0 0 1.758em;
  padding: 0;
}
ol li,
ul li {
  list-style-type: none;
}
li ol {
  margin: 0 0 0 1.758em;
}
li ul {
  margin: 0 0 0 1.758em;
}
/* Direction Nav */
.flex-direction-nav {
  *height: 0;
  padding: 0;
}
/* fix for IE 7 */
.flex-direction-nav li a {
  width: 26px;
  height: 26px;
  margin: -13px 0 0;
  display: block;
  font-size: 0;
  position: absolute;
  top: 45%;
  cursor: pointer;
  color: #666666;
  opacity: 0.9;
  filter: alpha(opacity=@opacity * 100);
}
.flex-direction-nav li a:hover {
  color: #4d4d4d;
}
.flex-direction-nav li .flex-next:before,
.flex-direction-nav li .flex-prev:before {
  font-family: 'WebSymbolsRegular';
  font-size: 20px;
}
.flex-direction-nav li .flex-next {
  background-position: -30px 0;
  right: -37px;
}
.flex-direction-nav li .flex-prev {
  left: -37px;
}
.flex-direction-nav li .flex-next:before {
  content: ')';
}
.flex-direction-nav li .flex-prev:before {
  content: '(';
}
.flex-direction-nav li .disabled {
  opacity: .3;
  filter: alpha(opacity=30);
  cursor: default;
}
a img {
  border: none;
}
img {
  border: none;
}

</style>
</head>

<body id="b2c"	>
<div id="wrapper">
<!-- Testimonials -->
<div id="testimonials1">
<div id="testimonials">
<div class="testimonials">
<ul class="slides">
<li style="width: 100%; float: left; margin-right: -100%; position: relative; display: list-item; " class="flex-active-slide">
<blockquote>"I love WooThemes because they produce consistently high-quality themes  that get the job done. The theme option interface is second to none, and the code is extremely neat, something which is unfortunately NOT currently standard amongst theme developers."</blockquote>
<a href="http://john.onolan.org/">
<img src="./WooThemes   Premium WordPress Themes & Plugins_files/26a1b65cbf9d329dd817634f486123ab" alt="Gravatar">
<cite>John O'Nolan</cite>
<span class="url">john.onolan.org/</span>
</a>
<a href="https://www.woothemes.com/tag/case-study/" title="WooThemes case studies" class="case-study">View all case studies</a>
</li>
<li style="width: 100%; float: left; margin-right: -100%; position: relative; ">
<blockquote>"The talented designers at WooThemes consistently create some of the best WordPress themes I've seen anywhere. We often use them as frameworks for our own clients' sites, dramatically reducing both development costs and turnaround time. Thank you, WooThemes!"</blockquote>
<a href="http://untame.net/">
<img src="./WooThemes   Premium WordPress Themes & Plugins_files/6b64e83b1b84e5362d65447ab3cbcf20" alt="Gravatar">
<cite>Shawn Hesketh</cite>
<span class="url">leftlanedesigns.com</span>
</a>
<a href="https://www.woothemes.com/tag/case-study/" title="WooThemes case studies" class="case-study">View All Testimonials</a>
</li>
<li style="width: 100%; float: left; margin-right: -100%; position: relative; ">
<blockquote>"I love WooThemes because it saves me time in my business and gives me a great starting point for a clean, compliant site. <br>The support in the forums is always really friendly and helpful too!."</blockquote>
<a href="http://untame.net/">
<img src="./WooThemes   Premium WordPress Themes & Plugins_files/85f086f1f6996ed599ab99d7227cf47d" alt="Gravatar">
<cite>Sarah Gooding</cite>
<span class="url">untame.net</span>
</a>
<a href="https://www.woothemes.com/tag/case-study/" title="WooThemes case studies" class="case-study">View All Testimonials</a>
</li>
</ul>
<ul class="flex-direction-nav"><li><a class="flex-prev" href="http://www.woothemes.com/#">Previous</a></li><li><a class="flex-next" href="http://www.woothemes.com/#">Next</a></li></ul>
</div></div>
<!-- / Testimonials -->
</div></div>
<script type="text/javascript">
   
    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
		directionNav: false,
		slideshow: true,
		animationLoop: true,
      });
    });
  </script>
</body>
</html>
Thanks
Roy