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'));





});