/*
Script: Popup.js
	An Fx.Tween extension which allows you to create mulitiple roolover tweens.

License:
	MIT-style license.
*/

var Popup = new Class({

	Extends: Fx.Tween,

	options: {

},

	initialize: function(){
		

		var params = Array.link(arguments, {'container': Element.type, 'options': Object.type, 'togglers': $defined, 'elements': $defined});
		
		this.myArray=new Array();
		
		this.elements = $$(params.elements);			
		this.togglers = $$(params.togglers);
		this.container = $(params.container);

		 for (var i = 0, l = this.togglers.length; i < l; i++) this.addSection(this.togglers[i], this.elements[i],i);
		 
		 		//alert (1);

},

	addSection: function(toggler, element,i){
		
		toggler = $(toggler);
		element = $(element);
		var idx = this.togglers.indexOf(toggler);
		this.myArray[i] = new Fx.Tween(element);
		
		toggler.addEvent('mouseleave', this.slidedown.bind(this, idx));
		toggler.addEvent('mouseenter', this.slideup.bind(this, idx));
		

	},

	slideup: function(index){

		var el = this.elements[index];	
		var fromposition = el.getStyle('top').toInt();
		var myanima = this.myArray[index];
		
		myanima.cancel();
		myanima.start('top',fromposition, '-95'); 

	},
	
	slidedown: function(index){
		
		var el = this.elements[index];	
		var fromposition = el.getStyle('top').toInt();
		var myanima = this.myArray[index]; 
		
		myanima.cancel();
		myanima.start('top',fromposition, '0'); 

	}
	
	
	
});