<!--

var DEF_BAR_WIDTH = 255;

var MIN = 0;
var MAX = 1;
var CALLBACK = 2;
var BAR_WIDTH = 3;

var sliders = null;
var cur_thumb = null;
var start_event_pos;
var start_thumb_pos;

function slider_init(thumb, min, max)
{
	var args = slider_init.arguments;
	var pos = (args.length >= 4 ? args[3] : min);
	var show = (args.length >= 5 ? args[4] : false);
	var callback = (args.length >= 6 ? args[5] : null);
	var bar_width = (args.length >= 7 ? args[6] : DEF_BAR_WIDTH);

	if (thumb == null)
		return;

	if (sliders == null)
	{
		sliders = new Array();
	}		

	sliders[thumb.id] = new Array(min, max, callback, bar_width);

	thumb.style.pixelLeft = pos * bar_width / (max - min);
	
	slider_show(thumb, show);
}

function slider_term(thumb)
{
	if (thumb == null)
		return;
		
	show_slider(thumb, false);

	sliders[thumb.id] = null;
}

function slider_show(thumb, show)
{
	if (thumb == null)
		return;

	if (show)
	{
		thumb.style.visibility = "visible";
	}
	else
	{
		thumb.style.visibility = "hidden";
	}
}

function slider_drag_begin(thumb)
{
	cur_thumb = thumb;
	
	start_event_pos = event.clientX;
	start_thumb_pos = thumb.style.pixelLeft;

	document.onmousemove = slider_dragging;
	
	if (document.all) {
		document.onmouseup = slider_drag_end;
	}
}

function slider_drag_end()
{
	if(cur_thumb != null)
	{
		cur_thumb = null;
	}
}

function slider_dragging()
{
  	if(cur_thumb == null)
		return;

	var new_pos = start_thumb_pos + event.clientX - start_event_pos;    		
//	new_pos = Math.min(sliders[cur_thumb.id][MAX], Math.max(sliders[cur_thumb.id][MIN], new_pos));
	new_pos = Math.min(sliders[cur_thumb.id][BAR_WIDTH], Math.max(0, new_pos));
	  
	if(new_pos != cur_thumb.style.pixelLeft)
	{
		cur_thumb.style.pixelLeft = new_pos;
		
		if (sliders[cur_thumb.id][CALLBACK] != null)
		{
			sliders[cur_thumb.id][CALLBACK](cur_thumb);
		}
	}

    return false;  
}

function slider_get_value(thumb)
{
	if (thumb == null)
		return 0;

	var val = thumb.style.pixelLeft * (sliders[thumb.id][MAX] - sliders[thumb.id][MIN]) / sliders[thumb.id][BAR_WIDTH] + sliders[thumb.id][MIN];
	return Math.round(val);
}

function slider_create(slider_name, init_val)
{
	var args = slider_create.arguments;
	var width = (args.length >= 3 ? args[2] : DEF_BAR_WIDTH);
	var bar_width = width + 10;

	document.write(''
		+ '<table border="0" cellpadding="0" cellspacing="0">'
		+ '<tr>'
		+ '<td><img src="incl/slider/slider_bar.gif" width="' + bar_width + '" height="10" /></td>');
	
	if (init_val != null)
	{
		document.write(''
			+ '<td><input name="' + slider_name + '_VAL" type="text" value="' + init_val + '" readonly="true" '
			+ 'style="border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;'
			+ 'border-top-width:thin;border-right-width:thin;border-bottom-width:thin;border-left-width:thin;" '
			+ '/></td>');
	}
	
	document.write(''
		+ '</tr>'
		+ '</table>'	 
		+ '<div width="' + width + '" id="' + slider_name + '_SLIDER" name="' + slider_name + '_SLIDER" align="left" style="POSITION:relative;LEFT:0;TOP:0; visibility:visible">'
		+ '<table border="0" cellpadding="0" cellspacing="0">'
		+ '<tr onMouseDown="slider_drag_begin(' + slider_name + '_SLIDER)" style="CURSOR:hand">'
		+ '<td><img src="incl/slider/slider_thumb.gif"></td>'
		+ '</tr>'
		+ '</table>'	 
		+ '</div>');
}

//-->
