// MouseSensor , Btn , Text , Top , Flag , Height

var jsScrollInfo = [];

function jsScrollInit(aryInfo)
{
//	$("#zz").jScrollPane();
	
	jsScrollInfo = aryInfo;
	
	for (var i=0;i<jsScrollInfo.length;i++)
	{
		//alert(i);
		
		if ($(jsScrollInfo[i][2]).height() <= $(jsScrollInfo[i][2]).parent().height())
			$(jsScrollInfo[i][0]).css('display','none');
		else if (1==2)
		{	
			$(jsScrollInfo[i][0]).attr('ii',i);
			//alert($(jsScrollInfo[i][0]));
			var objOffset = $(jsScrollInfo[i][0]).position();
			//alert(objOffset.top);
			jsScrollInfo[i][3] =  objOffset.top ;
			jsScrollInfo[i][4] =  0;
		
			var intScH = $(jsScrollInfo[i][0]).height();		
			var strScTop = $(jsScrollInfo[i][1]).css('padding-top');
			var strScBot = $(jsScrollInfo[i][1]).css('padding-bottom');
		
			var intScTop = parseInt(strScTop.substr(0,strScTop.length-2));
			var intScBot = parseInt(strScBot.substr(0,strScBot.length-2));
			jsScrollInfo[i][5] = intScH - intScTop - intScBot;
		
			$(jsScrollInfo[i][1]).attr('ccc',i);
			
						
			/*
			$(jsScrollInfo[i][1]).draggable( 
				{ 
					containment: 'parent',
					//scrollSensitivity: 5,
					axis: 'y' ,
					drag: function(event, ui) {  
						$(this).css('cursor','pointer');
						jsScrollDragMove($(this));
					},
					stop: function(event, ui) {
						$(this).css('cursor','auto');
						jsScrollDragMove($(this));
					}
				}
			);
			*/
			
			$(jsScrollInfo[i][1]).click(
				function()
				{
					//alert($(this).html());
					$(this).attr('cursor','pointer');
				}
			);
			/*
			$(jsScrollInfo[i][0]).mouseover(
				function(e)
				{
					//alert($(this).attr('ii'));
					jsScrollInfo[$(this).attr('ii')][4] = 1;
				}
			);
			
			$(jsScrollInfo[i][0]).mousemove(
				function(e)
				{
					jsScrollMove($(this).attr('ii'),e);
					
				}
			);
			
			$(jsScrollInfo[i][0]).mouseout(
				function(e)
				{
					jsScrollInfo[$(this).attr('ii')][4] = 0;
				}
			);
			*/
		}
		else
		{
			//alert(jsScrollInfo[i][2]);
			$(jsScrollInfo[i][2]).parent().jScrollPane();
		}
	}
}

function jsScrollDragMove(objBtn)
{
	var objFather = objBtn.parent();
	var intAHeight = objFather.height() - objBtn.height();
	var intPos = 0;
	var strScTop = $(jsScrollInfo[objBtn.attr('ccc')][1]).css('padding-top');
	var strScBot = $(jsScrollInfo[objBtn.attr('ccc')][1]).css('padding-bottom');
		
	var intScTop = parseInt(strScTop.substr(0,strScTop.length-2));
	var intScBot = parseInt(strScBot.substr(0,strScBot.length-2));
	intAHeight = intAHeight - intScTop - intScBot;
			
	if (objBtn.offset().top < objFather.offset().top )
	{
		objBtn.css("top",0);
		intPos = 0;
	}
	else if (objBtn.offset().top > objFather.offset().top + intAHeight )
	{
		objBtn.css("top",intAHeight);
		intPos = intAHeight;
	}
	else
	{
		intPos = objBtn.offset().top - objFather.offset().top;
	}
	
	
	var strTxt = jsScrollInfo[objBtn.attr('ccc')][2] ;
	var intContentH = $(strTxt).height();
	if ($.browser.msie)
	{
		var intNewH = (  $(strTxt).height() + 30 - $(strTxt).parent().height() )* (intPos ) / intAHeight;
	}
	else
	{
		var intNewH = (  $(strTxt).height() + 30 - $(strTxt).parent().height() )* (intPos ) / intAHeight;
	}
	$(strTxt).css("margin-top",-1 * intNewH);
	
}

function jsScrollMove(i,e)
{
	if (jsScrollInfo[i][4] == 1)
	{
		//var objOffset = $(jsScrollInfo[i][1]).offset();
		intDistance = (e.pageY - jsScrollInfo[i][3]) / jsScrollInfo[i][5] * 100;
		//intDistance = (e.pageY - objOffset.top ) / jsScrollInfo[i][5] * 100;			
	
		var intTxtH = $(jsScrollInfo[i][2]).height();
		var intH = $(jsScrollInfo[i][2]).parent().height();
		var intMoveArea = (intTxtH - intH + 30) / 100;
		//alert(intMoveArea);
				
		if (intDistance >= 0 && intDistance <= 100)
		{
			//alert(e.pageY - jsScrollInfo[i][3]);
			//alert(jsScrollInfo[i][1]);
			
			//$(jsScrollInfo[i][1]).css("margin-top",e.pageY - objOffset.top);
			//alert(e.pageY+" "+jsScrollInfo[i][3]);
			$(jsScrollInfo[i][1]).css("margin-top",e.pageY - jsScrollInfo[i][3]);
			$(jsScrollInfo[i][2]).css("margin-top",-1 * intMoveArea * intDistance);
		}
	}
	
}