addLoadEvent(init());

var IE = document.all?true:false;
var slider;
var clicked=false;

var thresMin;
var thresMax;

var tempX;
var nullX=null;
var tempY;
var parentDiv;
var sliderBase;

function init()
{
	Slider("TraficData1",750);
}

function Slider(id,width)
{
	div=document.getElementById(id);
	if(div!=null)
	{
	if(width==0)
	{
		width=div.clientWidth;
		var t=div.getElementsByTagName("table");
		alert(t.style.width);
	}
	//alert(div.offsetWidth);
	parentDiv=div;
	//	slider részeinek létrehozása
	var baseBase=document.createElement("div"); baseBase.className="sliderBaseB";
	var base=document.createElement("div"); base.className="sliderBase";
	var slider_base=document.createElement("div"); slider_base.className="sliderSBase";
	var lArrow=document.createElement("div"); lArrow.className="sliderRarrow";
	var rArrow=document.createElement("div"); rArrow.className="sliderLarrow";
	slider=document.createElement("div"); slider.className="sliderSlide";
	baseBase.appendChild(base);
	baseBase.style.height=20+"px";
	baseBase.style.width=width+"px";
	baseBase.style.left=0+"px";
	
	base.style.width=width+"px";
	
	lArrow.style.width=20+"px";
	lArrow.style.height=20+"px";
	//lArrow.style.top=-20+"px";
	
	rArrow.style.width=20+"px";
	rArrow.style.height=20+"px";
	rArrow.style.left=width-20+"px";
	//rArrow.style.top=-60+"px";
	
	slider.style.width=100+"px";
	slider.style.height=20+"px";
	slider.style.left=20+"px";
	//slider.style.top=-40+"px";
	
	base.style.height=20+"px";
	
	slider_base.style.width=width-40+"px";
	slider_base.style.height=20+"px";
	
	base.appendChild(rArrow);
	
	base.appendChild(slider_base);	
	slider_base.appendChild(slider);
	base.appendChild(lArrow);
	
	div.appendChild(baseBase);
	sliderBase=baseBase;

	base.style.top=0+"px";
	base.style.left=0+"px";
	
	slider.onmousedown=function()
	{
		document.onmousemove = sliderOnClick;
		document.onselectstart = function () { return false; };
		clicked=!clicked;
	}
	document.onmouseup=function()
	{
		if(clicked)
		{		
			document.onmousemove=null;
			clicked=!clicked;
			document.onselectstart = function () { return true; };
		}
	}
	thresMin=getAbsoluteLeft(lArrow);
	thresMax=parseInt(rArrow.style.left)-parseInt(slider.style.width)-20;
	thresMin=0;	
	}
}

var preX;
function sliderOnClick(e)
{
	if (IE)
	{ // grab the x-y pos.s if browser is IE
	    tempX = event.clientX + document.body.scrollLeft;
	}
	else 
	{  // grab the x-y pos.s if browser is NS
	    tempX = e.pageX;
	}
	//	letaroljuk az elso poziciot, mert az a 0 pozicio, ahonnan tovabb lehet szamolni a relativ-ot
	if(nullX==null) nullX=tempX-slider.clientWidth/2;
	
	move=tempX-nullX;
	
	if((thresMin<=move)&&(thresMax>=move))
	{
		slider.style.left=move+"px";
		if(move>preX)
		{
			parentDiv.scrollLeft+=5;
			sliderBase.style.left=parseInt(sliderBase.style.left)+5+"px";
		}
		else if(move<preX)
		{	
			parentDiv.scrollLeft-=5;
			sliderBase.style.left=parseInt(sliderBase.style.left)-5+"px";
		}		
	}
	else if(thresMin<=move)
	{
		slider.style.left=thresMax+"px";
		
	}
	else if(thresMax>=move)
	{
		slider.style.left=thresMin+"px";
	}
	preX=move;
}