
scrollHandle	= $("#dragger");
sclBar			= $("#backline");
startX			= sclBar.offset().left;
flg				= false;
leftLimit		= parseInt(scrollHandle.css('left'));
rightLimit		= leftLimit+36;
dX					= 0;

if(refDuration > 1) {
	scrollHandle.css({left: ((refDuration-1)*4+leftLimit)+"px"});
}

function declareVariables(){
	scrollHandle	= $("#dragger");
	sclBar			= $("#backline");
	startX			= sclBar.offset().left;
	flg				= false;
	leftLimit		= parseInt(scrollHandle.css('left'));
	rightLimit		= leftLimit+36;
	dX					= 0;

	if(refDuration > 1) {
		scrollHandle.setStyle({left: ((refDuration-1)*4+leftLimit)+"px"});
	}
}

function mouseMove(event) {
	if (flg) {
		dX		= event.clientX - startX;
		if (dX < leftLimit) {
			scrollHandle.css({left: leftLimit+"px"});
			refDuration = 1;
		} else if (dX > rightLimit) {
			scrollHandle.css({left: rightLimit+"px"});
			refDuration = 10;
		} else {
			scrollHandle.css({left: dX+"px"});
			refDuration = parseInt((dX-leftLimit) / 4) + 1;
		}//$('show').innerHTML = scrollHandle.getStyle('left');
		renewTimer(curId, refDuration, '1');
	}
}

function mouseUp() {
	flg = false;
};

function mouseDown() {
	flg = true;
};

function goNextModel(id, rd, ord, SEOnextModel) {
	location.href = 'index.php?cur='+id+'&ord='+ord+'&speed='+rd;
}

function renewTimer(id, rd, ord) {
	if (timer) {
		clearTimeout(timer);
	}
	timer = setTimeout(function(){ goNextModel(id, rd, ord); }, (11 - rd)*3000);
}