// JavaScript Document
//functions by Milan Jovanovic PlumDesign Copyright 2005 All rights reserved
var kasnjenje;
function Timeout(imgname,tagid){
	kasnjenje = setTimeout("HideShowMenu('" + imgname + "','"+ tagid +"');",400);
	
}

function HideShowMenu(swapimage,id){

/* ponisti sve menije */
//document.getElementById('akcije').style.display = "none";
document.getElementById('proizvodi').style.display = "none";
document.getElementById('podrska').style.display = "none";
document.getElementById('servis').style.display = "none";
document.getElementById('info').style.display = "none";
document.getElementById('kontakti').style.display = "none";

//document.getElementById('pic_akcije').src = "site_images/header_strach_13.jpg";
document.getElementById('pic_proizvodi').src = "site_images/header_strach_14.jpg";
document.getElementById('pic_podrska').src = "site_images/header_strach_15.jpg";
document.getElementById('pic_servis').src = "site_images/header_strach_16.jpg";
document.getElementById('pic_info').src = "site_images/header_strach_17.jpg";
document.getElementById('pic_kontakti').src = "site_images/header_strach_18.jpg";


box = document.getElementById(id);
var id2;
id2 = "pic_" + id;

//alert(swapimage);
	if (box.style.display=="none"){
	box.style.display="block";
	document.getElementById(id2).src = "site_images/"+swapimage;
	}
	else {
		box.style.display="none";
	}

}


/* funkcije  MouseOver i MouseOut pozivam na engleskoj verziji*/
function MouseOver(swapimage,id){
box = document.getElementById(id);
id2 = "pic_" + id;
//alert(swapimage);
	document.getElementById(id2).src = "site_images/"+swapimage;
}

function MouseOut(swapimage,id){
box = document.getElementById(id);
id2 = "pic_" + id;
//alert(swapimage);
	document.getElementById(id2).src = "site_images/"+swapimage;
}

function HideShow22(id){

/* ponisti sve menije */
document.getElementById('proizvodi').style.display = "none";
document.getElementById('podrska').style.display = "none";
document.getElementById('servis').style.display = "none";
document.getElementById('info').style.display = "none";
document.getElementById('kontakti').style.display = "none";

document.getElementById('pic_proizvodi').src = "site_images/header_new_strelica.gif"
document.getElementById('pic_podrska').src = "site_images/header_new_strelica.gif"
document.getElementById('pic_servis').src = "site_images/header_new_strelica.gif"
document.getElementById('pic_info').src = "site_images/header_new_strelica.gif"
document.getElementById('pic_kontakti').src = "site_images/header_new_strelica.gif"

box = document.getElementById(id);
var id2;
id2 = "pic_" + id;
//alert(id2);
	if (box.style.display=="none"){
	box.style.display="block";
	document.getElementById(id2).src = "site_images/header_new_strelica2.gif"
	}
	else {
		box.style.display="none";
	}
}



/* Setajuci mouseOver za gornji meni */
/* PAKAO OD SKRIPTA !! */
var pustime = true;//promenljiva koju unapred setujem na true kako bi se funkcija izvrsila prvi put
function SetajuciOver(pozicija,overSlicica,stopPos){
	
	if(pustime){
		
		if(!document.getElementById(overSlicica)){
			return;
		}
	
		var el = document.getElementById(overSlicica);
	
		var startPos = el.style.left;
		startPos = parseInt(startPos);
		t1 = new Tween(el.style,'left',Tween.strongEaseOut,startPos,stopPos,0.3,'px');
	
		t1.start();
		
		pustime = false;//sveki sledeci put kad se pozove ova funkcija preskakece se deo za tween sve dok se pomeranje ne zavrsi
	}
	
	//pomocu EventHeandler-a resetujem "pustime" na true i pozivam rekurzivno ovu funkciju kako bo se over uvek postavio na poslednje izabrani link
	t1.onMotionFinished = function(){pustime = true;SetajuciOver(pozicija,overSlicica,stopPos);};
}


