var slideShow = new Class({

    	Implements: [Options, Events],

	

		container:null,

		slogan_container:null,

		timer:null,

		status:'playing',

		elements:[],

		slogan_elements:[],

		path:null,

		slider:null,

		buttons:null,

		path:null,

		s_slider:null,

		counter:0,

		total:0,

		cur:0,

		prev:0,

	

		initialize: function(container, slogan_container, images, slogans, path, buttons){

    	    this.container = $(container);

			this.slogan_container = $(slogan_container);

			this.path = path;

			images.each(function(item,index){

					

					var cElement = new Element('div',{

						'styles':{

						

									'position':'absolute',

									'top':'0',

									'left':'0',

									'backgroundImage':'url('+path+'/'+item+')',

									'height':'235px',

									'width':'485px',

									'opacity':'0'

									

								}

					

					})

					

			

			



				

				cElement.inject(this.container);

				this.elements.extend([cElement]);

				this.total++;

				

				

			}, this);

			

			slogans.each(function(item,index){

								  

								var sElement = new Element('div', {

									'styles':{

											   

											   'position':'absolute',

											   'top':'0',

											   'left':'0',

											   'font-size':'14px',

									           'opacity':'0'



										   },

									'html':item

										   

							   })							  

								  

								  

					sElement.inject(this.slogan_container);	  

					this.slogan_elements.extend([sElement]);

								  

			}, this)

			

				this.elements[0].setStyle('opacity','100');

				this.cur = 0;

				this.slogan_elements[0].setStyle('opacity','100');

				this.buttons = $(buttons).getElements('a');

				

				

				



	    },

	

		startShow: function(){

				var els = this.container.getElements('div');

				var s_els = this.slogan_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');

					s_els[this.prev].fade('out');

					s_els[this.cur].fade('in');

					this.buttons[this.prev].setStyle('background','url('+this.path+'/images/navigateBg.jpg) no-repeat 0 0');

					this.buttons[this.cur].setStyle('background','url('+this.path+'/images/navigateBgAct.jpg) no-repeat 0 0');

					this.cur++;

					this.counter++;

					

					if (this.counter == 5) {

					

						this.slider = $clear(this.slider);	

						this.s_slider = $clear(this.s_slider);

						this.prev = 0;

						this.cur = 0;

						this_obj = this;

						this.buttons.each(function(item,index, buttons){

												   

												   		item.addEvent('click', function(){

																							

																							

																							

																							var els = this_obj.container.getElements('div');

																							var s_els = this_obj.slogan_container.getElements('div');

																							

																							els[this_obj.cur].fade('out');		

																							els[index].fade('in');

																							s_els[this_obj.cur].fade('out');

																							s_els[index].fade('in');

																							this_obj.buttons[this_obj.cur].setStyle('background','url('+this_obj.path+'/images/navigateBg.jpg) no-repeat 0 0');

																							this_obj.buttons[index].setStyle('background','url('+this_obj.path+'/images/navigateBgAct.jpg) no-repeat 0 0');

																							this_obj.cur = index;

																						

																						})

												   	

												   },this_obj);

						

										

					}

				}

			slide.bind(this);

			this.slider = slide.periodical(5000,this);

				

			

				



		},

		

		moveToSlide:function(obj, move_to){

				

				var els = $(container).getElements('div');

				var s_els = $(slogan_container).getElements('div');

				

				

				

				els[obj.prev].fade('out');		

				els[move_to].fade('in');

				s_els[obj.prev].fade('out');

				s_els[move_to].fade('in');

				obj.cur = move_to;

				

			},

	

		stopShow:function(){

						

			this.slider = $clear(this.slider);	

			this.s_slider = $clear(this.s_slider);	

	

		},

		

		moveToSlide:function(slide_id){

			

			

			},

		

		log:function(){

		

			console.log(this.container);

			console.log(this.images);		

		}

	

		

	

	});

	

function init(container, slogan_container,slides, slogans, path, buttons){



	var show = new slideShow(container, slogan_container, slides, slogans, path, buttons);



/*$('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();



}