var isDragging = false;
var container = document.getElementById('container');
var startX, startY, scrollLeft, scrollTop;
var oldTop = 0;
var fle = true;

function startDrag(e) {
	isDragging = true;
	startX = e.clientX;
	startY = e.clientY;
	// if(scrollTop == container.scrollTop){
	// 	if(fle){
	// 		container = window.top.frames[0].document.getElementById('container');
	// 		fle = false;
	// 	}else{
	// 		var container = document.getElementById('container');
	// 	}		
	// }
	scrollLeft = container.scrollLeft;
	scrollTop = container.scrollTop;
}

function stopDrag() {
	isDragging = false;
}

function dragging(e) {
	if (!isDragging) return;
	var x = e.clientX - startX;
	var y = e.clientY - startY;
	container.scrollLeft = scrollLeft - x;
	container.scrollTop = scrollTop - y;
	//container = document.getElementById('container');
}




function startDragSetDistance(e) {
	isDragging = true;
	startY = e.clientY;
	scrollTop = $("#container .nav").css('margin-top').match(/-?\d+/g).join('');
}

function stopDragSetDistance() {
	isDragging = false;
}

function draggingSetDistance(e) {
	//console.log(isDragging)
	
	if (!isDragging) return;
	
	var y = -(e.clientY - startY);
	
	if ($("#container .nav").height() < $("#container").height() ) return;
	
	let navHeight = $("#container .nav").height() - $("#container").height();
	
	if (-(scrollTop - y) >= navHeight){
		$("#container .nav").css('margin-top', -navHeight);
		return;
	}
	
	if(scrollTop - y > 4.8){
		$("#container .nav").css('margin-top', scrollTop);
		return;
	}
	$("#container .nav").css('margin-top', scrollTop - y);
	//container = document.getElementById('container');
}