var ZSlideShowTimer = false;

var ZSlideShow;

var ZSlide = function(){

	this.current = 0;

	this.$thumbs = jQuery('#filmstrip div img');

	this.$thumbs_j = [];

	this.$panels = jQuery('#banners div');

	this.$panels_j = [];

	this.cnt = this.$thumbs.size();

	this.dont = false;

	this.pointer = jQuery("#pointer");

	this.img_height = 565;

	this.thumb_height = 66;

	this.delay_time = 6000;



	for(var i = 0, to = this.cnt; i < to; i++)

	{

		var $thumb = jQuery(this.$thumbs[i]);

		this.$thumbs_j.push($thumb);

		$thumb.attr('num', i);

		if(this.current !== i) $thumb.css({opacity: 0.3});

		$thumb.css({cursor: 'pointer'});

	}

	for(var i = 0, to = this.$panels.size(); i < to; i++)

	{

		var $panel = jQuery(this.$panels[i]);

		$panel.css({

			position: 'relative',

			left: 0,

			top: -(i * this.img_height)

		});

		this.$panels_j.push($panel);

		$panel.attr('num', i);

		if(this.current !== i) $panel.css({opacity: 0});

	}



	this.pointer.css({left: (this.current * this.thumb_height)});





	this.init = function(){

		for(var i = 0; i < this.cnt; i++)

		{

			this.$thumbs_j[i].click((function(i){

				return function(){

					ZSlideShow.set(i);

				}

			})(i));

		}

	}



	this.init();



	this.set = function(i)

	{

		if(this.dont) return false;

		if(this.current == i) return true;

		else if(this.current > (this.cnt - 1) || this.current < 0) return false;



		this.dont = true;





		this.$thumbs_j[this.current].animate({opacity: 0.3}, 400);

		this.$panels_j[this.current].animate({opacity: 0}, 400);



		this.pointer.animate({left: (i * this.thumb_height)}, 400);



		this.$thumbs_j[i].animate({opacity: 1}, 400);

		this.$panels_j[i].animate({opacity: 1}, 400, function(){

			ZSlideShow.dont = false;

		});

		this.current = i;

		return true;

	}



	this.next = function ()

	{

		var n = this.current >= (this.cnt - 1) ? 0 : (this.current + 1);

		ZSlideShow.set(n);

	}



	this.setTimer = function(){

		ZSlideShowTimer = setInterval(function(){

			ZSlideShow.next();

		}, this.delay_time);

	}

	this.setTimer();



	this.clearTimer = function(){

		if(ZSlideShowTimer) clearInterval(ZSlideShowTimer);

	}



}

jQuery(function(){

	ZSlideShow = new ZSlide();

	jQuery("#gallery").mouseover(function(){

		ZSlideShow.clearTimer();

	});

	jQuery("#gallery").mouseout(function(){

		ZSlideShow.setTimer();

	});





});