var drag = false;
scrollStep=1
var poziceScrollTop = '';
timerLeft=""
timerRight=""


window.onload = function (){
	var idLoga = 'loga';
	
	// delka drahy posouvajiciho prvku (sirka posouvajicicho prvku - sirka nadrazeneho divu dle sablony)
	var delkaDrahyPrvku = document.getElementById('logaTable').offsetWidth - 457;
	// delka drahy posuvniku
	var delkaDrahyJezdce = 415;
	// posun jezdce
	var posunJezdce = (delkaDrahyJezdce / delkaDrahyPrvku);

	// nastav pozici jezdce
	jezdecPositionLeft(idLoga, posunJezdce);
	document.getElementById('sipkaVlevo').onmouseover = scrollDivRight; 
	document.getElementById('sipkaVpravo').onmouseover = scrollDivLeft;
	document.getElementById('sipkaVpravo').onmouseout = stopMe;
	document.getElementById('sipkaVlevo').onmouseout = stopMe;
	//document.getElementById('telo').onclick = posunJezdceMysi;
	document.getElementById('jezdec').onmousedown = function(){
		drag = true;
	};	
	document.getElementById('jezdec').onmouseup = function(){
		drag = false;
	};
	//document.getElementById('telo').onmousemove = presunJezdceMysi;
	//document.getElementById('jezdec').onmousemove = presunJezdceMysi;
}


function toLeft(id){
	document.getElementById(id).scrollLeft=0
}

function posunJezdceMysi(e){
	var tempX = 0
	if (e != null) {
		tempX = e.clientX - document.getElementById('telo').scrollLeft;
	
	}
	 var poziceNaListe = tempX - document.getElementById('telo').offsetLeft - 10; 
	var poziceJezdce = parseInt(document.getElementById('jezdec').style.left);

	if(poziceNaListe < poziceJezdce || poziceNaListe > (poziceJezdce + 21)) {
		// pokud je kursor mimo posuvnik, tak skoc s posuvnikem

		// delka drahy posouvajiciho prvku (sirka posouvajicicho prvku - sirka nadrazeneho divu dle sablony)
		var delkaDrahyPrvku = document.getElementById('logaTable').offsetWidth - 457;
		// delka drahy posuvniku
		var delkaDrahyJezdce = 415;
		// posun jezdce
		var posunJezdce = (delkaDrahyJezdce / delkaDrahyPrvku);
	
		// nastav pozici jezdce
		var poziceNaListe = tempX - document.getElementById('telo').offsetLeft - 21; 
		if (poziceNaListe < 0){
			poziceNaListe = 0;
		};
		if (poziceNaListe > 415){
			poziceNaListe = 415;
		};
		document.getElementById('jezdec').style.left = parseInt(poziceNaListe)+"px";
		//document.getElementById('loga').scrollLeft = delkaDrahyPrvku - (poziceNaListe / posunJezdce);
		document.getElementById('loga').scrollLeft = (poziceNaListe / posunJezdce);
	}

}

function presunJezdceMysi(e){

	var tempX = 0
	if (e != null) {
		tempX = e.clientX - document.getElementById('telo').scrollLeft;
	
	}
	var poziceNaListe = tempX - document.getElementById('telo').offsetLeft - 10; 
	var poziceJezdce = parseInt(document.getElementById('jezdec').style.left);
	
	if(drag){
	
			// delka drahy posouvajiciho prvku (sirka posouvajicicho prvku - sirka nadrazeneho divu dle sablony)
			var delkaDrahyPrvku = document.getElementById('logaTable').offsetWidth - 457;
			// delka drahy posuvniku
			var delkaDrahyJezdce = 415;
			// posun jezdce
			var posunJezdce = (delkaDrahyJezdce / delkaDrahyPrvku);
		
			// nastav pozici jezdce
			var poziceNaListe = tempX - document.getElementById('telo').offsetLeft - 21;
			if (poziceNaListe < 0){
				poziceNaListe = 0;
			};
			if (poziceNaListe > 415){
				poziceNaListe = 415;
			};
			document.getElementById('jezdec').style.left = parseInt(poziceNaListe)+"px";

			//document.getElementById('loga').scrollLeft = delkaDrahyPrvku - (poziceNaListe / posunJezdce);
			document.getElementById('loga').scrollLeft = (poziceNaListe / posunJezdce);

	}

	document.onmouseup = function(){
		drag = false;
	};

}

function jezdecPositionLeft(e,f){
	var pos = document.getElementById(e).scrollLeft * f;
	//document.getElementById('jezdec').style.left = parseInt(415 + pos)+"px";
	document.getElementById('jezdec').style.left = parseInt(pos)+"px";
}

