var crossbar_width = Array();
var crossbar_expander_width = Array();
var crossbar_inside_ = Array();
var crossbar_delta = Array();
var crossbar_accel = Array();
var minimum = Array();

function setupCrossbar(xbar)
{
	crossbar_width[xbar] = document.getElementById('crossbar['+xbar+']').clientWidth;
	crossbar_expander_width[xbar] = document.getElementById('crossbar_expander['+xbar+']').clientWidth;
	crossbar_inside_[xbar] = document.getElementById('crossbar_inside['+xbar+']');

	if((crossbar_width[xbar] - (0) > crossbar_expander_width[xbar]) && (crossbar_expander_width[xbar]>crossbar_width[xbar]))
	{
		crossbar_inside_[xbar].style.left=-(crossbar_expander_width[xbar]-crossbar_width[xbar])+"px";
	}
	else
	{
		crossbar_inside_[xbar].style.left=0+"px";
	}
	crossbar_delta[xbar] = 0;
	crossbar_accel[xbar] = 0;
	minimum[xbar] = 0;
}

function startCrossBarMove(delta,xbar)
{
	if (document.getElementById('crossbar['+xbar+']').clientWidth)
	{
		minimum[xbar]=document.getElementById('crossbar['+xbar+']').clientWidth-document.getElementById('crossbar_expander['+xbar+']').clientWidth;
		crossbar_delta[xbar]=delta;
		crossbar_accel[xbar]=1.05;
		doCrossBarMove(xbar);
	}
}


function stopCrossBarMove(xbar)
{
	crossbar_accel[xbar]=0.9;
}

function doCrossBarMove(xbar)
{
	var pos=parseInt(document.getElementById('crossbar_inside['+xbar+']').style.left);
	if ((Math.abs(crossbar_delta[xbar])>0.5) && (pos<=0) && (pos>=minimum[xbar]))
	{
		if (Math.abs(crossbar_delta[xbar])<10 || crossbar_accel[xbar]<1)
		crossbar_delta[xbar]=crossbar_delta[xbar]*crossbar_accel[xbar]; //acceleration
		var newpos=Math.round(crossbar_delta[xbar])+pos;
		if (newpos>0) newpos=0;
		if (newpos<minimum[xbar]) newpos=minimum[xbar];
		if (xbars[xbar]) xbars[xbar].d = -newpos;
		document.getElementById('crossbar_inside['+xbar+']').style.left=newpos+"px";
		if (newpos!=0 && newpos!=minimum[xbar])
		setTimeout("doCrossBarMove("+xbar+")",25);
	}
}


function setupVCrossbar(xbar)
{
	crossbar_width[xbar] = document.getElementById('crossbar['+xbar+']').clientHeight;
	crossbar_expander_width[xbar] = document.getElementById('crossbar_expander['+xbar+']').clientHeight;
	crossbar_inside_[xbar] = document.getElementById('crossbar_inside['+xbar+']');

	if((crossbar_width[xbar] - (0) > crossbar_expander_width[xbar]) && (crossbar_expander_width[xbar]>crossbar_width[xbar]))
	{
		crossbar_inside_[xbar].style.top=-(crossbar_expander_width[xbar]-crossbar_width[xbar])+"px";
	}
	else
	{
		crossbar_inside_[xbar].style.top=0+"px";
	}
	crossbar_delta[xbar] = 0;
	crossbar_accel[xbar] = 0;
	minimum[xbar] = 0;
}

function startVCrossBarMove(delta,xbar)
{
	if (document.getElementById('crossbar['+xbar+']').clientHeight)
	{
		minimum[xbar]=document.getElementById('crossbar['+xbar+']').clientHeight-document.getElementById('crossbar_expander['+xbar+']').clientHeight;
		crossbar_delta[xbar]=delta;
		crossbar_accel[xbar]=1.05;
		doVCrossBarMove(xbar);
	}
}


function stopVCrossBarMove(xbar)
{
	crossbar_accel[xbar]=0.9;
}

function doVCrossBarMove(xbar)
{
	var pos=parseInt(document.getElementById('crossbar_inside['+xbar+']').style.top);
	if ((Math.abs(crossbar_delta[xbar])>0.5) && (pos<=0) && (pos>=minimum[xbar]))
	{
		if (Math.abs(crossbar_delta[xbar])<10 || crossbar_accel[xbar]<1)
		crossbar_delta[xbar]=crossbar_delta[xbar]*crossbar_accel[xbar]; //acceleration
		var newpos=Math.round(crossbar_delta[xbar])+pos;
		if (newpos>0) newpos=0;
		if (newpos<minimum[xbar]) newpos=minimum[xbar];
		document.getElementById('crossbar_inside['+xbar+']').style.top=newpos+"px";

		if (xbars[xbar]) xbars[xbar].d = -newpos;
		if (newpos!=0 && newpos!=minimum[xbar])
		setTimeout("doVCrossBarMove("+xbar+")",25);
	}
}


function showControls(id, visible) {
	document.getElementById('xbarctrler1['+id+']').style.display = visible?"block":"none";
	document.getElementById('xbarctrler2['+id+']').style.display = visible?"block":"none";
}






