//<![CDATA[
/*
h --> holderDiv class name
lb --> idLivog botuna
db --> desnog botuna
cn --> ime klase diva koji se slidea
hsd --> ime lčase diva koji skriva ui
dw -->širina diva
vd --> vidljivo divova
vs --> ime velike slike
*/

var brojSlidera = 0;

var classInst = null;
function DivSlide(h, lb, db, cn, hsd,
				  dw, vd, vs){
	
	this.holderDiv = document.getElementById(h);
	this.liviBtn = document.getElementById(lb);
	this.desniBtn = document.getElementById(db);
	this.className = cn;
	this.hideShowUIDivName = hsd;
	this.divWidth = dw;
	this.visibleDivs = vd;
	this.divs = new Array();
	this.timeHide = null;
	this.velikaSlika = vs;
	this.hideShowUIDiv = null;
	this.slideTmOut = null;
	this.speed = 50;
	this.pxPerSp=0;
	this.initialize();
	if(this.divs.length<5){
		this.hideShowUIDiv = null;
		return;
	}
	this.liviBtn.onmouseover = lbOnOverIt;
	this.liviBtn.onmouseout = lbOnOutIt;
	this.liviBtn.engine = this;	
	this.desniBtn.onmouseover = dbOnOverIt;
	this.desniBtn.onmouseout = dbOnOutIt;
	this.desniBtn.engine = this;

}
DivSlide.prototype.initialize = function(){
	var brojDivova = 0;
	var d = this.holderDiv.getElementsByTagName("div");

	for(var i=0; i<d.length;i++){
		if(d[i].className.indexOf(this.className)>=0 ){
			
			var div = new Array();
			
			d[i].onmouseover = doOverIt;
			d[i].onmouseout = doOutIt;
			d[i].onclick = doClickIt;
			
			d[i].engine = this;
			
			d[i].style.cursor = "pointer";
			
			var a = d[i].getElementsByTagName("a");
			var mg = d[i].getElementsByTagName("img");
			if(a.length){
				div.push(a[0].href);
				d[i].title = a[0].innerHTML;
				d[i].linkUrl = a[0].href;
			}
			this.divs.push(d[i]);
			d[i].style.left = parseInt(this.divWidth * brojDivova ) + "px";
			brojDivova++;
		}else if (d[i].className.indexOf(this.hideShowUIDivName)>=0){
			this.hideShowUIDiv = d[i];			
		}
		
	}
}

DivSlide.prototype.isTimeHide = function(){
	return this.timeHide == null ? false : true;
}
DivSlide.prototype.removeTimeHide = function(){
	clearTimeout(this.timeHide);
	this.timeHide = null;
}

DivSlide.prototype.setHideTimeout = function(){
	classInst = this;
	this.timeHide = setTimeout( this.hideButtonsIt, 300);
}
DivSlide.prototype.showButtonsIt = function(){
	if(this.timeHide){
		clearTimeout(this.timeHide);
		this.timeHide = null;
	}
	if(this.hideShowUIDiv){
		this.hideShowUIDiv.style.display="block";
	}
}
DivSlide.prototype.getVelikaSlika = function(){
	return this.velikaSlika;
}

DivSlide.prototype.slideDivsIt = function(){
	classInst.showButtonsIt();
	for(var i=0; i<classInst.divs.length; i++){
		var cx = parseInt(classInst.divs[i].style.left);
		cx += classInst.pxPerSp;
		
		if(cx < -classInst.divWidth){
			
			cx = cx + ((classInst.divs.length) * classInst.divWidth);
		}
		if(cx > classInst.divWidth * classInst.visibleDivs ){
			cx = cx - ((classInst.divs.length) * classInst.divWidth);

		}
		classInst.divs[i].style.left = parseInt(cx) + "px";
	}
}
DivSlide.prototype.hideButtonsIt = function(){
	if(classInst.hideShowUIDiv){
		classInst.hideShowUIDiv.style.display="none";
	}
}

function lbOnOverIt(){

	if(this.engine.slideTmOut){
		return;
	}
	this.engine.pxPerSp = 13;
	classInst = this.engine;
	this.engine.slideTmOut = setInterval(this.engine.slideDivsIt, this.engine.speed);
}
function lbOnOutIt(){
	if(this.engine.slideTmOut){
		clearInterval(this.engine.slideTmOut);
	}
	this.engine.slideTmOut = null;
}
function dbOnOverIt(){
	if(this.engine.slideTmOut){
		return;
	}
	this.engine.pxPerSp = -13;
	classInst = this.engine;
	this.engine.slideTmOut = setInterval(this.engine.slideDivsIt, this.engine.speed, this.engine);
}
function dbOnOutIt(){
	if(this.engine.slideTmOut){
		clearInterval(this.engine.slideTmOut);
	}
	this.engine.hideButtonsIt(this.engine);
	this.engine.slideTmOut = null;
}
function doOverIt (){
	if(this.engine.isTimeHide()){
		this.engine.removeTimeHide();
	}
	this.engine.showButtonsIt();
	this.style.cursor = "pointer";
}
function doOutIt(){
	if(!this.engine.isTimeHide()){
		this.engine.setHideTimeout();
	}
}
function doClickIt(){
	var vs = document.getElementById(this.engine.getVelikaSlika());
	if(!vs)return;
	var img = this.getElementsByTagName("img");
	var slika = img[0].src.split(".jpg")
	vs.src = slika[0] + "v.jpg";
}
function cGetVelika(src){
	var slika = src.split(".jpg")
	return slika[0] + "v.jpg";
}

//]]>