var SimpleSlide = new Class({
	initialize: function(container,options) {
		this.container = container;
		this.options = options;
		var automated;
        var direction;
        var hideshow_flag;

        this.hideshow_flag=true;
		if(this.options) this.direction = this.options.direction;
		else this.direction = "forward";

		//	Is it on autorun or manual?
		if (this.direction!="pause") {
			if(this.options.auto == "loop" || this.options.auto == "once") {
	 			this.automated = this.slider.periodical(this.options.time,this,$(this.container));
			} else {
				this.slider($(this.container))
			}
        }
	},

	next: function(type) {
	    if(this.options.auto == "loop" || this.options.auto == "once") {
	        this.pause();
        };
            this.options.type=type;
            this.direction="forward";
            this.slider($(this.container));
    },

	prev: function(type) {
        if(this.options.auto == "loop" || this.options.auto == "once") {
	        this.pause();
        };
        this.options.type=type;
        this.direction="back";
        this.slider($(this.container));
  	},

    pause: function() {
        this.direction="pause";
        this.slider($(this.container));
  	},

	run: function() {
		this.direction="forward";
 		this.automated = this.slider.periodical(this.options.time,this,$(this.container));
    },

	slider: function(container) {
		if ((this.options.auto == "once" || this.options.auto == "loop") && this.direction == "pause") {
			$clear(this.automated);
		}
		else {
			var child;
			// Get all child nodes to scroll between.
			var children = container.getChildren().getChildren()[0];
			// Run through all child nodes to see if there is a tagged one.
			children.each(function(e) {
				// If there is, make it current child.
				if(e.id == "currentChild") {
					child = e;
				}
	           // alert(e.id);
			});
			//alert(this.direction);
			if(!child && (this.direction == "forward" || this.direction == "pause")) {
			// If there isn't, make the first one current child.
				child = children[0].getNext();
				child.id = "currentChild";
			}
			else {
				// Are we going to the next or previous node?
				if(this.direction == "forward") {
					var lastElement = container.getChildren()[0].getLast();
					// Stops the loop at the last element.
					if(lastElement == child.getNext() && this.options.auto == "once") $clear(this.automated);
					// Is the current child the last node? Then set the first node as child, otherwise set the next node as child.
					if(lastElement == child) child = children[0];
					else child = child.getNext();
				}
			else if(this.direction == "back") child = child.getPrevious();
			}
			// Is the child defined?
			if(child && this.direction != "pause") {
				// Which type of slider is defined?
				if(this.options.type == "scroll") this.scroll(container,children,child);
				else if(this.options.type == "fade") this.fade(container,children,child);
				else if(this.options.type == "scrollfade") this.scrollfade(container,children,child);
			}
		}
	},

    init_vertical: function() {
    	$(this.container).setStyle('position','relative');
    	var children = $(this.container).getChildren().getChildren()[0];
    	var i;
    	var s_h;
    	var s_w;
    	var b_w;

		b_w=$(this.container).getStyle('border-width').toInt();
		s_h=$(this.container).getSize().size.y-2*b_w;
		s_w=$(this.container).getSize().size.x-2*b_w;
	    //s_h=100;
	    //s_w=600;
   		
		i=0;
		children.each(function(e) {
	        if (i!=0) {
		        e.id = "currentChild";
	            $('currentChild').setStyle('position','relative');
	            $('currentChild').setStyle('left',0-s_w*i);
	            $('currentChild').setStyle('top',0+s_h*i);
	            e.id = "";
			}
			i++;
		});
        children.each(function(e) {
			e.id = "";
		});
   	},

    init_horizontal: function() {
		$(this.container).setStyle('position','relative');
	    var children = $(this.container).getChildren().getChildren()[0];
	    var i;
	    var s_h;
	    var s_w;
	    var b_w;
	
		b_w=$(this.container).getStyle('border-width').toInt();
		s_h=$(this.container).getSize().size.y-2*b_w;
	    s_w=$(this.container).getSize().size.x-2*b_w;
	    //s_h=100;
	    //s_w=600;
	
		i=0;
	    children.each(function(e) {
	        if (i!=0) {
	            e.id = "currentChild";
	            $('currentChild').setStyle('position','relative');
	            $('currentChild').setStyle('left',0);
	            $('currentChild').setStyle('top',0);
	            e.id = "";
			}
			i++;
		});
	},

	scroll: function(container,children,child) {
		// Make it a scroll slide.
		var scroll = new Fx.Scroll(container,{duration: this.options.duration, onComplete: function() {
			// Remove tags from all child nodes.
			children.each(function(e) {
				e.id = "";
			});
			// Tag this child as current
			child.id = "currentChild";
		}}).toElement(child);
	},

	fade: function(container,children,child) {
		// Make it a fade slide
		var fade = new Fx.Style(container,'opacity',{duration: this.options.duration, onComplete: function() {
			new Fx.Scroll(container,{duration: 1,onComplete: function() {
				// Remove tags from all child nodes.
				children.each(function(e) {
					e.id = "";
				});
				// Tag this child as current
				child.id = "currentChild";
				new Fx.Style(container,'opacity').start(0.01,1);
			}}).toElement(child);
		}})
		fade.start(1,0.01);
	},

	scrollfade: function(container,children,child) {
		// In case you input the miliseconds as a string instead of integer.
		var durationInt = this.options.duration.toInt();
		// Make it a scrollfade slide
		var fade = new Fx.Style(container,'opacity',{duration: (durationInt/2)})
		fade.start(1,0.01).chain(function() {
			fade.start(0.01,1);
		});
		new Fx.Scroll(container,{duration: durationInt, onComplete: function() {
			// Remove tags from all child nodes.
			children.each(function(e) {
				e.id = "";
			});
			// Tag this child as current
			child.id = "currentChild";
		}}).toElement(child);
	},

	hide_and_show_fade:function() {
		var fade = new Fx.Style($(this.container),'opacity',{duration: this.options.duration});
	    if (this.hideshow_flag) {
	        fade.start(1,0.01);
	    }
		else {
		    fade.start(0.01,1);
	    }
	    this.hideshow_flag=!this.hideshow_flag;
	}
});

window.addEvent('domready', function() {
	var Tips1 = new Tips($$('.youjoomla3'));
});