//<![CDATA[
var lb = "liviBotun";
var db = "desniBotun";
var className = "vilaDiv";
var divWidth = 173;
var bgColor = "ffffff";
var overColor = "e8f0ff";
var livoSlobodno = -1
var desnoSlobodno = 0
var brojDivova = 0
var vidljivoDivova = 2
var divs = new Array();
var divStartX = 18;
var liviInstance = null;
var desniInstance = null;
var lsbi ="/code/itravelDesign/images/lb.gif";
var ldisi ="/code/itravelDesign/images/lb.gif";
var lovi ="/code/itravelDesign/images/lb.gif";
var dsbi ="/code/itravelDesign/images/db.gif";
var ddisi ="/code/itravelDesign/images/db.gif";
var dovi ="/code/itravelDesign/images/db.gif";
var liviDiv = null;
var desniDiv = null;
function InitializeButtons(){
	prebrojiDivElemente();
	var b = document.getElementById(lb)
	b.onmouseover = lbOnOver;
	b.onmouseout = lbOnOut;
	b.onclick = lbOnClick;
	liviInstance = b;
	b = document.getElementById(db)
	b.onmouseover = dbOnOver;
	b.onmouseout = dbOnOut;
	b.onclick = dbOnClick;
	desniInstance = b;
	b = document.getElementsByTagName("body")
	b[0].onmouseover = bodyOnMouseOver;
	b[0].onmouseout = bodyOnMouseOut;
}
function bodyOnMouseOver(){
	liviDiv.style.display = "block";
	desniDiv.style.display = "block";
	if(hideId){
		clearTimeout(hideId);
		hideId = null;
	}
}
function bodyOnMouseOut(){
	if(!hideId){
		hideId = setTimeout(hideMenu,300);
	}
}
var hideId = null;
function hideMenu(){
	clearTimeout(hideId)
	hideId = null;
	liviDiv.style.display = "none";
	desniDiv.style.display = "none";
}
function prebrojiDivElemente(){
	var d = document.getElementsByTagName("div");
	for(var i=0; i<d.length;i++){
		if(d[i].className == className ){
			var div = new Array();
			d[i].onmouseover = DoOver;
			d[i].onmouseout = DoOut;
			d[i].onclick = DoClick;
			var a = d[i].getElementsByTagName("a");
			if(a.length){
				div.push(a[0].href);
				d[i].title = a[0].innerHTML;
				d[i].linkUrl = a[0].href;
			}
			divs.push(d[i]);
			d[i].style.left = ((divStartX - divWidth) + parseInt(divWidth*brojDivova)) + "px";
			brojDivova++;
		}else if(d[i].className == "livoVeliki" ){
			liviDiv = d[i];			
		}else if(d[i].className == "desnoVeliki" ){
			desniDiv = d[i];
		}
	}
	desnoSlobodno = brojDivova;
}
function lbOnClick(){
	slideDivs(-1);
}
function lbOnOver(){
	if(this.src.indexOf(ldisi)<1){
		this.src = lovi;
	}
}
function lbOnOut(){
	liviInstance.src = lsbi;
}
function dbOnClick(){
	slideDivs(1);	
}
function dbOnOver(){
	if(this.src.indexOf(ddisi)<1){
		this.src = dovi;	
	}
}
function dbOnOut(){
	desniInstance.src = dsbi;	
}
var offsetDivX = 0;
var offsetSpeed = 25;
var intervalId = null;
function slideDivs(direction){
	if(intervalId){
		return;
	}
	if(direction==-1){
		liviInstance.src = lsbi;
		offsetDivX = -offsetSpeed;
	}else{
		desniInstance.src = dsbi;
		offsetDivX = offsetSpeed;
	}
	livoSlobodno += direction;
	desnoSlobodno += direction;
	intervalId = setInterval(slide,100);
}
function slide(){
	var bGotovo = false;
	var minDivIndex = 0;
	var minX = 0;
	for(var i=0; i<divs.length; i++){
		var cx = parseInt(divs[i].style.left);
		cx += offsetDivX;
		if(cx>divStartX + (divWidth*(divs.length-1))){
			cx = divStartX - divWidth;
			bGotovo = true;
		}
		if(cx<divStartX - divWidth*2 ){
			cx = divStartX + (divWidth*(divs.length-2));
			bGotovo = true;
		}
		if (cx<minX){
			minDivIndex = i;
		}
		divs[i].style.left = parseInt(cx) + "px";
	}
	if( bGotovo ){
		clearTimeout(intervalId);
		intervalId = null;
		minX = divStartX - divWidth;
		for(var i=0; i<divs.length; i++){
			cx = parseInt(divs[i].style.left);

			if(i>=minDivIndex){
				cx = minX + (divWidth*(i-minDivIndex));
			}else{
				cx = minX + (divWidth* (divs.length - minDivIndex + i));
			}
			divs[i].style.left = parseInt(cx) + "px";
		}
	}
}
function DoClick(){
	if(this.linkUrl){
		try{
			parent.location = (this.linkUrl);	
		}
		catch(exception){
			parent.location = (this.linkUrl);	
		}
	}
}
function DoOver(){
	if(this.linkUrl){
		this.style.cursor = "pointer";	
	}
}
function DoOut(){
	return;
	this.style.background = "#" + bgColor;
	this.style.cursor = "";	
}
//]]>