// JavaScript Document
<!-- script for carousal -->

	$(document).ready(function(){
		$('ul#three_carousal').bxCarousel({
			display_num: 3,       // number of elements to be visible
			move: 3,              // number of elements to the shift the slides
			speed: 500,           // number in milliseconds it takes to finish slide animation
			margin:0,             // right margin to be applied to each <li> element (in pixels, although do not include "px")
			auto: false,          // automatically play slides without a user click
			auto_interval: 2000,  // the amount of time in milliseconds between each auto animation
			auto_dir: 'next',     // direction of auto slideshow (options: 'next', 'prev')
			auto_hover: false,    // determines if the slideshow will stop when user hovers over slideshow
			next_text: 'next',    // text to be used for the 'next' control
			next_image: 'images/carousal_next.png',       // image to be used for the 'next' control
			prev_text: 'prev',    // text to be used for the 'prev' control
			prev_image: '',       // image to be used for the 'prev' control
			controls: true        // determines if controls will be displayed
		});
		
		$('ul#one_carousal').bxCarousel({
			display_num: 1,       // number of elements to be visible
			move: 1,              // number of elements to the shift the slides
			speed: 500,           // number in milliseconds it takes to finish slide animation
			margin:0,             // right margin to be applied to each <li> element (in pixels, although do not include "px")
			auto: false,          // automatically play slides without a user click
			auto_interval: 2000,  // the amount of time in milliseconds between each auto animation
			auto_dir: 'next',     // direction of auto slideshow (options: 'next', 'prev')
			auto_hover: false,    // determines if the slideshow will stop when user hovers over slideshow
			next_text: 'next',    // text to be used for the 'next' control
			next_image: 'images/carousal_next.png',       // image to be used for the 'next' control
			prev_text: 'prev',    // text to be used for the 'prev' control
			prev_image: '',       // image to be used for the 'prev' control
			controls: true        // determines if controls will be displayed
		});
		
		$('ul#two_carousal').bxCarousel({
			display_num: 2,       // number of elements to be visible
			move: 2,              // number of elements to the shift the slides
			speed: 500,           // number in milliseconds it takes to finish slide animation
			margin:0,             // right margin to be applied to each <li> element (in pixels, although do not include "px")
			auto: false,          // automatically play slides without a user click
			auto_interval: 2000,  // the amount of time in milliseconds between each auto animation
			auto_dir: 'next',     // direction of auto slideshow (options: 'next', 'prev')
			auto_hover: false,    // determines if the slideshow will stop when user hovers over slideshow
			next_text: 'next',    // text to be used for the 'next' control
			next_image: 'images/carousal_next.png',       // image to be used for the 'next' control
			prev_text: 'prev',    // text to be used for the 'prev' control
			prev_image: '',       // image to be used for the 'prev' control
			controls: true        // determines if controls will be displayed
		});
		
		$('ul#two_carousal1').bxCarousel({
			display_num: 2,       // number of elements to be visible
			move: 2,              // number of elements to the shift the slides
			speed: 500,           // number in milliseconds it takes to finish slide animation
			margin:0,             // right margin to be applied to each <li> element (in pixels, although do not include "px")
			auto: false,          // automatically play slides without a user click
			auto_interval: 2000,  // the amount of time in milliseconds between each auto animation
			auto_dir: 'next',     // direction of auto slideshow (options: 'next', 'prev')
			auto_hover: false,    // determines if the slideshow will stop when user hovers over slideshow
			next_text: 'next',    // text to be used for the 'next' control
			next_image: 'images/carousal_next.png',       // image to be used for the 'next' control
			prev_text: 'prev',    // text to be used for the 'prev' control
			prev_image: '',       // image to be used for the 'prev' control
			controls: true        // determines if controls will be displayed
		});
		
	$('ul#one1_carousal').bxCarousel({
			display_num: 1,       // number of elements to be visible
			move: 1,              // number of elements to the shift the slides
			speed: 500,           // number in milliseconds it takes to finish slide animation
			margin:0,             // right margin to be applied to each <li> element (in pixels, although do not include "px")
			auto: false,          // automatically play slides without a user click
			auto_interval: 2000,  // the amount of time in milliseconds between each auto animation
			auto_dir: 'next',     // direction of auto slideshow (options: 'next', 'prev')
			auto_hover: false,    // determines if the slideshow will stop when user hovers over slideshow
			next_text: 'next',    // text to be used for the 'next' control
			next_image: 'images/carousal_next.png',       // image to be used for the 'next' control
			prev_text: 'prev',    // text to be used for the 'prev' control
			prev_image: '',       // image to be used for the 'prev' control
			controls: true        // determines if controls will be displayed
		});
	});

<!-- end of script for carousal -->