function jezdecPositionRight(e,f){
	var pos = document.getElementById(e).scrollLeft * f;
	//document.getElementById('jezdec').style.left = parseInt(415 - pos)+"px";
	document.getElementById('jezdec').style.left = parseInt(415 - 415 - pos)+"px";
}

function scrollDivLeft(id){
	var id = 'loga';
	clearTimeout(timerRight); 
	document.getElementById(id).scrollLeft+=(scrollStep + 1);
	newPoziceScrollLeft = document.getElementById(id).scrollLeft;

    // zjisti sirku posouvajicicho prvku
	var sirkaObalu = document.getElementById('logaTable').offsetWidth;
	// sirka nadrazeneho divu dle sablony
	var sirkaViditelna = 457;
	//  vypocitej posun
	var poziceScrollLeft = (sirkaObalu - sirkaViditelna - 1);

	// delka drahy posuvniku
	var delkaDrahyJezdce = 415;
	// posun jezdce
	var posunJezdce = (delkaDrahyJezdce / poziceScrollLeft);
	// nastav pozici jezdce
	jezdecPositionLeft(id, posunJezdce);

	// pokud dojede na konec, tak dale neprovadej posun
//	if(newPoziceScrollLeft >= poziceScrollLeft){
//		document.getElementById('sipkaVpravo').style.display = "none"; 
//	}else{
//		document.getElementById('sipkaVlevo').style.display = "block"; 
//	}

	timerRight=setTimeout("scrollDivLeft('"+id+"')",5)
}

function scrollDivRight(id){
	var id = 'loga';
	clearTimeout(timerLeft)
	document.getElementById(id).scrollLeft-=(scrollStep + 1)
	newPoziceScrollLeft = document.getElementById(id).scrollLeft;
	
	var sirkaObalu = document.getElementById('logaTable').offsetWidth;
	// sirka nadrazeneho divu dle sablony
	var sirkaViditelna = 457;
	//  vypocitej posun
	var poziceScrollLeft = (sirkaViditelna - sirkaObalu - 1);
	
	// delka drahy posuvniku
	var delkaDrahyJezdce = 415;
	// posun jezdce
	var posunJezdce = (delkaDrahyJezdce / poziceScrollLeft);
	// nastav pozici jezdce
	jezdecPositionRight(id, posunJezdce);

	// pokud dojede na konec, tak dale neprovadej posun
//	if(newPoziceScrollLeft <= "0"){
//	document.getElementById('sipkaVlevo').style.display = "none"; 
//	}else{
//	document.getElementById('sipkaVpravo').style.display = "block"; 
//	}
	
	timerLeft=setTimeout("scrollDivRight('"+id+"')",5)
}

function nactiPoziceScrollTop(id){
	poziceScrollTop = document.getElementById(id).scrollTop;
}

function scrollDivTop(id){
	
	clearTimeout(timerRight) 
	document.getElementById(id).scrollTop+=scrollStep
	newPoziceScrollTop = document.getElementById(id).scrollTop;
	var vyskaObalu = document.getElementById('obalHome').offsetHeight;
	// vyska nadrazeneho divu dle sablony
	var vyskaViditelna = 346;
	//  vypocitej posun a uloz ho do glaboalni promenne
	var poziceScrollTop = (vyskaObalu - vyskaViditelna - 1);
	
	// pokud dojede na konec, tak dale neprovadej posun
	if(newPoziceScrollTop >= poziceScrollTop){
	document.getElementById('sipkaDole').style.display = "none"; 
	}else{
	document.getElementById('sipkaHore').style.display = "block"; 
	}
	
	timerRight=setTimeout("scrollDivTop('"+id+"')",10)
}

function scrollDivBottom(id){
	clearTimeout(timerRight) 
	document.getElementById(id).scrollTop-=scrollStep
	newPoziceScrollTop = document.getElementById(id).scrollTop;
	
	var vyskaObalu = document.getElementById('obalHome').offsetHeight;
	// vyska nadrazeneho divu dle sablony
	var vyskaViditelna = 346;
	//  vypocitej posun a uloz ho do glaboalni promenne
	var poziceScrollTop = (vyskaObalu - vyskaViditelna - 1);
	
	if(newPoziceScrollTop <= "0"){
	document.getElementById('sipkaHore').style.display = "none"; 
	}else{
	document.getElementById('sipkaDole').style.display = "block"; 
	}
	
	timerRight=setTimeout("scrollDivBottom('"+id+"')",10)
}

function toRight(id){
	document.getElementById(id).scrollLeft=document.getElementById(id).scrollWidth
}

function stopMe(){
	clearTimeout(timerRight) 
	clearTimeout(timerLeft)
}