// JavaScript Document
var selected			= new Array()
var str_displayvalue	= new Array()
var str_href			= new Array()
var int_minz			= new Array()
var int_maxz			= new Array()
var controlname			= new Array()


function create_scroll(str_controlname,displayvalue,href,minz,maxz,count)
{


	var control 	= document.getElementById(str_controlname)
	controlname[count]		= str_controlname

	
	str_displayvalue[count] = displayvalue
	str_href[count]		= href
	int_minz[count]		= minz

	int_maxz[count]		= maxz
	selected[count]		= int_maxz[count]


	tbl		= ""
	tbl		= tbl + "<font size=0.5px color=#FFFFFF><table id="+controlname[count]+" width=100px height=20px; border=0 style=cursor:pointer;position:absolute cellpadding=1 cellspacing=1 bgcolor='#006699'><tr>"
	for (i = int_minz[count]; i <= int_maxz[count]; i++)
	{	


			tbl		= tbl + "<td id="+controlname[count]+"_"+i+" title="+ i +" bgcolor=#72ACCF height=10px width=2px onmouseover='row_change_bg(this,1,"+ count +")' onmouseout='row_change_bg(this,2,"+ count +")' onclick='row_change_bg(this,3,"+ count +")' ></td>"				

	}
	tbl		= tbl + "<td bgcolor='#FFFFFF'><a href='javascript: close_scroll("+ count +")'>close</a></td>"
	tbl		= tbl + "</tr></table></font>"	
	
	
	control.innerHTML	= tbl
	document.getElementById(controlname[count]).style.display= 'none'	
	var control_txt	= document.getElementById(str_displayvalue[count])
	if (control_txt.value == "")
	{
		control_txt.value = selected[count]	
	}
	else
	{
		selected[count]	 = control_txt.value
	}
	//style=cursor:pointer onclick=show_scroll()
	control_txt.style.cursor	= 'pointer'


	


}

function row_change_bg(control,event_num,count)
{


		if (event_num ==1)
		{

			if (control.title!=selected)
			{
				control.bgColor = "#990000"
				control.innerHTML	= control.id.replace(controlname[count]+"_","")
			}			
			//document.getElementById(str_displayvalue).innerHTML = control.id
		}
		if (event_num ==2)
		{
			if (control.title!=selected)
			{
				control.bgColor = "#72ACCF"
				control.innerHTML=""
			}
			//document.getElementById(str_displayvalue).innerHTML = ""
			//<div id='show_num'></div>
		}		
		if (event_num ==3)
		{
			control.bgColor = "#000099"
			control.innerHTML=control.id.replace(controlname[count]+"_","")
			selected[count]=control.id.replace(controlname[count]+"_","")

			
			for (i = int_minz[count]; i <= int_maxz[count]; i++)
			{				
				if (i!=selected[count])
				{
						
					document.getElementById(controlname[count]+"_"+i).innerHTML = ""
					control.bgColor = "#72ACCF"
				}
			}
			document.getElementById(str_displayvalue[count]).value = selected[count]						
			document.getElementById(str_displayvalue[count]).style.display= ''	
			document.getElementById(str_href[count]).style.display= ''				
			document.getElementById(controlname[count]).style.display= 'none'

			//<div id='show_num'></div>
		}				
		
		
}

function show_scroll(count)
{
	document.getElementById(str_displayvalue[count]).style.display= 'none'		
	document.getElementById(str_href[count]).style.display= 'none'					
	document.getElementById(controlname[count]).style.display= ''		

	document.getElementById(controlname[count]+"_"+selected[count]).innerHTML= selected[count]
}

function close_scroll(count)
{
	document.getElementById(str_displayvalue[count]).style.display= ''		
	document.getElementById(str_href[count]).style.display= ''					
	document.getElementById(controlname[count]).style.display= 'none'		

	document.getElementById(controlname[count]+"_"+selected[count]).innerHTML= selected[count]
}