/* POP UP SADRZAJA */
var prethodniPPS = 0;
var PPSprefix = "PoUpSadrzaj";
var PPSvisinaMAX = 450;
var PPSvisinaMIN = 0;
function PopUpSadrzaj(PPSid,PPvisina){

	if(PPvisina) PPSvisinaMAX = PPvisina; else PPSvisinaMAX = 450;

	if(PPSid == prethodniPPS) return;//ako je pritisnut isti taster ne radi nista
	
	var currentPPS = 0;
	var previousPPS = 0;
	
	if(document.getElementById(PPSprefix+PPSid)){ currentPPS = document.getElementById(PPSprefix+PPSid); }else{ return; }
	var pps = new Tween(currentPPS.style,'height',Tween.strongEaseOut,PPSvisinaMIN,PPSvisinaMAX,0.3,'px');
	
	if(prethodniPPS != 0){//prvi ciklus
	if(document.getElementById(PPSprefix+prethodniPPS)){ previousPPS = document.getElementById(PPSprefix+prethodniPPS); }else{ return; }
		var ppz = new Tween(previousPPS.style,'height',Tween.strongEaseOut,PPSvisinaMAX,PPSvisinaMIN,0.3,'px');
		ppz.start();
		
		ppz.onMotionFinished = function(){
			pps.start();	
		}		
	}else{
		pps.start();
	}
	
	prethodniPPS = PPSid;
}


function ZatvoriPopUpSadrzaj(ZPPid){
	var myPPS = 0;
	if(document.getElementById(PPSprefix+ZPPid)){ myPPS = document.getElementById(PPSprefix+ZPPid); }else{ return; }
		ppz = new Tween(myPPS.style,'height',Tween.strongEaseOut,PPSvisinaMAX,PPSvisinaMIN,0.3,'px');
		ppz.start();
	
	prethodniPPS = 0;
}


/* Otvarajuce polje  GDbaner */ 
var goreiliDole = "gore";
function GoreDoleBaner(idEl,visina){
	if(!document.getElementById(idEl)){
		return;
	}
	
	var GDpolje =  document.getElementById(idEl);
	
	if(goreiliDole == 'gore'){
		GDstart = visina;
		GDstop = 0;
		goreiliDole = 'dole';
	}else{
		GDstart = 0;
		GDstop = visina;
		goreiliDole = 'gore';	
	}
	
	GD = new Tween(GDpolje.style,'height',Tween.strongEaseInOut,GDstart,GDstop,1,'px');
	GD.start();
}





// < FUNKCIJE ZA MENIJE >
//drop down menu functions by Milan Jovanovic PlumDesign Copyright 2005 All rights reserved
// www.plum-design.net

//deklarisanje promenljivih odgovornih za funkcionosanje menija
var inmenu = false;//mis se nalazi u podmeniju
var lastmenu = 0;//prethodni meni

var gmPrefix = "";//prefiks koji odgovara prefiksu ID-a elementa glavnog menija
var pmPrefix = "";//prefiks koji odgovara prefiksu ID-a kontejnera podmenija
//ove prefikse staviti prazne ako se skript koristi za vise razlicitih menija

var ofarbajGlavniMeni = false;//treba da bude false ako se za pozicioniranje podmenija koristo kontejner menija
							// u tom slucaju promenljiva gmID nosi pun naziv ID-a kontejnera glavnog menija
//definisanje Over i Out stanja elemenata menija							
var gmBojaOver = "";
var gmBojaOut = "";
var gmSlikaOver = "url(site_images/bgnd_meni_over.gif)";
var gmSlikaOut = "";
var gmPonavljanjeSlike = "repeat-x";


