var scrollBar ;
var dragActive;
var dmaxY, dminY, maxY, minY =0;
var wnActive;
function initializeDrag(){
	$('wn1').scrollTo(0, 0);
	if (navigator.appName!="Microsoft Internet Explorer")
		$('dragBar1').style.top = "0px"; 
	else{
		if (navigator.appVersion.indexOf("MSIE 6")>-1){
			$('dragBar1').style.top = "0px"; 
		}else{
			$('dragBar1').style.top = "0px"; 
		}
	}
	$('scrollbar1').style.display = 'block';
	var container = $('track1');
	var cont = $('countries');
	var layerLength = cont.childNodes.length * 17;
	if( layerLength > parseInt(container.offsetHeight)){
		scrollBar = new Drag.Move('dragBar1', {'container': container, 'modifiers': {x:''}, 'limit': {x:'0', y: ''}});
		scrollBar.addEvent('onDrag', 
						   function(){
							dmaxY =  parseInt(container.offsetHeight) - 
									 parseInt($('dragBar1').offsetHeight);
							maxY = 	 layerLength -
									 parseInt(container.offsetHeight); 
							var dragPos = $('dragBar1').style.top;
							var percentValue = (100*parseInt(dragPos))/dmaxY;
							var topValue = (maxY * percentValue) /100;
							$('wn1').scrollTo(0, topValue);
						   });
		
	}else{
		$('scrollbar1').style.display = 'none';
	}
};