var BartSlider = function( params ) {
	var self = this;
	self.toImage = null;
	container = params.container;
	self.images = [];
	this.actualImage = null;
	self.autoplay = null;
	self.loopTime = 3000;
	self.effectDuration = 1000;
	
	
	var prevclick = function() {
		self.toImage = self.actualImage - 1;
		clearInterval( self.autoplay );
		self.autoplay = null;
		slide();
	};
	
	var nextclick = function() {
		self.toImage = self.actualImage + 1;
		clearInterval( self.autoplay );
		self.autoplay = null;
		slide();
	};
	
	self.prevButton = $( '#top-akce-prev' ).click( prevclick );
	self.nextButton = $( '#top-akce-next' ).click( nextclick );
	self.prevButton = $( '#top-akce-prev2' ).click( prevclick );
	self.nextButton = $( '#top-akce-next2' ).click( nextclick );

	

	
	var img1 = $( '<img />' ).attr( { src: '/i/top-akce/flash-001.jpg' } ).addClass( 'bartslider-img' );
	self.images.push( img1 );
	var img2 = $( '<img />' ).attr( { src: '/i/top-akce/flash-002.jpg' } ).addClass( 'bartslider-img' );
	self.images.push( img2 );
	var img3 = $( '<img />' ).attr( { src: '/i/top-akce/flash-003.jpg' } ).addClass( 'bartslider-img' );
	self.images.push( img3 );
	var img4 = $( '<img />' ).attr( { src: '/i/top-akce/flash-004.jpg' } ).addClass( 'bartslider-img' );
	self.images.push( img4 );

	self.imagesCount = this.images.length;

	if ( self.actualImage == null ) {
		self.actualImage = 0;
	}
	
	
	container.append( self.images[0] );
	container.append( self.images[1] );
	container.append( self.images[2] );
	container.append( self.images[3] );
	
	var slide = function() {
		var nextImage = null;
		
		if ( self.toImage != null ) {
			nextImage = self.toImage;
			self.toImage = null;
			if ( nextImage < 0 ) {
				nextImage = self.imagesCount - 1;
			}
			if ( nextImage >= self.imagesCount ) {
				nextImage = 0;
			}
		} else {
			if ( self.actualImage + 1 >= self.imagesCount ) {
				nextImage = 0;
			} else {
				nextImage = self.actualImage + 1;
			}
		}
		
		self.images[self.actualImage].fadeOut( self.effectDuration );
		self.images[nextImage].fadeIn( self.effectDuration );
		self.actualImage = nextImage;
		if ( self.autoplay == null ) {
			self.autoplay = setInterval( slide, self.loopTime );
//			self.actualImage = nextImage;
		}
	}
	
	self.startLoop = function() {
		self.autoplay = setInterval( slide, self.loopTime );
	}
	
	self.extSlide = function( item ) {
		self.toImage = item;
		clearInterval( self.autoplay );
		self.autoplay = null;
		slide();

	}
	
//	this.slide( this.images[0], this.images[1] );
}