var bio = {
	setUpFxTargetsBio: function(){
		indexLevel = 1;
		$$('div.fxTarget').each(function(target){
			var draggableOptions = {
				limit: {x: [0, window.getWidth()- target.getCoordinates().width], y: [0,  window.getHeight()- target.getCoordinates().height]},
				onStart:function()
					{ 
						divNow = target;
					    indexLevel++;
						divNow = target;
						$(target).setStyles ({
							'background-color':'#FFF',
							'z-index': indexLevel,
							'position':'absolute'
						});		
						
						if (typeof(divUsed) !== 'undefined' && divUsed != divNow ){
							$(divUsed).setStyles({
								'background':'transparent'
							});
						}
					},
				onComplete:function()
					{
						target.style.zIndex = indexLevel;
						
						divUsed = target;
						$(target).setStyles ({
							'position':'absolute'
						});	
						
					}
			};
		target.makeDraggable(draggableOptions);
		});
	},
	
	makeSlider: function(){ 
		this.sliders = $$('div.slidee').map(function(box){
			return new Fx.Slide(box, {
				mode: 'vertical'
			}).hide();
		});
		$$('div.fxTarget a.toggler').each(function(lnk, index){
			lnk.addEvent('click', function(){ 
			
				this.sliders.each(function(slider, sliderIndex){
					
					if (sliderIndex == index) 
					{
						this.sliders[sliderIndex].slideIn();	
						
							
					}			
					else 
					{
						this.sliders[sliderIndex].slideOut();
						
				    }
				}, this); 
			}.bind(this));
		}, this); 
	},
	
	init: function(){
		this.setUpFxTargetsBio();
		this.makeSlider();
	}
};
window.onDomReady(bio.init.bind(bio));