function scrollo(ver){

//set the height of the drag according to the amount of content hidden
	
	//set the weight of the drag ratio. (higher integers will cause the drag to lean toward being smaller)
	var _weight = 6;
	
	//get the height of content area, the masked area, the drag, and the track area 
	var _conHei = document.getElementById('content').offsetHeight;
	var _conMask = document.getElementById('contentMask').offsetHeight;
	var _dragHei = document.getElementById('drag').offsetHeight;
	var _trackHeightInit = document.getElementById('track').offsetHeight;	

	//get a weighted ratio based on the difference of the total content:content that is masked, weighted toward more/less content
	var _diffHei = Math.pow((_conHei / _conMask), _weight);
	
	//the height of the drag (based on the ratio of the track area, to the difference ratio.
	var _newDragHei = Math.ceil(_trackHeightInit / _diffHei);
	//if the result is less than the minumum height that we want to display(10px), set to the min
	if(_newDragHei < 10){_newDragHei = 10;document.getElementById('drag').style.overflow = 'hidden';}
	else{
	document.getElementById('drag').style.overflow = 'visible';
	}
	//now set the height in the page
	document.getElementById('drag').style.height = _newDragHei + 'px';
	
	//and set the track area's new height
	var _trackHeight = _trackHeightInit;
	



//because this sets the height of scrollable area on the homepage, we need to adjust it if we are loading the smaller CSS.
//We do so by checking to see if the screen width is less than 800px
switch (ver){
case 'flash':
	if(window.screen.width > 800){
	// speed, dragHeight, trackHeight, trackObj, upObj, downObj, dragObj, contentMaskObj, contentObj, shellObj
	myScroll = new ScrollObj(6,_newDragHei,_trackHeight,"track","up","down","drag","contentMask","content", "flashHeader");
	}else{
	//this should be set for 800 x 600 screen
	// speed, dragHeight, trackHeight, trackObj, upObj, downObj, dragObj, contentMaskObj, contentObj, shellObj
	myScroll = new ScrollObj(6,_newDragHei, _trackHeight,"track","up","down","drag","contentMask","content", "flashHeader");
	}
break
case 'html':
	if(window.screen.width > 800){
	// speed, dragHeight, trackHeight, trackObj, upObj, downObj, dragObj, contentMaskObj, contentObj, shellObj
	myScroll = new ScrollObj(6,_newDragHei,_trackHeight,"track","up","down","drag","contentMask","content", "screenHeader");
	}else{
	//this should be set for 800 x 600 screen
	// speed, dragHeight, trackHeight, trackObj, upObj, downObj, dragObj, contentMaskObj, contentObj, shellObj
	myScroll = new ScrollObj(6,_newDragHei, _trackHeight,"track","up","down","drag","contentMask","content", "screenHeader");
	}
break
}
}