Untitled

<!DOCTYPE HTML>
<html lang="en-US">
     <head>
           <meta charset="UTF-8">
           <title>Zephyranthes</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="Zephyranthes, fairy lily, rainflower, zephyr lily, magic lily, Atamasco lily, rain lily" />
  <!-- STYLE FOR BOOTSTRAP -->
  <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css">
  <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css">

  <!-- JS FOR BOOTSTRAP -->
  <script src="bootstrap/js/bootstrap.js"></script>
  <script src="bootstrap/js/bootstrap.min.js"></script>

  <!-- STYLE FOR THE SLIDER -->
  <link rel="stylesheet" href="css/slider.css">

  <!-- INCLUDE THE SLIDER.PHP FILE FOR THE AUTOMATIC SLIDER-->
  <?php
      require_once("slider.php");
  ?>

  <!-- JQUERY IS REQUIRED -->
  <script src="js/jquery-1.8.3.min.js"></script>

  <!-- JS FOR THE SLIDER -->
  <script src="js/swipe.js"></script>
  <script src="js/rotate-patch.js"></script>
  <script src="js/slider.min.js"></script>

  <!-- INITIALIZATION OF THE SLIDER -->
  <script type="text/javascript">

      jQuery(window).load(function(){

          jQuery('#slider1').autoSlider({
               theme               : 'default', //The theme of the slider (default, theme1, theme2, theme3)
               width               : '0', //The width of the slider, if it set to 0 it will take the width of the largest image
               autoPlay            : true, //auto play the images of the slider when is loaded
               showTimer           : true, //show the timer line
               playInterval        : 4000, //Time between transitions when auto play is on
               playBtn             : true, //show play button
               loop                : true, //when play is on if is set to true start slideshow again when it finishes
               navArrows           : true, //show prev and next arrows
               navBar              : true, //show the navigation bar
               navBarNumeric       : false, //If the navigation bar will show the numbers of images
               autoHideNavArrows   : false, //if it set to true then show the prev and next arrow only when you do a mouseover
               autoHidePlayBtn     : false, //if it set to true then show the play button only when you do a mouseover
               autoHideNavBar      : false, //if it set to true then show the navigation bar only when you do a mouseover
               keyboardNav         : true, //navigation with arrows right and left of the keyboard
               transitionSpeed     : 700, //The speed between transitions
               boxSpeed            : 450, //The animation speed of a single box (must be lower than transitionSpeed)
               captionSpeed        : 300, //The animation speed of the caption
               captions            : false, //Show captions of the images that have text to show
               autoHideCaptions    : false, //if it set to true then show the captions only when you do a mouseover
               thumbnails          : true, //Show thumbnails when hovering nav
               thumbnailSize       : 20, //Thumbnail size (percentage of the original image)
               x                   : 8, //when using boxes the x axis
               y                   : 4, //when using boxes the y axis
               hideIconsInWidth    : 500, //Hide the icons(arrows, plat btn, navbar) when the width is 500px or less for responsive design
               hideTimerInWidth    : 500, //Hide the timer when the width is 500px or less for responsive design
               shadow              : true, //A CSS3 shadow of the slider
//               beforeTransition    : function(){}, //execute a function before right before the transition begins
//               afterTransition     : function(){}, //execute a function after the transition completes
//               onSlideshowEnd      : function() {}, // Runs when the slideshow finishes ( "loop" must be set to false )
//               onPlay              : function() {}, // Runs when somebody click the button play
//               onPause             : function() {} // Runs when somebody click the button pause

                                      })
                                      })

  </script>

    </head>

    <body>
                            <p>
                                <?php
                                                 make_slider("slider1", images);
                                ?>
                                </p>
							<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor.</p>
							<p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit.</p>
							<p>Donec nonummy magna quis risus. Quisque eleifend. Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit.</p>
    </body>
</html>