/**
 * YJSlide - content slider
 * @version		1.0.0
 * @MooTools version 1.1
 * @author	Constantin Boiangiu <info [at] constantinb.com>
 */

var YJSlide = new Class({
	initialize: function(options) {
		this.options = Object.extend({
			outerContainer : null, /* outer items container */
			innerContainer : null, /* inner items container */
			elements: null, /* css class for slides */ 
			navigation: {
				'forward':null, /* forward link id */ 
				'back':null /* backward link id */
			},
			slideType: 0,  //0 : fade; 1 : scroll; 2 : scrollfade
			orientation: 1, //  0 : vertical; 1 : horizontal
			slideTime: 3000,
			duration: 600,
			tooltips: 1, // 0: display tips; 1: don't display tips
			autoslide: 1,
			navInfo: null,
			navLinks: null
		}, options || {});
		this.start();	
	},
	
	start: function(){
		this.currentElement = 0;	
		this.direction = 1; // -1: back; 1:forward
		this.elements = $(this.options.innerContainer).getElements(this.options.elements);
		
		this.showEffect = {};
		this.hideEffect = {};
		this.firstRun = {};
		
		if( this.options.slideType!==0 ){
			if( this.options.orientation == 1 ){
				this.showEffect.left = [1200,0];
				this.hideEffect.left = [0,1200];
				this.firstRun.left = 1200;
			}else{
				this.showEffect.top = [400,0];
				this.hideEffect.top = [0,400];
				this.firstRun.top = 400;
			}
		}
		if( this.options.slideType!==1 ){
			this.showEffect.opacity = [0,1];
			this.hideEffect.opacity = [1,0];
			this.firstRun.opacity = 0;
		}
		
		
		/* slides */
		this.elements.each( function(el, i){			
			
			el.setStyles({
				'display':'block',
				'position':'absolute',
				'top':0,
				'left':0,
				'z-index':(100-i)
			});	
			
			if( this.options.slideType!==1 && i!==this.currentElement  )
				el.setStyle('opacity',0);
			
			this.elements[i]['fx'] = new Fx.Styles(el, {wait:false, duration: this.options.duration});
			
			if(i!==this.currentElement)
				this.elements[i]['fx'].set(this.firstRun);
						
			el.addEvent('mouseover', function(event){
				if($defined(this.period)){
					$clear(this.period);					
				}	
			}.bind(this));
			el.addEvent('mouseout', function(event){
				if(this.options.autoslide==0){
					this.period = this.rotateSlides.periodical(this.options.slideTime, this);
				}
			}.bind(this));
			
		}.bind(this));
		
		/* add tooltips if set */
		if(!this.options.tooltips){
			new Tips($$('.YJS_link'),{
				className: 'YJS_tips'
			});
		}
		/* autoslide on command */
		if(!this.options.autoslide){
			this.period = this.rotateSlides.periodical(this.options.slideTime, this);
		}
		/* add navigation */
		this.setNavigation();
		
		if(this.options.navLinks)
			this.secondNavigation();
	},
	
	rotateSlides: function(){
		var next = this.currentElement+this.direction;
		if( next < 0 ) next = this.elements.length-1;
		if( next >  this.elements.length-1) next = 0;
		this.nextSlide(next);	
	},
	
	nextSlide: function(slide){
		if(slide==this.currentElement) return;
		this.elements[this.currentElement]['fx'].start(this.hideEffect);
		this.elements[slide]['fx'].start(this.showEffect);
		this.currentElement = slide;
		
		if($(this.options.navInfo)){
			$(this.options.navInfo).setHTML('Link '+(slide+1)+' of '+this.elements.length);
		}
		
	},
	
	setNavigation: function(){
		if(!$(this.options.navigation.forward)) return;
		
		$(this.options.navigation.forward).addEvent('click', function(event){
			new Event(event).stop();
			this.direction = 1;
			this.resetAutoslide();			
			this.rotateSlides();
		}.bind(this));
		
		$(this.options.navigation.back).addEvent('click', function(event){
			new Event(event).stop();
			this.direction = -1;
			this.resetAutoslide();
			this.rotateSlides();
		}.bind(this));
		
	},
	
	resetAutoslide: function(){
		if($defined(this.period)){
			$clear(this.period);
			this.period = this.rotateSlides.periodical(this.options.slideTime, this);
		}
	},
	
	secondNavigation: function(){
		this.navElements = $$(this.options.navLinks);
		this.navElements.each(function(el,i){
			
			el.addEvent('click', function(event){
				new Event(event).stop();
				this.resetAutoslide();
				this.nextSlide(i);				
			}.bind(this));
			
		}.bind(this));
		
		if( !this.options.tooltips ){
			new Tips(this.navElements,{
				className: 'YJS_tips'
			});
		}
		
	}
});

