function showReference(id,lang) {
	 var anim = new Fx.Morph('mod_references', {link: 'chain'}, {duration: 500, transition: Fx.Transitions.Sine});
	 	anim.start({'opacity': 0}).chain(function(){
			$('mod_references').addClass('preload');

		var myRequest = new Request.HTML({url:'/modules/mod_references/mod_references_ajax.php',
				onSuccess: function(html) {
					$('mod_references').removeClass('preload');
					$('mod_references_text').set('text', '');
					$('mod_references_text').adopt(html);
					//rescan page 
					Slimbox.scanPage();
						anim.start({'opacity': 1});
				}
		});

		myRequest.send({
			data: 	{	
					'refid': id,
					'lang': lang
			}
		});

		}).chain(function() {
			
		
		});

}

function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
   var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
   var slider = new Slider(scrollbar, handle, { 
      steps: steps,
      mode: (horizontal?'horizontal':'vertical'),
      onChange: function(step){
         // Scrolls the content element in x or y direction.
         var x = (horizontal?step:0);
         var y = (horizontal?0:step);
         content.scrollTo(x,y);
      }
   }).set(0);
   if( !(ignoreMouse) ){
      // Scroll the content element when the mousewheel is used within the 
      // content or the scrollbar element.
      $$(content, scrollbar).addEvent('mousewheel', function(e){  
         e = new Event(e).stop();
         var step = slider.step - e.wheel * 30; 
         slider.set(step);             
      });
   }
   // Stops the handle dragging process when the mouse leaves the document body.
   $(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}