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':'302px',
									'width':'626px',
									'opacity':'0'
									
								}
					
					})
					
				cElement.inject(this.container);this.elements.extend([cElement]);this.total++;
				
				
			}, this);
			
				this.elements.getLast().setStyle('opacity','100');this.cur = this.total - 1;
	    },
	
		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;
					els[this.prev].fade('out');		
					els[this.cur].fade('in');
					this.cur++;
					
					
				}
			slide.bind(this);
			this.slider = slide.periodical(3000,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;

}