var slideShow = new Class({
	Implements: [Options, Events],

	container:null,
	timer:null,
	status:'playing',
	elements:[],
	path:null,
	slider:null,
	total:0,
	cur:0,
	prev:0,

	initialize: function(container, images, path){
		this.container = $(container);
		images.each(function(item,index){
				
			var cElement = new Element('div',{
				'styles':{
					'position':'absolute',
					'top':'0',
					'left':'0',
					'backgroundImage':'url('+path+'/'+item+')',
					'height':'272px',
					'width':'626px',
					'opacity':'0'
				}
			})
				
			cElement.inject(this.container);
			this.elements.extend([cElement]);
			this.total++;
			
		}, this);
		
		this.elements.getLast().setStyle('opacity','100');
		this.cur = 0;
	},

	startShow: function(){
		var els = this.container.getElements('div');
		
		var slide = function(){
			if (this.cur == this.total) this.cur = 0;
			if (this.cur == 0) this.prev = this.total - 1; else this.prev = this.cur - 1;
			
			fadeOut = new Fx.Style( els[this.prev], 'opacity', {
				wait: false,
				opacity: 0,
				duration: 3000,
				fps: 120,
				transition: Fx.Transitions.Quart.easeInOut
			});
			
			fadeIn = new Fx.Style( els[this.cur], 'opacity', {
				wait: false,
				opacity: 1,
				duration: 3000,
				fps: 120,
				transition: Fx.Transitions.Quart.easeInOut
			});
								
			fadeOut.start(1, 0);
			fadeIn.start(0, 1);
			
			this.cur++;
		}
		
		slide.bind(this);
		this.slider = slide.periodical(4000,this);
	},

	stopShow:function(){
		this.slider = $clear(this.slider);	
	},
	
	log:function(){
		console.log(this.container);
		console.log(this.images);		
	}
});
	
function init(container, slides, path, play_but, stop_but){
	var show = new slideShow(container,	slides, path);

	$('play-stop').addEvent('click',function(){if (show.status == 'stoped'){show.startShow();show.status = 'playing';this.setStyle('background', 'url('+path+'/'+stop_but+') no-repeat top left');	} else if (show.status == 'playing'){show.stopShow();show.status = 'stoped';this.setStyle('background', 'url('+path+'/'+play_but+') no-repeat top left');}});

	show.startShow();
}

function get_date(container){
    var d = new Date();
    day = d.getDate().toString();
    year = d.getFullYear().toString();
	month = d.getMonth();
	month++;
    month = month.toString();
    hours = d.getHours().toString();
    minutes = d.getMinutes().toString();
    seconds = d.getSeconds().toString();
    
    $(container).innerHTML = day+'/'+month+'/'+year+' '+hours+':'+minutes+':'+seconds;
}