//menu size and position
//dimenzija i pozicija menija
function Menu(gmID,pmID,Wsize,offset,Hoffset,Voffset){
/*
gmID - ovo je sufiks DIV perent kontejnera gm
pmID - trenutna vrednost indeksa (sufiksa) menija na kojem je kursor pm
Wsize - sitina menija
Hoffset,Voffset - offset 
	no - pozicija elementa zadata je pomocu css-a 
offset - 
	YES  - sabira poziciju elementa u odnosu na kontejner i zadati offset
	NO - uzima u obzir samo zadati offset u odnosu na kontejner odnosno samo parametre Hoffset i Voffset

*/
	if(!document.getElementById) return;

	
	inmenu = true;
	oldmenu = lastmenu;
	lastmenu = pmID;
	if(oldmenu) Erase(oldmenu);

	//prvo uzimam referencu elementa glavnog menija
	m = document.getElementById(gmPrefix+gmID);//ukljucuje prefiks ID-a kontejnera elementa menija
	
	//menjam pozadinu elementa glavnog menija
	if(ofarbajGlavniMeni){
		m.style.backgroundColor = gmBojaOver;
		m.style.backgroundImage = gmSlikaOver;
		m.style.backgroundRepeat = gmPonavljanjeSlike;		
	}		
	
	//proveravam da li postoji podmeni za pmID
	//ovo je vazno ako element glavnog menija nema podmeni a to je cest slucaj
	if(document.getElementById(pmPrefix+pmID)){
		box = document.getElementById(pmPrefix+pmID);//ukljucuje prefiks ID-a kontejnera podmenija
	}else{
		return;
	}

	floatLeftPos = m.offsetLeft;
	
	
	floatTopPos = m.offsetTop;			

	if(offset == 'YES'){

		if(Hoffset != 'no'){
			Hoffset = parseInt(Hoffset);//parseInt od stringa vraca integer
		}else{
			Hoffset = 0;
		}
		if(Voffset != 'no'){
			Voffset = parseInt(Voffset);
		}else{
			Voffset = 0;
		}
		konacnoLeft = floatLeftPos + Hoffset;
		konacnoTop = floatTopPos + Voffset;

		box.style.left = konacnoLeft.toString() + "px";
		box.style.top = konacnoTop.toString() + "px";
	}else if(offset == 'NO'){
		
		if(Hoffset != 'no'){
			Hoffset = parseInt(Hoffset);
			box.style.left = Hoffset.toString() + "px";
			
			
		}
		if(Voffset != 'no'){
			Voffset = parseInt(Voffset);
			box.style.top = Voffset.toString() + "px";
		}	
		
	}

	box.style.display = "block";
	box.style.width = Wsize;
}

function Erase(current){

	if(!document.getElementById) return;
	if(inmenu && lastmenu == current) return;
	
	//prvo vracam pozadinu elementa glavnog menija u mouseOut stanje
	if(ofarbajGlavniMeni){
		m = document.getElementById(gmPrefix+current);
		m.style.backgroundColor = gmBojaOut;
		m.style.backgroundImage = gmSlikaOut;
		m.style.backgroundRepeat = gmPonavljanjeSlike;
	}	
	
	//ovde proveravam da li postoji podmeni
	if(document.getElementById(pmPrefix+current)){
	box = document.getElementById(pmPrefix+current);//ukljucuje prefiks ID-a kontejnera podmenija
	}else{
		return;
	}
	//box.style.visibility = "hidden";
	
	box.style.display = "none";
	

}

function Timeout(current){
	inmenu = false;
	window.setTimeout("Erase('" + current + "');",500);
	
}

function MouseInSubmenu(menu){

	inmenu = true;
	lastmenu = menu;

}
function MouseOutSubmenu(menu){
	
	Timeout(menu);

}


//getting absolute position regardles of number of containers
//dobijam apsolutnu poziciju u odnosu na stranicu bez obzira na broj kontejnera u koji je smesten element
function getAbsPos(elt,which) {
 iPos = 0;
 while (elt != null) {
  iPos += elt["offset" + which];
  elt = elt.offsetParent;
 }
 return iPos;
}
// </ FUNKCIJE ZA MENIJE >
