/*
	FG Slider 1.0
	written by Filip Hladík
	http://www.fg.cz/
	created 17. 9. 2009

	Built for jQuery library
	http://jquery.com

	markup example

	<div class="slider" id="sliderYears">
		<div style="overflow: hidden;" class="scroll">
			<ul class="scrollContainer">
				<li><img src="/img/u/motive-01.jpg" alt="" height="100" width="145" /></li>
				<li><img src="/img/u/motive-02.jpg" alt="" height="100" width="145" /></li>
				<li><img src="/img/u/motive-03.jpg" alt="" height="100" width="145" /></li>
				<li><img src="/img/u/motive-04.jpg" alt="" height="100" width="145" /></li>
				<li><img src="/img/u/motive-05.jpg" alt="" height="100" width="145" /></li>
				<li><img src="/img/u/motive-06.jpg" alt="" height="100" width="145" /></li>
				<li><img src="/img/u/motive-07.jpg" alt="" height="100" width="145" /></li>
				<li><img src="/img/u/motive-08.jpg" alt="" height="100" width="145" /></li>
			</ul>
		</div><!-- scroll -->
	</div><!-- slider -->

	<script type="text/javascript">
	//<![CDATA[
		$(document).ready(function() {
			slider1 = new fgSlider("slider1", "sliderYears");
		});
	//]]>
	</script>
*/

function fgSlider(objSlider, idSlider) {
	this.slider = $("#"+idSlider);
	this.itemWidth = 0;
	this.itemCount = 0;
	this.itemsVisible = 0;
	this.activeItem = 0;

	this.init = function() {
		this.itemWidth = $(".scrollContainer li:first", this.slider).width();
		this.itemCount = parseInt($(".scrollContainer li", this.slider).size());
		this.itemsVisible = parseInt($(".scroll", this.slider).css("width"))/this.itemWidth;

		$(this.slider).append('<a href="#" class="scrollButtons previous" onclick="'+objSlider+'.scrollPrevious(); return false"></a>');
		$(this.slider).append('<a href="#" class="scrollButtons next" onclick="'+objSlider+'.scrollNext(); return false"></a>');

		$(".scrollButtons.previous", this.slider).addClass("disabled");
		if (this.itemCount <= this.itemsVisible) $(".scrollButtons.next", this.slider).addClass("disabled");

		var ulWidth = this.itemCount*this.itemWidth;
		$(".scrollContainer", this.slider).css("width", ulWidth);
	}

	this.scrollPrevious = function() {
		if (this.activeItem <= 0) return;
		this.activeItem--;
		$(".scrollContainer", this.slider).animate({
			marginLeft: -1*this.itemWidth*this.activeItem+"px"
		}, 500);
		$(".scrollButtons.next", this.slider).removeClass("disabled");
		if (this.activeItem <= 0) {
			$(".scrollButtons.previous", this.slider).addClass("disabled");
		}
		return false;
	}

	this.scrollNext = function() {
		if (this.activeItem >= (this.itemCount - this.itemsVisible)) return;
		this.activeItem++;
		$(".scrollContainer", this.slider).animate({
			marginLeft: -1*this.itemWidth*this.activeItem+"px"
		}, 500);

		$(".scrollButtons.previous", this.slider).removeClass("disabled");
		if (this.activeItem >= (this.itemCount - this.itemsVisible)) {
			$(".scrollButtons.next", this.slider).addClass("disabled");
		}
		return false;
	}

	this.init();
}