// scroll the element vertically based on its width and the slider maximum value
function scrollVertical(value, element, slider) {
	element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}

function addVerticalScrollbar(scrollable,track, handle) {
	// vertical slider control
	
	var slider1 = new Control.Slider( handle,track,  {
		axis: 'vertical',
		onSlide: function(v) { scrollVertical(v, $(scrollable), slider1);  },
		onChange: function(v) { scrollVertical(v, $(scrollable), slider1); }
	});
	
	
	//disable vertical scrolling if text doesn't overflow the div
	if ($(scrollable).scrollHeight <= $(scrollable).offsetHeight) {
		slider1.setDisabled();
		$(track).hide();
	}
	
	return slider1;
}

function initNav(totalPage) {
	totalPage--;
	if (totalPage > 1) {
		$('navbutton').style.display = "";
	}
	nextPage(1);
}

function nextPage(index,pagenum) {
	if (curPage != index) {
		if ($("page_"+index)) {
			if (curPage >= 1) {
				new Effect.Fade("page_"+curPage,{duration : 0.2});
				$("page_num_"+curPage).style.color = "";
				$('prev_pagination').style.display = "";
			}
			
			new Effect.Appear("page_"+index,{duration : 0.5});
			//alert($("page_"+index).innerHTML);
			curPage = index;
			$("page_num_"+index).style.color = "#f0a";
			//alert(index > pagenum-2);
			$('prev_pagination').style.display = "";
			$('next_pagination').style.display = "";
			if (index == 1) {
				$('prev_pagination').style.display = "none";
			}
			if (index > pagenum-2) {
				$('next_pagination').style.display = "none";
			}
		}
	}		
}


function printRoute() {
	$('directions_html').value = $('directions').innerHTML;
	$('print_route').submit();
}