var visina;
var sirina;
var katProizvoda;
var maxH;
var maxW; 
var pnlUvecanje;
var kraj;

function PozicijaIzbornika(objekt){
	var koordinate = new Array();
	koordinate = findPos(objekt);
	document.getElementById('izbUsluge').style.left = koordinate[0] + 'px';
	document.getElementById('izbUsluge').style.top = koordinate[1] + 100 + 'px';
}

function KarticaUsluga(akcija) { 
    katProizvoda = akcija;
	if(katProizvoda==0){
		document.getElementById("izbUsluge").style.height = "155px";
		document.getElementById("izbUsluge").style.visibility = "visible";
		katProizvoda=1;
	}
	else{
		document.getElementById("izbUsluge").style.visibility = "hidden";
		katProizvoda=0;
	}
}
function Rastegni() {
	document.getElementById(pnlUvecanje).style.visibility = "visible";
	visina = document.getElementById(pnlUvecanje).offsetHeight;
	sirina = document.getElementById(pnlUvecanje).offsetWidth;
	
	//alert(visina);
	if(visina < maxH){
		visina = visina + 10;
		if(visina > maxH){visina = maxH;}
		document.getElementById(pnlUvecanje).style.height = visina;
		setTimeout("Rastegni()", 40);
	}
	if(sirina < maxW){
		sirina = sirina + 10;
		if(sirina > maxW){sirina = maxW;}
		document.getElementById(pnlUvecanje).style.width = sirina;
		setTimeout("Rastegni()", 40);
	}
	//if(visina < 125 || sirina < 240){
	//	setTimeout("Rastegni()", 10);
	//}
}
function Skupi() { 
	visina = document.getElementById(pnlUvecanje).offsetHeight;
	sirina = document.getElementById(pnlUvecanje).offsetWidth;
	
	if(sirina > 11){
		sirina = sirina - 10;
		document.getElementById(pnlUvecanje).style.width = sirina;
		setTimeout("Skupi()", 40);
	}
	//else{
		if(visina > 11){
			visina = visina - 10;
			document.getElementById(pnlUvecanje).style.height = visina;
			setTimeout("Skupi()", 40);
		}
		else{
			document.getElementById(pnlUvecanje).style.visibility = "hidden";
			kraj=1;
			return false;		
		}
	//}
}

function UvecanjeSlike(slika, panela, novaSlika) {
	//while (document.getElementById(panela).style.visibility == "visible"){
	//	SmanjenjeSlike(panela)
	//}
	
	var koordinate = new Array();
	koordinate = findPos(slika);
	document.getElementById(panela).style.left = koordinate[0] + 'px';
	document.getElementById(panela).style.top = koordinate[1] + 'px';
	
	document.getElementById(panela).innerHTML = "<table border='1' cellspacing='0' cellpadding='0'>";
	document.getElementById(panela).innerHTML += "<tr>";
	document.getElementById(panela).innerHTML += "<td>";
	document.getElementById(panela).innerHTML += "<img src='slike/" + novaSlika + "' border='1'>";
	document.getElementById(panela).innerHTML += "</td>";
	document.getElementById(panela).innerHTML += "</tr>";
	document.getElementById(panela).innerHTML += "</table>";
	document.getElementById(panela).innerHTML += "<img src='slike/smanji.gif' style='margin-top: 2px; cursor: pointer;' onClick='SmanjenjeSlike(\"slUvecanje\")'  onMouseOver='this.src=\"slike/smanji2.gif\"' onMouseOut='this.src=\"slike/smanji.gif\"' align='right'>";
	
	var imgUvecana = new Image;
	imgUvecana.src = "slike/" + novaSlika;
	maxW = imgUvecana.width + 2;
	maxH = imgUvecana.height + 25;
	pnlUvecanje = panela;
	
	Rastegni();
	
}

function SmanjenjeSlike(panela) {
	
	pnlUvecanje = panela;
	Skupi();
}