var width = 815; // szerokosc elementu
var slidingDiv = ""; 
var start = 1; // zakladka startowa 
var pos = 1; 
var size = 0; // ilosc elementow
var time = 0;

var box_width = new Array();



function initSlide()
{
	start = 1; // zakladka startowa 
	pos = 1; 
	size = 0; // ilosc elementow
	time = 0;
	
	
	
	box_width = new Array();


	if (!document.getElementById("slider")) return;
	// element
	slidingDiv = document.getElementById("slider");
	
	// zmiana szerokosci kontenera glownego
	document.getElementById("slider_contener").style.width=width+"px";

	// zmiana szerokosci kontenerow z trescia
	var allHTMLTags = new Array();
	var allHTMLTags=document.getElementsByTagName("*");
	for (i=0; i<allHTMLTags.length; i++) 
	{
		if (allHTMLTags[i].className=="slider_box" && allHTMLTags[i].style.display!="none") 
		{
			allHTMLTags[i].style.width= parseInt(allHTMLTags[i].offsetWidth)+"px";
			
			//allHTMLTags[i].style.width=width-1+"px";
			size++; // zliczanie ilosci kontenerow
			box_width[size] = parseInt(allHTMLTags[i].style.width)+1;
			//alert(box_width[size]);
			
		}
	}
	
	clearTimeout(time);
	time = setTimeout ("slideNext(1);", 10000);
	document.getElementById("pos1").className = "sel";
	
	// jezeli jest okreslony element startowy
	if (start>1) slideIt(start);

}


// obsluga next/prev
function slideNext(i)
{
	clearTimeout(time);
	time = setTimeout("slideNext(1);", 10000);


	pos_tmp = pos+i;
	if (pos_tmp>0 && pos_tmp<=size)
	{
		slideIt(pos_tmp);
	}
	else if (pos_tmp<=0)
	{
		slideIt(size);
	}
	else if (pos_tmp>size)
	{
		slideIt(1);
	}
}


function slideIt(nr)
{
	if (!document.getElementById("pos"+nr)) return false;
	
	var dir;
	var slide = 0;

	clearTimeout(time);
	time = setTimeout ("slideNext(1);", 10000);

	
	if (pos<nr)
	{
		dir = -1;
		for (i=pos; i<nr; i++)
			slide = slide + box_width[i];
	}
	else if (pos>nr) 
	{
		dir = 1;
		for (i=nr; i<pos; i++)
			slide = slide + box_width[i];	
	}
	
//	alert(slide);
	//wielkosc skoku
//	slide = Math.abs((pos-nr)*width);
	
	// kierunek jazdy
	
	
	document.getElementById("pos"+pos).className = "";
	document.getElementById("pos"+nr).className = "sel";
	
	if (!slidingDiv.style.marginLeft) slidingDiv.style.marginLeft = "0px";
	marginLeft = parseInt(slidingDiv.style.marginLeft);
	
	slider(marginLeft, slide, dir );
	pos = nr;
	
}


function slider(marginLeft, slide, dir)
{
	if (slide>0)
	{
		liczba = Math.ceil(slide/5);
		if (liczba>width/5) liczba = Math.ceil(width/8);
		slidingDiv.style.marginLeft = parseInt(slidingDiv.style.marginLeft) + liczba*dir + "px";
		slide = slide - liczba;
		var t = setTimeout("slider("+marginLeft+", "+slide+", "+dir+")", 1);
	}
	else
	{
		clearTimeout(t);
	}
}