// 	AUTOSCROLLER

	var xbars = Array();
	
	function setupAutoXBar(xbar, orient) {
		xbars[xbar] = {a:0.05, d:0, v:0, t:0, vmax:1, dmax:10, intv:0, max:0, dir: orient };
		setTimeout("startCrossbarRock("+xbar+")", 1000);
		if (orient)
			xbars[xbar].max = document.getElementById('crossbar_expander['+xbar+']').clientHeight - document.getElementById('crossbar['+xbar+']').clientHeight;
		else
			xbars[xbar].max = document.getElementById('crossbar_expander['+xbar+']').clientWidth  - document.getElementById('crossbar['+xbar+']').clientWidth;
	}
	
	function pauseCB(xbar) { window.clearInterval(xbars[xbar].intv); }
	function startCrossbarRock(xbar)
	{
		pauseCB(xbar);
		xbars[xbar].intv = window.setInterval("rockCrossbar("+xbar+")", 25);
		if (xbars[xbar].dir)
			xbars[xbar].max = document.getElementById('crossbar_expander['+xbar+']').clientHeight - document.getElementById('crossbar['+xbar+']').clientHeight;
		else
			xbars[xbar].max = document.getElementById('crossbar_expander['+xbar+']').clientWidth  - document.getElementById('crossbar['+xbar+']').clientWidth;
	}
	
	function rockCrossbar(xbar)
	{
		xbars[xbar].d = xbars[xbar].d + xbars[xbar].v;
		xbars[xbar].v = xbars[xbar].v + xbars[xbar].a;
		if (xbars[xbar].v > xbars[xbar].vmax) { xbars[xbar].a = 0; xbars[xbar].v=xbars[xbar].vmax; xbars[xbar].dmax = xbars[xbar].d; }
		if (xbars[xbar].d > xbars[xbar].max) xbars[xbar].a = -0.05;
		if ( (xbars[xbar].max-xbars[xbar].d) < xbars[xbar].dmax) xbars[xbar].a = -0.05;
		if (xbars[xbar].v<-xbars[xbar].vmax) { xbars[xbar].a=0; xbars[xbar].v=-xbars[xbar].vmax; }
		if (xbars[xbar].d < xbars[xbar].dmax) xbars[xbar].a=0.05;
		if (xbars[xbar].dir)
			document.getElementById('crossbar_inside['+xbar+']').style.top = (-xbars[xbar].d)+"px";
		else
			document.getElementById('crossbar_inside['+xbar+']').style.left = (-xbars[xbar].d)+"px";
	}
	
	function getMousePos(e) {
		if (!e) var e = window.event;
		
		if (e.pageX || e.pageY)         {
			posx = e.pageX;
			posy = e.pageY;
		}
		else if (e.clientX || e.clientY)        {
			posx = e.clientX + document.body.scrollLeft
					+ document.documentElement.scrollLeft;
			posy = e.clientY + document.body.scrollTop
					+ document.documentElement.scrollTop;
		}
		
		var ret = {x:posx, y:posy};
		return ret;
	}
	
	function oldpopimg(img, e) {
		var div = document.getElementById('fszdiv');
		var dimg = document.getElementById('fszimage');
		if (img.parentNode.tagName.toUpperCase()=="A") 
			dimg.src = img.parentNode.previousSibling.previousSibling.firstChild.src;
		else
			dimg.src = img.previousSibling.previousSibling.firstChild.src;

		p = getMousePos(e);
		div.style.top  = (p.y+5) + "px";
		div.style.left = (p.x+5) + "px";
		div.style.display = "block";
		img.onmouseout = popout;
	}


	function popimg(img, e) {
		var div = document.getElementById('fszdiv');
		var dimg = document.getElementById('fszimage');
		if (img.parentNode.tagName.toUpperCase()=="A")
			ddiv = img.parentNode.previousSibling.previousSibling;
		else
			ddiv = img.previousSibling.previousSibling;
		div.innerHTML = ddiv.innerHTML;
		p = getMousePos(e);
		div.style.top  = (p.y+5) + "px";
		div.style.left = (p.x+5) + "px";
		div.style.display = "block";
		img.onmouseout = popout;
	}
	
	function popout() {document.getElementById('fszdiv').style.display = "none";}
	

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
	for(var i=0; i<document.images.length; i++)
	{
		var img = document.images[i]
		var imgName = img.src.toUpperCase()
		if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
		{
			var imgID = (img.id) ? "id='" + img.id + "' " : ""
			var imgClass = (img.className) ? "class='" + img.className + "' " : ""
			var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
			var imgStyle = "display:inline-block;" + img.style.cssText 
			if (img.align == "left") imgStyle = "float:left;" + imgStyle
			if (img.align == "right") imgStyle = "float:right;" + imgStyle
			if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle  
			var strNewHTML = "<span " + imgID + imgClass + imgTitle
			+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
			+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
			+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
			img.outerHTML = strNewHTML
			i = i-1
		}
	}
}
window.attachEvent("onload", correctPNG);