/*
Copyrighr WEBCORE 2010

WWW.WEBCORE.RO
*/









var mooZoomSlide = new Class({

              Implements: [Options, Events],
   
              options: {
				  slides:[],
				  
				  next:'next',
				  prev:'prev',
				  startIndex:-1
				  
   
              },
  
              initialize: function(el,options){
                         this.setOptions(options);
						 this.addSlides(el,this.options.slides);
						 $(this.options.next).addEvents({'click': this.go_next.bind(this), 'mouseover': this.nover, 'mouseout': this.nout});
						 $(this.options.prev).addEvents({'click': this.go_prev.bind(this), 'mouseover': this.pover, 'mouseout': this.pout});
						 if(this.options.slides.length) this.showSlide(this.options.startIndex);
						 
						 $(el).setStyles({
													   position:'relative',
													   overflow:'hidden',
													   'margin-top':50,
													   width:'800px',
													   height:'500px',
													   border:'#000000 1px solid',
													   'background-color':'#000'
													   
													   });
                 },
			  addSlides : function(el,slides){
				  slides.combine($$($(el).getChildren('div')));	
				  
				  slides.each(function(slide){
									   
									   slide.setStyles({
													   position:'absolute',
													   border:'#000000 1px solid',
													   top:550, 
													   left:800,
													   display:'none'
													   });
									   

									   
									   });
				 
				  
			  },
			  go_next:function(event){
				var how_many =this.options.slides.length;
				if(this.now+1<how_many-1 ){
				this.showSlide(this.now+1);
				event.stop();
				}
				else
				{
				}
				//alert();
			  },
			  go_prev:function(){
				  
				  if(this.now-1>-2 ){
				 this.showSlide(this.now-1);
				  }
			  },
			  nover :function(){
			  },
			  pover:function(){
			  },
			  nout:function(){
			  },
			  pout:function(){
			  },
			  showSlide:function(slide){
				  
				  this.options.slides.each(function(item, index) {
							//item.style.display='none';
							item.style.display='block';
						item.getElement('span').style.display='none';
								
								//alert(i);
								var Wi=0;
								var Hi= 0; 
								var tP=300;
								var lft=-slide*400+10+index*400;
								var mrf=false;
								//var myEffect = new Fx.Morph(item, {duration: 400, transition: Fx.Transitions.Sine.easeIn  });
								
								if(index<=slide-1) { Wi=0; Hi= 0;  tP=300;     lft=-slide*150+40+index*150; }
								else if(index==slide) { Wi=150; Hi= 120; tP=200;    lft=-slide*150+25+index*150; mrf=true; }
								
								else if(index==slide+1) {
									Wi='400px';
									tP='50px';
									Hi='289px';
									mrf=true;
									lft=-slide*150+50+index*150;
									$('text').style.collor='#CCCCCC';
									$('text').style.textAlign='center';
									
									$('text').innerHTML=item.getElement('span').innerHTML;
									}
								else if(index==slide+2) { Wi=150; tP=200;  Hi=120; lft=-slide*150+315+index*150; mrf=true;}
								else if(index>=slide+3) { Wi=0; Hi= 0;  tP=300;    lft=-slide*150+400+index*150;  }
								
								
								//if(lft>=820) { Wi=0; Hi= 0;  tP=300; lft=-i*150+10+index*150; }
								//if(lft<=9) { Wi=0; Hi=0; tP=300;}
								//item.innerHTML=i + ' si' + index;
								if(mrf) {
								item.set('morph', {
									 duration: 400,
									 transition: Fx.Transitions.Sine.easeIn,
									 link: 'chain'
									 });

								item.morph({'height':Hi,
										   'width':Wi,
										   'left':lft,
										   'top': tP}); 
								
								}
								else 
								{
									item.setStyles({'height':Hi,
										   'width':Wi,
										   'left':lft,
										   'top': tP});
								}
								
													 });
				  this.now = slide;
			  }
         });