window.addEvent('domready', function() {

	   /**
		 * Stvara novi element div dodjeljuje mu klasu webBoxMarker, dodjeljuje mu stil i stavlja ga unurar prvog selektora, tj. body taga.
		 */
       var webBoxMarker = new Element('div').addClass('webBoxMarker').setStyles({'display': 'none'}).injectInside($E('body'));
       
	   /**
	     * Dobiva refrenecu na webBoxContainer uzima prvo djete u polju što je tr tag, zatim uzima svu djecu
	     * unutar tog tr taga, a to su tg tagovi i onda uzima prvo djete a to je div webBox
	     * getChildren - vraća polje sve djece parent elementa
	     */
	    var webBoxCols = $('webBoxContainer').getChildren()[0].getChildren().getChildren()[0];
					
		
// ################# TAB-ovi ##########################			
		//Tabs - sadrži polje tabova, u polje sprema objekte tab razreda
		var tabs = new Array();
		
		
		// Varijabla koja govori koji je tab aktivan
		var tabActive = null;
		
		// ako postoji cookie napuni polje tabova, u suprotnom kontaktiraj server
		if(Cookie.get('tabsCookieD')){
			var tabObject = Json.evaluate(Cookie.get('tabsCookieD'));
			tabObject.tabsDataD.each(function(el, i){
				try{
				tabs[i] = new tab({
						id: el.id,
						status: el.status,
						ime: el.ime
					});	
					
					if(el.status){
						tabActive = el.id;
					}
				}catch(e){}
			});
			
			//addTabs(tabs);
			
		} else {
		// varijabla koja sadrži URL adresu s koje uzima postavke za generiranje tabova
		var url = g_path_sl + tabs_data_path;
		var request = new Json.Remote(url, {
			onComplete: function(jsonObj) {
				jsonObj.tabsDataD.each(function(el,i){
					tabs[i] = new tab({
						id: el.id,
						status: el.status,
						ime: el.ime
					});	
					
					if(el.status){
						tabActive = el.id;
					}
				});
				
				// spremi dobiveno polje tabova u cookie
				tabsToCookie();
				
				// Nakon kreiranja objekata i spremanja u polje tabova poziva se funckija koja generira te tabove
				//addTabs(tabs);
			}
		}).send();
		}
		
		
		
		/**
		  * Funkcija koja za generira (HTML) tabove na temelju primljenog polja objekata klase tab
		  */
		/*
		function addTabs(tabs) {
			var divTabs = $('divTabs');
			var ul = new Element('ul', {'id': 'ulTab'});
			tabs.each(function(tab) {
				if(tab.options.status){
					var li = new Element('li', {'id': tab.options.id, 'class': 'selected'});
				} else {
					var li = new Element('li', {'id': tab.options.id});	
				}
				
				// dodavanje event-a svakom tabu za klik na njega
				li.onclick = tabSelect;
				if (li.captureEvents) li.captureEvents(Event.CLICK);
				var href = new Element('a', {'href': '#', 'title': tab.options.ime}).injectInside(li);
				href.innerHTML = tab.options.ime;
				
				var liOpts = new Element('li');
				var href = new Element('a', {'style': 'color:white'}).injectInside(liOpts);
				href.innerHTML = 'close';
				liOpts.addEvent('click', function(){
					tabs.remove(tab);
					li.remove();
					liOpts.remove();
					
					tabsToCookie();
				});

				li.inject(ul);
				liOpts.inject(ul);
			});
			var liAddTab = new Element('li', {'id': 'addTab'});
			var href = new Element('a', {'href': '#', 'title': 'Dodaj tab'}).injectInside(liAddTab);
			href.innerHTML = 'Dodaj Tab';
			href.onclick = newTab;
			if (href.captureEvents) href.captureEvents(Event.CLICK);
			liAddTab.inject(ul);
			ul.injectTop(divTabs);
		} // END - addTabs
		*/
		
		/**
		  * Funkcija koja generira NOVI tab
		  */
		function newTab(){
			var imeTab = prompt("Upisite ime novog taba.", "");
			
			var time = new Date()
			var newTab = new tab({
						id: 'tab'+time.getTime(),
						status: false,
						ime: imeTab
					});	
			
			tabs.include(newTab);
			
			var liAddTab = $('addTab');
			var li = new Element('li', {'id': newTab.options.id});
			li.onclick = tabSelect;
			if (li.captureEvents) li.captureEvents(Event.CLICK);
			var href = new Element('a', {'href': '#', 'title': imeTab}).injectInside(li);
			href.innerHTML = imeTab;
			
			var liOpts = new Element('li');
			var href = new Element('a', {'style': 'color:white'}).injectInside(liOpts);
			href.innerHTML = 'close';
			liOpts.addEvent('click', function(){
				tabs.remove(newTab);
				li.remove();
				liOpts.remove();
				
				tabsToCookie();
			});
			
			li.injectBefore(liAddTab);
			liOpts.injectBefore(liAddTab);
			
			tabActive = newTab.options.id;
			
			
			$('addWebBoxes').setStyle('display', 'block');
			

			tabs.each(function(tab){
				if(tab.options.id != tabActive){
					tab.options.status = false;
					$(tab.options.id).removeClass('selected');
				} else {
					tab.options.status = true;
					$(tab.options.id).addClass('selected');
				}
			});
				
			// postavljanje i skrivanje odgovarajućih box-ova za selektirani tab
			for(asc in box){
				try{
					var el = $(box[asc].options.id);
					if(tabActive != box[asc].options.idTab){
						el.setStyle('display', 'none');
					} else {
						el.setStyle('display', 'block');
					}
				} catch(e){}
				
			}
			
			tabsToCookie();

		}

		
		
		
		/**
		  * Funkcija koja za aktiviran događaj klika na tab aktivira kliknuti tab, a onaj koji je prije bio
		  * aktiviran ga stavlja u neaktivno stanje.
		  */
		function tabSelect(ev){
			if(tabActive == this.id) return;
			tabActive = this.id;
			
			// postavljenje i brisanje klasa za selektirani tab
			tabs.each(function(tab){
				if(tab.options.id != tabActive){
					tab.options.status = false;
					$(tab.options.id).removeClass('selected');
				} else {
					tab.options.status = true;
					$(tab.options.id).addClass('selected');
				}
			});
				
			// postavljanje i skrivanje odgovarajućih box-ova za selektirani tab
			for(asc in box){
				try{
					var el = $(box[asc].options.id);
					if(tabActive != box[asc].options.idTab){
						el.setStyle('display', 'none');
					} else {
						el.setStyle('display', 'block');
					}
				} catch(e){}
				
			}
			
			tabsToCookie();
			
		} // END - tabSelect
		
		
		/**
		  * Funkcija koja serijalizira polje tabova i sprema u cookie
		  */
		function tabsToCookie(){
			var tabsCookieD = '{"tabsDataD":[';
			
			tabs.each(function(tab){
				tabsCookieD += Json.toString(tab.options)+",";
			});
			
			tabsCookieD +=']}';
			Cookie.set("tabsCookieD", tabsCookieD);		
		}
		
		
		function pretvoriCookie(izKukija){
			var aCookieSplit = new Array();
			var a2CookieSplit = new Array();
			var newIzKukija = '{"webBoxDataD":[';
			var tmpNaziv = new Array('id', 'idVrsta', 'idTab', 'idStupac', 'toggs', 'rbr_projekt', 'rbr_kostur', 'rbr_css_podrucje', 'podatak');
			var tmpNavodnik = new Array('"', '"', '"', '"', '', '', '', '', '"');
			var tmpNazivVrijednost = new Array('', 'RubrNaslD', 'tabRubrNaslD', 'stupacD-1', '', '', '', '', '');
			var l_br_iz_kuki = 0;

			aCookieSplit = izKukija.split(';');
			for(i = 0; i < aCookieSplit.length - 1; i++){
				newIzKukija += '{'
				
				a2CookieSplit = aCookieSplit[i].split(':');
				for(j = 0; j < tmpNaziv.length; j++){
					if(tmpNazivVrijednost[j]){
						newIzKukija += '"' + tmpNaziv[j] + '":' + tmpNavodnik[j] + tmpNazivVrijednost[j] + tmpNavodnik[j];
					}else{
						if(j == 4){
							if(a2CookieSplit[l_br_iz_kuki] == 0){
								l_vr_iz_kuki = 'false';
							}else{
								l_vr_iz_kuki = 'true';
							}
						}else{
							l_vr_iz_kuki = a2CookieSplit[l_br_iz_kuki];
						}
						newIzKukija += '"' + tmpNaziv[j] + '":' + tmpNavodnik[j] + l_vr_iz_kuki + tmpNavodnik[j];
						l_br_iz_kuki++;
					}
					if(j < 8){
						newIzKukija += ',';
					}
				}
				if(i < aCookieSplit.length - 2){
					newIzKukija += '},';
				}
				l_br_iz_kuki = 0;
			}
			newIzKukija += '},]}';
			
			return newIzKukija;
		}
		
// ################# WEB BOX-ovi ##########################		
		// polje objekata webBox-ova  - sadrži sve boxove za zadanog korisnika	
		var box = new Array();
		var aCookieList = new Array();
		var cookieNum = "_" + g_projekt + "_" + id_kat;
		
		izKukija = Cookie.get('webBoxCookieD' + cookieNum);
		if(izKukija && !clankl){
			var newIzKukija;
			newIzKukija = pretvoriCookie(izKukija);
			//document.write(newIzKukija);

			var webBoxObject = Json.evaluate(newIzKukija);
			webBoxObject.webBoxDataD.each(function(el, i){
				try{
				box[el.id] = new webBox({
					id: el.id,
					idVrsta: el.idVrsta,
					idTab: el.idTab,
					idStupac: el.idStupac,
					toggs: el.toggs,
					rbr_projekt: el.rbr_projekt,
					rbr_kostur: el.rbr_kostur,
					rbr_css_podrucje: el.rbr_css_podrucje,
					podatak: el.podatak
				});	
				}
				catch(e){
				}
					
			});
		
			boxesToCookie(id_kat);
				
			// Nakon kreiranja objekata i spremanja u polje box-ova poziva se funckija koja generira (HTML) te box-ove
			addWebBoxes(box);

			
		} 
		else {
		// varijabla koja sadrži URL adresu s koje uzima postavke za generiranje tabova
		var url = g_path_sl + web_box_data_path;
		var request = new Json.Remote(url, {
			onComplete: function(jsonObj) {
				jsonObj.webBoxDataD.each(function(el,i){
					if(typeof(el) === "object"){
						box[el.id] = new webBox({
							id: el.id,
							idVrsta: el.idVrsta,
							idTab: el.idTab,
							idStupac: el.idStupac,
							toggs: el.toggs,
							rbr_projekt: el.rbr_projekt,
							rbr_kostur: el.rbr_kostur,
							rbr_css_podrucje: el.rbr_css_podrucje,
							podatak: el.podatak
						});	
					}
				});
				
				boxesToCookie(id_kat);
				
				// Nakon kreiranja objekata i spremanja u polje box-ova poziva se funckija koja generira (HTML) te box-ove
				addWebBoxes(box);
			}
		}).send();
		}
		
		/**
		  * Funckija koja generira (HTML) box-ove
		  * Generira sve potrebne elemente, te zatim šalje AJAX zahtjev sa sadržajem
		  * Kad su svi zahtjevi stigli poziva se funkcija za kreiranje drag elementa
		  * Prima polje objekata klase webBox
		  */
		function addWebBoxes(box) {
			// varijabla koja sadrži polje AJAX zahtjeva
			var xhrs = new Array();
			var ids = new Array();
			var rbr_projekts = new Array();
			var rbr_kosturs = new Array();
			var rbr_css_podrucjes = new Array();
			var podataks = new Array();
			var toggss = new Array();
			var i=0;
			// kreiranje HTML elementa
			for(asc in box) {
				// provjerava da li polje box-eva sadrzi objekte, jer osim objekata
				// se nalaze i neke funkcije
          if (typeof(box[asc]) === "object") {
						var el = new Element('div', {
							'id': box[asc].options.id, 
							'class': 'NewWebBox'
						});	
					/*if(tabActive != box[asc].options.idTab){
						el.setStyle('display', 'none');
					alert("staveljno na none - " + tabActive + " -- " + box[asc].options.idTab);
					}
					*/					
					
						el.inject($(box[asc].options.idStupac));
						
						var options = {
							method: 'get',
							onRequest: function(){
								this.options.reqState.addClass('ajax-loading').setHTML('Request ...');
							},
							onComplete: function(resp){
								this.options.reqState.removeClass('ajax-loading').setHTML(resp);
								
							}
						};
						
						xhrs[i] = new Ajax(url, $merge({
							reqState: $(box[asc].options.id)
						}, options));
						ids[i] = box[asc].options.id;
						rbr_projekts[i] = box[asc].options.rbr_projekt;
						rbr_kosturs[i] = box[asc].options.rbr_kostur;
						rbr_css_podrucjes[i] = box[asc].options.rbr_css_podrucje;
						podataks[i] = box[asc].options.podatak;
						toggss[i] = box[asc].options.toggs;
						i++;
					}
			}
			
			var group = new Group(null);
			group.initialize.apply(group, xhrs);
			
			group
				.addEvent('onRequest', function() {
				$('req-state-all')
					.addClass('ajax-loading')
					//.setHTML('Ucitavanje boxova  ...');
				})
				.addEvent('onComplete', function() {
				$('req-state-all')
					.removeClass('ajax-loading')
					//.setHTML('Ucitavanje webBox-ova ZAVRŠENO!');
				// poziv funckije za stvaranje drag elementa	
				drag();
			});
			
			xhrs.each(function(xhr,i){
				xhr.url = g_path_sl + box_path + "id="+ids[i] + 
					"&rbr_projekt="+rbr_projekts[i] + "&rbr_kostur="+rbr_kosturs[i] + "&rbr_css_podrucje="+rbr_css_podrucjes[i] +
					"&podatak="+podataks[i] + "&g_redosljed_elemenata=" + i + "&maximized=" + toggss[i];
				xhr.request();
			});
			
		} // END - addWebBoxes
		
		/**
		  * Funkcija za dodavanje novog WEB BOX-a
		  * potrebno je dati adresu s koje će uzeti novi box
		  */
		function addWebBox(){
			tabId = $E('.selected').id;
			var time = new Date()
			var newBox = new webBox({
				id: 'webBox'+time.getTime(),
				idVrsta: "vrsta",
				idTab: tabId,
				idStupac: "stupac-1"
			});
			
			box[newBox.options.id] = newBox;
			boxesToCookie(id_kat);
			
			var el = new Element('div', {'id': newBox.options.id, 'class': 'NewWebBox'});	
			el.inject($(newBox.options.idStupac));
			
			
			var url = g_path_sl + box_path + "id="+newBox.options.id;
			new Ajax(url, {
				method: 'get',
				update: $(newBox.options.id),
				onSuccess: function() {
					drag();
				}
			}).request();
			
			
		}
		
		/**
		  * Funkcija jednaka kao explode u PHP-u
		  */
		function splittrim(ulaz, t){ 
			return ulaz.trim().split(new RegExp('s*'+t+'s*')) 
		} 
		
		/**
		  * Funkcija koja serijalizira polje webBox-ova i sprema u cookie
		  */
		function boxesToCookie(id_kat){
		
			var cookieNum = "_" + g_projekt + "_" + id_kat;

			var i = 0;
			var webBoxCookieD = '';
			for(asc in box){
				if(typeof(box[asc]) === "object"){
					eval("redosljedZaOpcije" + box[asc].options.id + box[asc].options.id + " = i");
					//webBoxCookieD += Json.toString(box[asc].options)+",";
					i++;
					
					if(box[asc].options.toggs){
						l_toggc = 1;
					}else{
						l_toggc = 0;
					}
					
					webBoxCookieD += 
						box[asc].options.id + ":" +
						l_toggc + ":" +
						box[asc].options.rbr_projekt + ":" +
						box[asc].options.rbr_kostur + ":" +
						box[asc].options.rbr_css_podrucje + ":" +
						box[asc].options.podatak + ";";
				}
			}

			if(clankl){
				//Cookie.remove("webBoxCookie" + cookieNum, {path: "/"});
				//Cookie.set("webBoxCookie" + cookieNum, webBoxCookie, {path: "/"});
				makerequest(g_path_sl + 'admin/forma/setcok.php?m=1&id=' + g_projekt + "&idk=" + id_kat + '&va=' + pretvoriCookie(webBoxCookieD), 'areqhidD');
			}else{
				var vecIma = 0;
				var newCookieList = new Array();
				var aTmpCookieList = new Array();
				
				var tmpCookieList = Cookie.get("webBoxCookieListD");
				
				if(tmpCookieList === false){
					tmpCookieList = "";
				}else{
					//aTmpCookieList = splittrim(tmpCookieList, ':');
					aTmpCookieList = tmpCookieList.split(':');
				}
				
				l_cnt = 0;
				for(asc in aTmpCookieList){
					if(typeof(aTmpCookieList[asc]) === "string"){
						if(cookieNum == aTmpCookieList[asc]){
							// ako cookie vec postoji, nemoj ga ubaciti u listu, dodat ce se na kraj liste - najsvjeziji
							vecIma = 1;
						}else{
							if(aTmpCookieList[asc] != ""){
								newCookieList[l_cnt] = aTmpCookieList[asc];
								l_cnt++;
							}
						}
					}
				}
				
				// cokie ne postoji
				if(vecIma == 0){
					// previse cookija, izbaci najstariji
					if(l_cnt > 15){
						l_cnt = 0;
						for(asc in aTmpCookieList){
							if(typeof(aTmpCookieList[asc]) === "string"){
								if(asc == 0){
									Cookie.remove("webBoxCookieD" + aTmpCookieList[asc], {path: "/"});
								}else{
									newCookieList[l_cnt] = aTmpCookieList[asc];
									l_cnt++;
								}
							}
						}
					}
				}
	
				// trenutni cookie dodaj na kraj liste
				newCookieList[l_cnt] = cookieNum;
				Cookie.remove("webBoxCookieD" + cookieNum, {path: "/"});
				
				Cookie.set("webBoxCookieD" + cookieNum, webBoxCookieD, {path: "/"});

				allCookie = "";
				for(asc in newCookieList){
					if(typeof(newCookieList[asc]) === "string"){
						allCookie = allCookie + newCookieList[asc] + ":";
					}
				}
				allCookie = allCookie.substr(0, allCookie.length - 1);
				
				Cookie.set("webBoxCookieListD", allCookie, {path: "/"});
			}
		
		}
		
		//########## DRAGGABLES ###########
		


		// funckija koja elemente pretvara u drag
		function drag(){
			
				/**
				 * Selektira i proširuje DOM elemente klase webBox
				 * Sve te elemente stavlja u polje draggables, ti elementi će se moći pomicati
				 */
				var draggables = $$('.NewWebBox');
                
                /**
                 * Dodjeljivanje evenata svakom webBox-u
                 */
                // Učita sve elemente koji aktiviraju toggle
				var removers = $$('.NewRemove');
				var opcije = $$('.NewPostavke');
				var togglers = $$('.NewToggle');
				
				// Polje koje će sadržavati sve containere koje streba sakriti/otkriti
                var togs = {};
                
                var opts = {};
                

                /*######################################################### */
                
               
                
        
                // Pretvaranje svih elemenata u draggonable
				draggables.each(function(el, i){
					togs[i] = new Fx.Slide(el.getElements(".NewContent")[0].id, {duration: 500, transition: Fx.Transitions.Bounce.easeOut});
					
					

					togglers[i].addEvent('click', function(e){
						e = new Event(e);
						togs[i].toggle();
						e.stop();		

						if(box[el.id].options.toggs == false){
							// zatvoreni element, kad se otvara, zove file da ispuni podrucje (samo prvi put)
							if(eval("minmaxstanje" + el.id + el.id) == 0){
								eval("minmaxstanje" + el.id + el.id + "= 1");
								
								for(l_cnt = 1; l_cnt <= eval("ajaxcall" + el.id + el.id); l_cnt++){
									eval(eval(eval("ajaxcall" + el.id + el.id + "_" + l_cnt)));
								}
							}
						}

						// spremanje stanja togglera u cookie
						// false - zatvori
						// true - otvori
						tmp_pos = a_slika_minmax_rbr.indexOf(el.id);
						if(tmp_pos > -1){
							slika_minmax_1 = a_slika_minmax_1[tmp_pos];
							slika_minmax_2 = a_slika_minmax_2[tmp_pos];
							slika_podloga = a_slika_podloga[tmp_pos];
						}else{
							slika_minmax_1 = "minmaxb1_00.gif";
							slika_minmax_2 = "minmaxb2_00.gif";
							slika_podloga = "";
						}
						if(box[el.id].options.toggs == true){
							box[el.id].options.toggs = false;
							boxesToCookie(id_kat);
							l_slika = slika_podloga + ' url(' + g_path_sl + 'slike/elementi/' + slika_minmax_2 + ')';
						} else {
							box[el.id].options.toggs = true;
							boxesToCookie(id_kat);
							l_slika = slika_podloga + ' url(' + g_path_sl + 'slike/elementi/' + slika_minmax_1 + ')';
						}
						
						if(eval(document.getElementById('imgJavnoTV_' + el.id + el.id + '_' + otvoreniTabLay + '0'))){
							if(box[el.id].options.toggs == true){
								for(l_i = 1; l_i <= 3; l_i++){
									for(l_j = 0; l_j < 4; l_j++){
										if(eval(document.getElementById('imgJavnoTV_' + el.id + el.id + '_' + l_i + l_j))){
											document.getElementById('imgJavnoTV_' + el.id + el.id + '_' + l_i + l_j).style.display = '';
										}
									}
								}
							} else {
								for(l_i = 1; l_i <= 3; l_i++){
									for(l_j = 0; l_j < 4; l_j++){
										if(eval(document.getElementById('imgJavnoTV_' + el.id + el.id + '_' + l_i + l_j))){
											document.getElementById('imgJavnoTV_' + el.id + el.id + '_' + l_i + l_j).style.display = 'none';
										}
									}
								}
							}
						}


						// promijeni znak plus ili minus za toggle
						for(l_i = 0; l_i < aBlokMenuLeftIme.length; l_i++){
							if(aBlokMenuLeftId[l_i] == el.id){
								$$(".kl" + el.id + aBlokMenuMinMax[l_i] + el.id)[0].setStyle('background', l_slika);
							}
						}
						// END OF:promijeni znak plus ili minus za toggle
					});


					// ako je stanje tooglera false sakri box
					if(!box[el.id].options.toggs){
						togs[i].hide();
						eval("minmaxstanje" + el.id + el.id + "= 0");
					}

					if(eval(document.getElementById('imgJavnoTV_' + el.id + el.id + '_' + otvoreniTabLay + '0'))){
						for(l_i = 0; l_i < aBlokMenuLeftIme.length; l_i++){
							if(aBlokMenuLeftId[l_i] == el.id){
								if(!box[el.id].options.toggs){
									for(l_j = 1; l_j <= 3; l_j++){
										for(l_z = 0; l_z < 4; l_z++){
											if(eval(document.getElementById('imgJavnoTV_' + el.id + el.id + '_' + l_j + l_z))){
												document.getElementById('imgJavnoTV_' + el.id + el.id + '_' + l_j + l_z).style.display = 'none';
											}
										}
									}
								}else{
									for(l_j = 1; l_j <= 3; l_j++){
										for(l_z = 0; l_z < 4; l_z++){
											if(eval(document.getElementById('imgJavnoTV_' + el.id + el.id + '_' + l_j + l_z))){
												document.getElementById('imgJavnoTV_' + el.id + el.id + '_' + l_j + l_z).style.display = '';
											}
										}
									}
								}
							}
						}
					}



					// postavi plus ili minus za toggle
					for(l_i = 0; l_i < aBlokMenuLeftIme.length; l_i++){
						if(aBlokMenuLeftId[l_i] == el.id){
							tmp_pos = a_slika_minmax_rbr.indexOf(el.id);
							if(tmp_pos > -1){
								slika_minmax_1 = a_slika_minmax_1[tmp_pos];
								slika_minmax_2 = a_slika_minmax_2[tmp_pos];
								slika_podloga = a_slika_podloga[tmp_pos];
							}else{
								slika_minmax_1 = "minmaxb1_00.gif";
								slika_minmax_2 = "minmaxb2_00.gif";
								slika_podloga = "";
							}
							
							if(box[el.id].options.toggs){
								$$(".kl" + el.id + aBlokMenuMinMax[l_i] + el.id)[0].setStyle('background', slika_podloga + ' url(' + g_path_sl + 'slike/elementi/' + slika_minmax_1 + ')');
							}else{
								$$(".kl" + el.id + aBlokMenuMinMax[l_i] + el.id)[0].setStyle('background', slika_podloga + ' url(' + g_path_sl + 'slike/elementi/' + slika_minmax_2 + ')');
							}
						}
					}
					// END OF: postavi plus ili minus za toggle


					// pokreni micanje vijesti u boxu gdje se nabrajaju clanci - SAMO JEDAN BOX MOZE IMATI TAKVO MICANJE
					for(l_i = 0; l_i < aBlokMenuLeftIme.length; l_i++){
						if(aBlokMenuLeftId[l_i] == el.id){
							if(aMicanjeBox[l_i] == 1){
								
								varObj = "-1";
								varRbr_css_sadrzaj = el.id;
								varId_banner= el.id;
								varRbr= 0;
								
								//str = "tmp_poc = tipPocetni" + el.id + el.id;
								//eval(str);
								//varTipPocetni = tmp_poc;
								
								str = "startFunkcija" + el.id + el.id;
								eval(str);
								str = eval(str);
								strTime = eval("startFunkcijaTime" + el.id + el.id);
								if(str){
									aTimers[0] = setTimeout(str, strTime);
								}
							}
						}
					}
					// END OF; pokreni micanje vijesti u boxu gdje se nabrajaju clanci

					
					opcije[i].addEvent('click', function(e){						
						var style = el.getElements(".postavke")[0].getNext().getStyle('display');
						if(style == "none"){
							el.getElements(".postavke")[0].getNext().setStyle('display', 'block');
						} else {
							el.getElements(".postavke")[0].getNext().setStyle('display', 'none');
						}
						activeBtn=el.getElements(".postavke")[0];
						document.addEvent('mouseup', function(ev){
							try {
								// mozzila like
								elClick = (ev.target.tagName ? ev.target : ev.target.parentNode);
							} catch (e){
								elClick =  window.event.srcElement;
							} 
							

							if (elClick == activeBtn){
							    return;
							}
							
							el.getElements(".postavke")[0].getNext().setStyle('display', 'none');
							//opts[i].hide();
						});
						

					});
					
					removers[i].addEvent('click', function(e){
						e = new Event(e);
							$(el.id).remove(); //bye bye
							e.stop();
							var boxTMP = new Array();
							for(asc in box){
								if(typeof(box[asc]) === "object") {
									if(el.id != box[asc].options.id){
										boxTMP[asc] = box[asc];
									}
								}
							}
							box = boxTMP;
							boxesToCookie(id_kat);
					});
                	


					// Svaki element se može pomicati korištenjem handle, u ovom slučaju element se pomiče korištenjem div-a klase .handle
					el.makeDraggable({
						// getElementsBySelector - dohvaća SVE elemente koji u sebi imaju selektor .handle i to ovaj trenuti, tj. prvi u polju
						handle: el.getElementsBySelector('.handleD')[0],
						'onBeforeStart': function() {
							
							// Otkrivanje webBoxMarker elementa i dodavanje par stilova, element se umeće poslje el elementa tj. tretnutnog .webBox elementa
							webBoxMarker.injectAfter(el).setStyles({'display': 'block', 'height': el.getStyle('height'), 'border': '2px #B0C2DB dashed'});
							
							// Kod pomicanja elementa webBox mjenja se stil i postavljamo element na aposlutno
							el.setStyles({'opacity': '0.55', 'z-index': '3', 'display': 'block', 'width': webBoxMarker.getStyle('width'), 'position': 'absolute'});
							
							// Element ubacijemo unutar prvog selektora, tj. u body tag.
							el.injectInside($E('body'));
							
							// Elemetnu se dodjeljuju parametri webBoxMarker elementa pa se stvara dojam da se taj element pomiče.
							el.setStyles({'top': webBoxMarker.getCoordinates().top + "px", 'left': webBoxMarker.getCoordinates().left + "px"});
							
								
						},
						
						'onComplete': function() {
							// Stavi webBox prije webBoxMarker elementa i postavi stilove
							el.injectBefore(webBoxMarker).setStyles({'opacity': '1', 'z-index': '1', 'margin': '0 0 3px 0', 'position': 'relative', 'top': '0', 'left': '0', 'width': '100%'});
							
							// Stavi webBoxMarker unutar body taga i sakri taj element
							webBoxMarker.injectInside($E('body')).setStyles({'display': 'none'});
							
							// nađi i izmjeni webBox čiji se položaj promijenio
							for(asc in box){
								try {
									if(box[asc].options.id == el.id){
										box[asc].options.idStupac = el.getParent().id;
									}
								} catch(e){}
								
							}
							
							var TMPbox = new Array();
							$('stupacD-1').getChildren().each(function(ele){
									TMPbox[ele.id]=box[ele.id];
							});							
							/*
							$('stupac-2').getChildren().each(function(ele){
									TMPbox[ele.id]=box[ele.id];
							});
							
							$('stupac-3').getChildren().each(function(ele){
									TMPbox[ele.id]=box[ele.id];
							});*/
						
							
							
							box = TMPbox;
							
							
							// spremi promjene u cookie
							boxesToCookie(id_kat);
							
						},
						
						'onDrag': function() {
							//Trenutne pozicije miša
						    var mouseX = this.mouse.now.x; 
						    var mouseY = this.mouse.now.y;
						    
						     // Work from first column out and top down
						    webBoxTargetCol = webBoxCols[0];
						    webBoxTargetDiv = null;
						    
							// X - Which column?
						    webBoxCols.each(function(el, i){
						        if (mouseX > el.getCoordinates().left) webBoxTargetCol = el;
						    });
						    
						    // Y - If we're half way or more past this webBox then insert it after this one
						    webBoxTargetCol.getChildren().each(function(el, i){
						    	// el.getStyle('display') == 'block' => obavezno provjeravati samo vidljive elemente inače ne radi marker
					            if (el.getStyle('display') == 'block' && mouseY > (el.getCoordinates().top + Math.round(el.getCoordinates().height / 2))){webBoxTargetDiv = el;}
						    });

							// Place the marker
						    if (webBoxTargetDiv == null){
								// On top
								if (webBoxTargetCol.getChildren()[0] != webBoxMarker) webBoxMarker.injectTop(webBoxTargetCol);
							} else{
								// Or after a webBox
								if ((webBoxTargetDiv != webBoxMarker) && (webBoxTargetDiv != webBoxMarker.getPrevious())) {webBoxMarker.injectAfter(webBoxTargetDiv); }
							}
						}
					}); // END - make draggable
					el.removeClass("NewWebBox");
					el.addClass("webBox");

					
					/* rijesio preko css-a (file: rubrNaslVar.php) pa zato zakomentirao
					// zalijepi strelicu za natpis na handle s lijeve strane
					for(l_i = 0; l_i < aBlokMenuLeftIme.length; l_i++){
						if(aBlokMenuLeftId[l_i] == el.id){
							var xxx = $$(aBlokMenuLeftIme[l_i])[0].getSize();
							var xxxx = xxx.size['x'] + 0;
							$$(".navigacija2x" + el.id)[0].setStyle('left', xxxx + 'px');
						}
					}
					// END OF: zalijepi strelicu za natpis na hande s lijeve strane
					*/


					var pp = $$(".NewRemove")[0];
					pp.removeClass("NewRemove");
					pp.addClass("remove");
					
					pp = $$(".NewPostavke")[0];
					pp.removeClass("NewPostavke");
					pp.addClass("postavke");
					
					pp = $$(".NewContent")[0];
					pp.removeClass("NewContent");
					pp.addClass("content");
					
					pp = $$(".NewToggle")[0];
					pp.removeClass("NewToggle");
					pp.addClass("toggle");
					
				}); // END - draggables
} // END - function drag

/*
		var blocks = $('addWebBoxes').getChildren()[1].getChildren();
		blocks.each(function(el){
			el.onclick = addWebBox;
			if (el.captureEvents) el.captureEvents(Event.CLICK);
		});
*/
		}); // END - addEvent