/*
var YJSlide=new Class({initialize:function(A){this.options=Object.extend({outerContainer:null,innerContainer:null,elements:null,navigation:{forward:null,back:null},slideType:0,orientation:1,slideTime:3000,duration:600,tooltips:1,autoslide:1,navInfo:null,navLinks:null},A||{});this.start()},start:function(){this.currentElement=0;this.direction=1;this.elements=$(this.options.innerContainer).getElements(this.options.elements);this.showEffect={};this.hideEffect={};this.firstRun={};if(this.options.slideType!==0){if(this.options.orientation==1){this.showEffect.left=[1200,0];this.hideEffect.left=[0,1200];this.firstRun.left=1200}else{this.showEffect.top=[400,0];this.hideEffect.top=[0,400];this.firstRun.top=400}}if(this.options.slideType!==1){this.showEffect.opacity=[0,1];this.hideEffect.opacity=[1,0];this.firstRun.opacity=0}this.elements.each(function(B,A){B.setStyles({display:"block",position:"absolute",top:0,left:0,"z-index":(100-A)});if(this.options.slideType!==1&&A!==this.currentElement){B.setStyle("opacity",0)}this.elements[A]["fx"]=new Fx.Styles(B,{wait:false,duration:this.options.duration});if(A!==this.currentElement){this.elements[A]["fx"].set(this.firstRun)}B.addEvent("mouseover",function(C){if($defined(this.period)){$clear(this.period)}}.bind(this));B.addEvent("mouseout",function(C){if(this.options.autoslide==0){this.period=this.rotateSlides.periodical(this.options.slideTime,this)}}.bind(this))}.bind(this));if(!this.options.tooltips){new Tips($$(".YJS_link"),{className:"YJS_tips"})}if(!this.options.autoslide){this.period=this.rotateSlides.periodical(this.options.slideTime,this)}this.setNavigation();if(this.options.navLinks){this.secondNavigation()}},rotateSlides:function(){var A=this.currentElement+this.direction;if(A<0){A=this.elements.length-1}if(A>this.elements.length-1){A=0}this.nextSlide(A)},nextSlide:function(A){if(A==this.currentElement){return}this.elements[this.currentElement]["fx"].start(this.hideEffect);this.elements[A]["fx"].start(this.showEffect);this.currentElement=A;if($(this.options.navInfo)){$(this.options.navInfo).setHTML("Link "+(A+1)+" of "+this.elements.length)}},setNavigation:function(){if(!$(this.options.navigation.forward)){return}$(this.options.navigation.forward).addEvent("click",function(A){new Event(A).stop();this.direction=1;this.resetAutoslide();this.rotateSlides()}.bind(this));$(this.options.navigation.back).addEvent("click",function(A){new Event(A).stop();this.direction=-1;this.resetAutoslide();this.rotateSlides()}.bind(this))},resetAutoslide:function(){if($defined(this.period)){$clear(this.period);this.period=this.rotateSlides.periodical(this.options.slideTime,this)}},secondNavigation:function(){this.navElements=$$(this.options.navLinks);this.navElements.each(function(B,A){B.addEvent("click",function(C){new Event(C).stop();this.resetAutoslide();this.nextSlide(A)}.bind(this))}.bind(this));if(!this.options.tooltips){new Tips(this.navElements,{className:"YJS_tips"})}}});   
*/