//	Klasa holdera
var holderClassName = "kategorija";
//	Klasa diva koji se scrolla
var className = "kategorijaHolder";
var bgColor = "ffffff";
var overColor = "e8f0ff";
//
var speed = 1;
var timeout = 50;
//

var allSlides = new Array();
function slideItems(hoder){
	this.pause = false;
	this.divs = new Array();
	this.divMinHeight = 35;
	this.divHeight = 35;
	var b = hoder.getElementsByTagName("div");
	if(!b)return;
	for(var i=0; i<b.length;i++){
		if(b[i].className.toString().indexOf(className) > -1){
			var div = new Array();
			b[i].onmouseover = onSlideMouseOver;
			b[i].onmouseout = onSlideMouseOut;
			b[i].onclick = onSlideItemClick;
			var a = extractLink(b[i]);
			if(a){
				div.push(a[0].href);
				b[i].title = a[0].title;
				b[i].div = a[0].href;
			}
			b[i].holderClass = this;
			this.divs.push(b[i]);
			this.divHeight = b[i].clientHeight ;
			b[i].style.top = parseInt(CalculateY(i, b)) + "px";
			b[i].stvarnaVisina = parseInt(this.divHeight);
		}
	}
}
slideItems.prototype.slide = function(){
	if(this.pause==true){
		return;
	}
	for(var i=0; i<this.divs.length; i++){
		var cy = parseInt(this.divs[i].style.top);
		cy -= speed;
		if(cy <= -this.divs[i].stvarnaVisina){
			cy += CalculateY2(this.divs.length, this.divs);
		}
		this.divs[i].style.top = parseInt(cy) + "px";
	}
}
function InitSlidePonuda(){
	var b = document.getElementsByTagName("div");
	for(var i=0; i<b.length;i++){
		if(b[i].className.toString().indexOf(holderClassName) > -1){
			allSlides.push(new slideItems(b[i]))
		}
	}
	setInterval(DoSlideDivs,timeout);
	DoSlideDivs();
}
function CalculateY(divId, array){
	var h = 0;
	for(var i = 0; i<divId; i++){
		if(array[i].stvarnaVisina){
			h += parseInt(array[i].stvarnaVisina);
		}
	}
	return h;
}
function CalculateY2(divId, array){
	var h = 0;
	for(var i = 0; i<divId; i++){
		if(array[i].stvarnaVisina){
			h += parseInt(array[i].stvarnaVisina);
		}
	}
	return h;
}
function DoSlideDivs(){
	for(var i=0; i<allSlides.length; i++){
			allSlides[i].slide()	
	}
}
function onSlideItemClick(){
	if(this.div){
		location.href = this.div;	
	}
}
function onSlideMouseOver(){
	this.holderClass.pause = true;
	
	if(this.div){
		this.style.cursor = "pointer";	
	}
	
	//this.style.background = "#" + overColor;
	this.className = "overColor";
	
}
function onSlideMouseOut(){
	this.holderClass.pause = false;
	this.className = "outColor";
	//this.style.background = "#" + bgColor;
	this.style.cursor = "";	
}
function extractLink(divElement){
	var a = divElement.getElementsByTagName("a");
	if(a!=null) return a;
	var elem = divElement.getElementsByTagName('*')
	if(elem==null)return null;
	for(var i=0;i<elem.length;i++){
		var rec = extractLink (elem[i]);
		if(rec!=null){
			return rec;
		}
	}
	return null;
}