error

<DOCTYPE html>
<html>

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="css/sliders.css" />
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" media="all" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/bootstrap-responsive.css"/>

<link rel="stylesheet" type="text/css" media="all" href="css/bootstrap-responsive.css"/>

<script>
var slider = sliderjs_init_slider();
slider.sliderjs_event('transition_in', my_transition_effect);
slider.sliderjs_event('view_init', initial_settings);
slider.init({ interval : 10, transition_length : 500 });

function initial_settings() {
    this.z_move_to_top(this.current_slide_index);
}
function my_transition_effect() {
    this.z_move_to_top(this.current_slide_index);
    this.current_slide.hide().fadeIn(500);
}

</script>
<script type="text/javascript" src="js/bootstrap.js"></script>


</head>

<body>

<div id ="contenedor" class ="container">

<div class = "span4"></div>
<div id = "logo" class = "span4">
<img src="images/logo.png" alt="Sociedad de Fomento El Rodeo Logo">
</div>
<div class = "span4"></div>
<div class = "span11">
<ul class="breadcrumb">
  <li><a href="#">Historia</a> <span class="divider">/</span></li>
  <li><a href="#">Novedades</a> <span class="divider">/</span></li>
  <li><a href="#">Contacto</a> <span class="divider">/</span></li>
</ul>
</div>


<div id = "slider" class ="span12">

<div class="sliderjs-wrap">
    <div class="sliderjs-slide"><img src="img/01.jpg"></div>
    <div class="sliderjs-slide"><img src="img/02.jpg"></div>
    <div class="sliderjs-slide"><img src="img/03.jpg"></div>
    <div class="sliderjs-slide"><img src="img/04.jpg"></div>
</div>


</div>

<div id = "izquierda" class ="span4">
<h4> >> Novedades y eventos</h4>
<img src="images/imagen1.jpg" class="img-circle">
 <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <p><a class="btn" href="#">Ver Mas &raquo;</a></p>
</div>
<div id = "centro" class ="span4">
<h4> >> Novedades y eventos</h4>
<img src="images/imagen2.jpg" class="img-circle">
 <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
</div>
<div id = "derecha" class ="span3">
<h4> >> Novedades y eventos</h4>
<img src="images/imagen3.jpg" class="img-circle">
 <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
</div>


</body>
</html>