// #define
var UI_NAVIGATOR_JS = 1;

//
// class Navigator
//
function Navigator() {
	this.classCss = "navigator";
	this.classLinkCss = "navigator_link";
	this.styleCss = "";
	this.pageNo = null;
	this.pages = null;
	
	this.createNavigator = function(pageNo, pages) {
		this.pageNo = pageNo;
		this.pages = pages;
		var eDiv = document.createElement("div");	
		eDiv.setAttribute("class",this.classCss);
		eDiv.className = this.classCss;
		// creates page navigator
		var sInner = "";
		if(this.pageNo > 1) sInner += ("<a class='" + this.classLinkCss + "' href='javascript:navigatorClicked(" + (this.pageNo-1) + ");'>&lt;&lt;</a> |&nbsp;");
		if(this.pages<8) {
			for(i=1;i<=this.pages;i++) {
				sInner += this.putHref(i,this.pageNo);
			}
		} else {
			sInner += this.putHref(1,this.pageNo);
			sInner += this.putHref(2,this.pageNo);
			if(this.pageNo > 4) sInner +=("..&nbsp;");
			if(this.pageNo>=4 && this.pageNo <= (this.pages-3)) {
			 sInner += this.putHref(this.pageNo-1,this.pageNo);
			 sInner += this.putHref(this.pageNo,this.pageNo);
			 sInner += this.putHref(this.pageNo+1,this.pageNo);
			} else if(this.pageNo<4) {
			 sInner += this.putHref(3,this.pageNo);
			 sInner += this.putHref(4,this.pageNo);
			 sInner += this.putHref(5,this.pageNo);
			} else {
			 sInner += this.putHref(this.pages-4,this.pageNo);
			 sInner += this.putHref(this.pages-3,this.pageNo);
			 sInner += this.putHref(this.pages-2,this.pageNo);
			}
			if(this.pageNo < this.pages-3) sInner+=("..&nbsp;");
			sInner += this.putHref(this.pages-1,this.pageNo);
			sInner += this.putHref(this.pages,this.pageNo);
		}
		if(this.pageNo < this.pages) sInner += ("<a class='" + this.classLinkCss + "' href='javascript:navigatorClicked(" + String(Number(this.pageNo)+1) + ");'>&gt;&gt;</a>");
		eDiv.innerHTML = sInner;
		return eDiv;
		
	}
	
	this.putHref = function(value,pageNo) {
		var sRet = "";
 		// private function, subrutina funkcije createNavigator
		if(value != pageNo) {
			sRet += "<a class='" + this.classLinkCss + "' href='javascript:navigatorClicked(" + value + ");'>"; 
		} else {
			sRet += "<strong>";
		}
		if(value < 10) sRet += "0";
		sRet += value;
		if(value != pageNo) {
			sRet += "</a>"; 
		} else {
			sRet += "</strong>";
		}
		sRet += "&nbsp;|&nbsp;";
		return sRet;
	}
	
	
}