document.observe("dom:loaded", function() {
	vs_display_profile('history',429);
});

			function vs_display_profile(req,left)
				{
					if(req=='')
						{
							alert('Something went wrong');
							return false;
						}
						
					if(isNaN(left)==false)
						{
							$('profile_menu_tab').setStyle({
							  left: left
							});
						}

					new Ajax.Request('exo.ajax.php?act=profile_field', {
						method: 'get',
						parameters: {req: req},
						onCreate: function(transport) {
							$('scrollable2').scrollTop=0;
							$('scrollable2').update('<center>Loading...</center>');
						},
						onSuccess: function(transport) {
							response = transport.responseText;
							
							$('scrollable2').update(response);
							
							if ($('scrollable2').scrollHeight <= $('scrollable2').offsetHeight) {
								slider3.setDisabled();
								$('wrap3').hide();
							}
							else
							{
								slider3.setEnabled();
								$('wrap3').show();
							}
						},
						onComplete: function()	{
							// vertical slider control
							var slider3 = new Control.Slider('handle3', 'track3', {
								axis: 'vertical',
								onSlide: function(v) { scrollVertical(v, $('scrollable2'), slider3);  },
								onChange: function(v) { scrollVertical(v, $('scrollable2'), slider3); }
							});

							
							// scroll the element vertically based on its width and the slider maximum value
							function scrollVertical(value, element, slider) {
								element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
							}
						},
						onFailure: function(){ alert('Something went wrong...') }
					});
				}