/*
VERTICAL SCROLL ELEMENT SCRIPTS PAGE
*/

// Global variables
var vsrp_Num = 0;
var vsrp_array = new Array();
var vsrp_obj = '';
var vsrp_scrollPos = '';
var vsrp_numScrolls = '';
var vsrp_heightOfElm = 125; // Height of each element (px)
var vsrp_numberOfElm = 4;
var vsrp_scrollOn = 'true';
var vsrp_speed = 10;

function vsrp_createscroll() {
	// Set slider content
	var _vsCount = parseInt($('vsCount').value);
	for (i = 0; i < _vsCount; i++) {
		vsrp_array[i] = $('vs_' + (i + 1)).innerHTML;
	}
	// Set slider DIV
	vsrp_obj = $('vertSlider');
	// Set height of DIV
	vsrp_obj.style.height = (vsrp_numberOfElm * vsrp_heightOfElm) + 'px';
	vsrp_content();
}

// Run scroll
function vsrp_scroll() {
	// Scroll object top
	vsrp_obj.scrollTop++;
	// Scroll position
	vsrp_scrollPos++;
	// Scroll item element
	if ((vsrp_scrollPos % vsrp_heightOfElm) == 0) {
		// Decrease scroll elements
		vsrp_numScrolls--;
		if (vsrp_numScrolls == 0) {
			vsrp_obj.scrollTop = 0;
			vsrp_content();
		} else {
			if (vsrp_scrollOn == 'true') { vsrp_content(); }
		}
	}
	else {
		var _timeLeft = vsrp_heightOfElm - (vsrp_scrollPos % vsrp_heightOfElm);
		if (_timeLeft > 20) {
			// Set scroll time out
			setTimeout('vsrp_scroll();', vsrp_speed);
		} 
		else {
			// Set scroll time out
			setTimeout('vsrp_scroll();', vsrp_speed + 20 - _timeLeft);
		}
		// Set scroll time out
		//setTimeout('vsrp_scroll();', 10);
	}
}

// Run scroll content
function vsrp_content() {
	var tmp_vsrp = '';
	w_vsrp = vsrp_Num - parseInt(vsrp_numberOfElm);
	if (w_vsrp < 0) {
		w_vsrp = 0;
	} else {
		w_vsrp = w_vsrp % vsrp_array.length;
	}
	// Show amount of vsrru
	var elementsTmp_vsrp = parseInt(vsrp_numberOfElm) + 1;
	for (i_vsrp = 0; i_vsrp < elementsTmp_vsrp; i_vsrp++) {
		tmp_vsrp += vsrp_array[w_vsrp % vsrp_array.length];
		w_vsrp++;
	}

	vsrp_obj.innerHTML = tmp_vsrp;
	vsrp_Num = w_vsrp;
	vsrp_numScrolls = vsrp_array.length;
	vsrp_obj.scrollTop = 0;

	// Start scrolling
	setTimeout('vsrp_scroll();', 2000);
}

// Addition focus methods
function vsiFocus(_iNum) {
	var _vsi = $('vsi_' + _iNum);
	var _vst = $('vst_' + _iNum);
	if ((_vsi != null) && (_vst != null)) {
		_vst.style.color = _vsi.style.borderColor = '#284b71';
	}
}
function vsiBlur(_iNum) {
	var _vsi = $('vsi_' + _iNum);
	var _vst = $('vst_' + _iNum);
	if ((_vsi != null) && (_vst != null)) {
		_vst.style.color = _vsi.style.borderColor = '#476f98';
	}
}