var vre_id_prej = [];	//polje, ki belezi indeks prejsnjega obmocja
var refresh = [];	//polje, ki belezi, ali je bil refresh ali ne
var refreshed = [];	//polje, ki belezi, ali je bil refresh ali ne
//init za radio grid
function mapinitRadioGrid (spremenljivka, options, hotspot_region_visibility_option, hotspot_tooltips_option, hotspot_region_color, hotspot_visibility_color) {
	
	$('#hotspot_image_'+spremenljivka+' .grid_table').css("display", "none");	//skrij tabelo z odgovori radio button, kjer se bodo bele�ili odgovori
	
	hotspot_visibility_color = hotspot_visibility_color.slice(1);
	
	//identifier za sliko na katero se veze mapa z obmocji
	var image1 = $('#hotspot_'+spremenljivka+'_image');	
	
	//urejanje prikazovanja obmocij za respondente
	if (hotspot_region_visibility_option == 0){	//skrij obmocja
		hotspot_region_visibility_option = false;
		var hotspot_region_visibility_option_highlight = false;
		var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_region_visibility_option == 1){	//pokazi obmocja
		hotspot_region_visibility_option = true;
		var hotspot_region_visibility_option_highlight = true;
		var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_region_visibility_option == 2){	//pokazi obmocja ob mouse over
		hotspot_region_visibility_option = false;
		var hotspot_region_visibility_option_highlight = true;
		var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_region_visibility_option == 3){
		hotspot_region_visibility_option = false;
		var hotspot_region_visibility_option_highlight = false;
		var hotspot_region_visibility_option_clicked = true;
	}
	
	//za handle-anje refresh in naprej/nazaj **********************************************************************
	//vre_id_d belezi, ali ob morebitnem odgovarjanju in naprej/nazaj ali refresh-u, kateri radio button je izbran	
	var vre_id_d = [];
	var grid_id = [];
	
	var hiddenInputs = $('#hotspot_image_'+spremenljivka+' .grid_table').children('tbody').children('tr');
	
 	hiddenInputs.each(function (index, value) {
		//vre_id_d[index] = $(this).val();
		var that = $(this);
		//vre_id_d[index] = $(this).attr('id');
		//console.log(vre_id_d[index]);
		that.each(function (i, value) { 
			var this_id = $(this).attr('id');
			var vre_id_child = $('#'+this_id).find('input[ checked="" ]').attr('vre_id');	//vre_id tistih radio buttonov, ki so izbrani
			var grid_id_child = $('#'+this_id).find('input[ checked="" ]').val();	//vre_id tistih radio buttonov, ki so izbrani
			//console.log("vre_id_child:"+vre_id_child+" z indeksom:"+index);
			vre_id_d[index] = vre_id_child;
			grid_id[vre_id_child] = grid_id_child;
			refreshed[vre_id_child] = false;
			//console.log("refreshed za vre_id:"+vre_id_d[index]+" je false v imagemapRespondent");
			//console.log("vre_id:"+vre_id_d[index]);
		});
		//console.log("vre_id_d: "+vre_id_d[index]);
		
	});
	
/* 	$('#hotspot_image_'+spremenljivka+' .checked input[ checked="" ]').each(function (index, value) { 
		vre_id_d[index] = $(this).val();				
		console.log(vre_id_d[index]);
	}); */


	 
	 if(vre_id_d[0] === undefined){
		refresh[spremenljivka] = false;
		//console.log("Not refreshed");
	}else{
		refresh[spremenljivka] = true;
		//console.log("Refreshed");
	}
	
	//za handle-anje refresh in naprej/nazaj - konec ********************************************************************
	
	var map = $('#hotspot_'+spremenljivka+'_map');
	var izbranaObmocja = {};
	
	//pokazi vse atribute name, ki so children od map
/* 	test.children().each(function (index, value) { 
	console.log('div' + index + ':' + $(this).attr('name')); 
	}); */
	var obmocja = [];	//polje za belezenje imen obmocij
	
	//poberi imena obmocij (area) map in jih zabelezi b polje "obmocja"
	map.children().each(function (index, value) { 
		obmocja[index] = $(this).attr('name');
	});
	
	//polje obmocja preuredi v besedilo
	var obmocja_string = obmocja.toString();
	
	//funkcija, ki se sprozi ob prikazovanju tooltip-a
	function urediRadioGrid(data){
		//console.log("Uredi Radio z data: "+data.key);
		var vre_id = 0;
		var identifikator = '';
		//if(refresh[spremenljivka] && refreshed[data.key] == false){
		if(refreshed[data.key] == false){
			vre_id_d.forEach(function (item, i){
				//console.log("grem cez vse, ce je refresh data.key:"+data.key);
				//console.log("Vred_id z indeksom "+i+" je:"+item);
				if(item == data.key){
					//console.log("Sta enaka:"+data.key);
					vre_id = item;
					//console.log("Vre_id r:"+vre_id)
					identifikator = '#vrednost_'+vre_id+"_grid_"+grid_id[vre_id];
				}
			});
		}else{
			vre_id = data.key;
			identifikator = '#vrednost_if_'+vre_id;
			//console.log("Vre_id not r:"+vre_id);
		}
		//console.log("Vre_id:"+vre_id);
		//var identifikator = '#vrednost_if_'+vre_id;
		//console.log("identifikator:"+identifikator);
		
		if($(identifikator).hasClass('checked')){	//ce je checked
			//oznaci na tooltip ustrezen radio button
			var id = $(identifikator+' input:checked').attr("id");	//id zabelezenega radio button-a v multigrid-u
			id = "im_"+id;
			//console.log("id:"+id);
			$('#'+id).prop( "checked", true );	//oznacitev ustreznega radio button-a v tooltip-u			
		}else if($(identifikator).attr('checked')){
			//oznaci na tooltip ustrezen radio button
			var id = $(identifikator).attr('id');	//id zabelezenega radio button-a v multigrid-u
			id = "im_"+id;
			//console.log("id:"+id);
			$('#'+id).prop( "checked", true );	//oznacitev ustreznega radio button-a v tooltip-u		
		}
		
	}
	
	//funkcija, ki se sprozi ob kliku na obmocje
	function pokaziNamigObKliku(data){
		if (hotspot_tooltips_option == 2){
			var vre_id = data.key;
			image1.mapster('tooltip',vre_id); 
		}
	}
	
	//funkcija, ki uredi delovanje toolTipClose
	function urediZapiranjeNamiga(data){
		if (hotspot_tooltips_option == 2){	//ce je moznost prikazovanja namiga ob kliku na obmocje
			var vre_id = data.key;
			return ["area-click"];
		}else if(hotspot_tooltips_option != 2){	//drugace, naj se namig zapre ob kliku na sam namig
			return ["tooltip-click"];
		}
	}
	
	//funkcija, ki uredi delovanje prikazovanja namiga
	function urediNamig(data){
		//urejanje prikazovanja namigov/tooltips za respondente
		if (hotspot_tooltips_option == 0){	//Prikazi namig ob vstopu miske
			var out = true;
			return out;
		}else if (hotspot_tooltips_option == 1){	//Skrij namig
			var out = false;
			return out;
		} else if (hotspot_tooltips_option == 2){	//Prikazi namig ob kliku miske
			var out = false;
			return out;
		}
	}
	
	//urejanje prikazovanja namigov/tooltips za respondente
	if (hotspot_tooltips_option == 0){	//Prikazi namig ob vstopu miske
		var hotspot_show_tooltips = true;
	}else if (hotspot_tooltips_option == 1){	//Skrij namig
		var hotspot_show_tooltips = false;
	} else if (hotspot_tooltips_option == 2){	//Prikazi namig ob kliku miske
		var hotspot_show_tooltips = false;
	}

	hotspot_region_color = hotspot_region_color.slice(1);
	
	//options za prikaz ze izbranega obmocja
	var izbrano_obmocje_prikaz = {	//uredi prikaz izbranega obmocja za trenutno obmocje
		//fillColor: '00ffff',
		fillColor: hotspot_region_color,
		stroke: false,
		strokeColor: '000000',
		strokeWidth: 2
	};
	
	image1
		.mapster({
			scaleMap: false,	//zelo pomemben parameter, ker drugace se koordinate spremenijo
			//fillOpacity: 0.4,
			fillColor: hotspot_visibility_color,
			//stroke: false,
			//strokeColor: "3320FF",
			//strokeOpacity: 0.8,
			//strokeWidth: 2,
			//singleSelect: true,	//ce je prisoten, ni mozno pokazati vec obmocij na enkrat
			isSelectable: false,	//na false, da se ne skrije prikaz obmocja ob kliku na njega
			mapKey: 'name',
			listKey: 'name',
			//showToolTip: true,
			showToolTip: hotspot_show_tooltips,
			//showToolTip: urediNamig,
			highlight: hotspot_region_visibility_option_highlight,
			//toolTipClose: ["area-click"],   //ob kliku na obmocje, se tooltip zapre
			//toolTipClose: ["tooltip-click"],
			toolTipClose: ["image-mouseout"],
			//toolTipClose: urediZapiranjeNamiga,
			onShowToolTip: urediRadioGrid,
			onClick: pokaziNamigObKliku
		})
		//.mapster('set',true,obmocja_string)	//pokazi na sliki mape obmocij, obmocja naj bodo vidna od samega zacetka
		//.mapster('set',hotspot_region_visibility_option,obmocja_string) //ce je ta nastavitev prisotna, ob refreshu nekaj v knjiznici se sesuje
		.mapster('set_options', options);
		
		if(vre_id_d[0] !== undefined){	//zadeva se sprozi ob morebitnem refresh-u strani ali naprej/nazaj po anketi
			//console.log("Ni undefined za spr: "+spremenljivka);
			//$('.mapster_tooltip').find('').;
		}
		
		
}

//ob kliku na radio button v tooltip - za radio grid
function mapdelovanjeRadioGrid(htmlobject, vre_id_d){
	htmlobjectid = htmlobject.id.substring(3);	//odstrani prve tri crke trenutnega id-ja iz tooltip-a za dobiti id iz multigrid
	
	if ($('#'+htmlobjectid).is(':checked')){	//ce je radio button ze klikan
		$('#'+htmlobject.id).prop( "checked", false );	//odstrani check iz tooltip-a
		$('#'+htmlobjectid).prop( "checked", false );	//v skritem klasicnem multigrid-u odstrani ustrezen odgovor
	}else{
		$('#'+htmlobjectid).prop( "checked", true );	//v skritem klasicnem multigrid-u izberi ustrezen odgovor
		refreshed[vre_id_d] = true;
		//console.log("refreshed za vre_id:"+vre_id_d+" je "+refreshed[vre_id_d]+" v mapdelovanjeRadioGrid");
	}
	
}


//init za radio
/* var vre_id_prej = [];	//polje, ki belezi indeks prejsnjega obmocja
var refresh = [];	//polje, ki belezi, ali je bil refresh ali ne */
function mapinitRadio(spremenljivka, options, tip, hotspot_region_visibility_option, hotspot_tooltips_option, hotspot_region_color, hotspot_visibility_color) {
	
	$('#hotspot_image_'+spremenljivka+' .variabla').css("display", "none");	//skrij radio/checkbox button odgovore, kjer se bodo bele�ili odgovori
	$('#hotspot_image_'+spremenljivka+' .missing').css("display", "");	//pokazi missing radio/checkbox odgovore, ce so prisotni
	
	//urejanje prikazovanja obmocij za respondente
	if (hotspot_region_visibility_option == 0){	//skrij obmocja
		hotspot_region_visibility_option = false;
		var hotspot_region_visibility_option_highlight = false;
		var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_region_visibility_option == 1){	//pokazi obmocja
		hotspot_region_visibility_option = true;
		var hotspot_region_visibility_option_highlight = true;
		var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_region_visibility_option == 2){	//pokazi obmocja ob mouse over
		hotspot_region_visibility_option = false;
		var hotspot_region_visibility_option_highlight = true;
		var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_region_visibility_option == 3){
		hotspot_region_visibility_option = false;
		var hotspot_region_visibility_option_highlight = false;
		var hotspot_region_visibility_option_clicked = true;
	}
	
	//urejanje prikazovanja namigov/tooltips za respondente
	if (hotspot_tooltips_option == 0){	//Prikazi namig ob vstopu miske
		hotspot_tooltips_option = true;
		//console.log("hotspot_tooltips_option: "+hotspot_tooltips_option);
		//var hotspot_region_visibility_option_highlight = false;
		//var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_tooltips_option == 1){	//Skrij namig
		hotspot_tooltips_option = false;
		//console.log("hotspot_tooltips_option: "+hotspot_tooltips_option);
		//var hotspot_region_visibility_option_highlight = true;
		//var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_tooltips_option == 2){	//Prikazi namig ob kliku miske
		hotspot_tooltips_option = false;
		//var hotspot_region_visibility_option_highlight = true;
		//var hotspot_region_visibility_option_clicked = false;
	}
	
	
	//vre_id_d belezi, ali ob morebitnem odgovarjanju in naprej/nazaj ali refresh-u, kateri radio button je izbran
	if (tip == 1){
		var vre_id_d = $('#hotspot_image_'+spremenljivka+' .checked input[name=vrednost_'+spremenljivka+']').val();
		//console.log("vre_id_d: "+vre_id_d+" za spr: "+spremenljivka);
	}else if(tip == 2){
		var vre_id_d = [];
		$('#hotspot_image_'+spremenljivka+' .checked input[ checked="" ]').each(function (index, value) { 
			vre_id_d[index] = $(this).val();
			//console.log(vre_id_d[index]);
		});
		
/* 		//var vre_id_d = $('#hotspot_image_'+spremenljivka+' .checked input[name=vrednost_'+spremenljivka+']').val();
		vre_id_d = $('#hotspot_image_'+spremenljivka+' .checked input[ checked="" ]').val();
		console.log(vre_id_d[0]);	 */	
	}

	 
	 if(vre_id_d === undefined){
		refresh[spremenljivka] = false;
	}else{
		refresh[spremenljivka] = true;
	}
	
	var map = $('#hotspot_'+spremenljivka+'_map');
	var izbranaObmocja = {};
	
	//pokazi vse atribute name, ki so children od map
/* 	test.children().each(function (index, value) { 
	console.log('div' + index + ':' + $(this).attr('name')); 
	}); */
	var obmocja = [];	//polje za belezenje imen obmocij
	
	//poberi imena obmocij (area) map in jih zabelezi b polje "obmocja"
	map.children().each(function (index, value) { 
		obmocja[index] = $(this).attr('name');
	});
	
	//polje obmocja preuredi v besedilo
	var obmocja_string = obmocja.toString();
	
	//identifier za sliko na katero se veze mapa z obmocji
	var image1 = $('#hotspot_'+spremenljivka+'_image');
	
	hotspot_visibility_color = hotspot_visibility_color.slice(1);
	//options za default prikaz obmocja
	var default_prikaz = {
		scaleMap: false,	//zelo pomemben parameter, ker drugace se koordinate spremenijo
		isSelectable: false,	//na false, da se ne skrije prikaz obmocja ob kliku na njega
		mapKey: 'name',
		highlight: hotspot_region_visibility_option_highlight,
		//listKey: 'name',
		//showToolTip: true
		showToolTip: hotspot_tooltips_option,
		fillColor: hotspot_visibility_color
	};
	
	hotspot_region_color = hotspot_region_color.slice(1);
	//options za prikaz izbranega obmocja
	var izbrano_obmocje_prikaz = {	//uredi prikaz izbranega obmocja za trenutno obmocje
		//fillColor: '00ffff',
		fillColor: hotspot_region_color,
		stroke: false,
		strokeColor: '000000',
		strokeWidth: 2
	};
	
	//funkcija, ki se sprozi ob kliku na obmocje
/* 	function urediRadio(data){
		//console.log("Uredi Radio z data: "+data.key);
 		var vre_id = data.key;
		if ($('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).is(':checked')){	//ce je radio button ze klikan
			$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).prop( "checked", false);	//odstranitev oznacitve ustreznega radio button-a v skritem menuju spremenljivka_4448_vrednost_23664
			image1.mapster('set', false, vre_id);
			image1.mapster('set', true, vre_id, default_prikaz); //uredi default prikaz obmocja za trenutno obmocje
		}else{
			$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).prop( "checked", true);	//oznacitev ustreznega radio button-a v skritem menuju
			//console.log(image1);
			image1.mapster('set', false, vre_id);	//spucaj trenutno izbrano obmocje iz slike
			image1.mapster('set', false, vre_id_prej[spremenljivka]);	//spucaj prejsnje izbrano obmocje iz slike
			if (vre_id != vre_id_prej[spremenljivka]){	//ce sta razlicna obmocja
				image1.mapster('set', true, vre_id_prej[spremenljivka], default_prikaz); //uredi default prikaz obmocja za prejsnje obmocje
			}
			image1.mapster('set', true, vre_id, izbrano_obmocje_prikaz); //uredi prikaz izbranega obmocja za trenutno obmocje
			vre_id_prej[spremenljivka] = vre_id;
		}
	} */
	
	function urediObmocja(data){
		//console.log("Uredi Radio z data: "+data.key);
		//console.log("Clicked! hotspot_region_visibility_option_highlight je :"+hotspot_region_visibility_option_highlight);
 		var vre_id = data.key;
	//if(hotspot_region_visibility_option_clicked == false){
		//if ($('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).is(':checked')){	//ce je radio button ze klikan
		if ( $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).is(':checked') || $('#missing_value_spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).is(':checked')){	//ce je radio button ali missing ze oznacen 
			
			$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).prop( "checked", false);	//odstranitev oznacitve ustreznega radio button-a v skritem menuju spremenljivka_4448_vrednost_23664
			
			$('#missing_value_spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).prop( "checked", false); //odstranitev oznacitve ustreznega missing-a (missing_value_spremenljivka_4466_vrednost_23822)
			
			image1.mapster('set', false, vre_id);
			
			//image1.mapster('set', true, vre_id, default_prikaz); //uredi default prikaz obmocja za trenutno obmocje
			image1.mapster('set', hotspot_region_visibility_option, vre_id, default_prikaz); //uredi default prikaz obmocja za trenutno obmocje
			
		}else{	//ce radio button ni ze klikan
			
			//console.log(image1);
			
			image1.mapster('set', false, vre_id);	//spucaj trenutno izbrano obmocje iz slike
			
 			if ( (vre_id_d !== undefined) && (refresh[spremenljivka] == true) ){	//ce sta razlicna obmocja
				//console.log("Ni undefined");
				vre_id_prej[spremenljivka] = vre_id_d;
				refresh[spremenljivka] = false;
			}
			
			if (tip == 1){	//ce je radio tip postavitve, je potrebno ustrezno urediti obmocja
				image1.mapster('set', false, vre_id_prej[spremenljivka]);	//spucaj prejsnje izbrano obmocje iz slike
				if (vre_id != vre_id_prej[spremenljivka]){	//ce sta razlicna obmocja
					//image1.mapster('set', true, vre_id_prej[spremenljivka], default_prikaz); //uredi default prikaz obmocja za prejsnje obmocje
					image1.mapster('set', hotspot_region_visibility_option, vre_id_prej[spremenljivka], default_prikaz); //uredi default prikaz obmocja za prejsnje obmocje 
					
				}				
			}
			
			//ce je checkbox in je missing, ki je oznacen
			if( tip == 2 && ($('#hotspot_image_'+spremenljivka).children().hasClass('missing')) && ($('#hotspot_image_'+spremenljivka).children().hasClass('checked')) ){
				//console.log("Missing");	//nic ne narediti
			}else{	//drugace
				$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).prop( "checked", true);	//oznacitev ustreznega radio button-a / checkbox v skritem menuju
				image1.mapster('set', true, vre_id, izbrano_obmocje_prikaz); //uredi prikaz izbranega obmocja za trenutno obmocje
				//image1.mapster('set', hotspot_region_visibility_option, vre_id, izbrano_obmocje_prikaz); //uredi prikaz izbranega obmocja za trenutno obmocje
			}
			
			vre_id_prej[spremenljivka] = vre_id;

		}
	//}else if(hotspot_region_visibility_option_clicked == true){
	//	image1.mapster('set', hotspot_region_visibility_option_clicked, vre_id);
		//console.log("Clicked! hotspot_region_visibility_option_highlight je :"+hotspot_region_visibility_option);
	//}
	}	
	
	
	image1
		.mapster({
			scaleMap: false,	//zelo pomemben parameter, ker drugace se koordinate spremenijo
			isSelectable: false,	//na false, da se ne skrije prikaz obmocja ob kliku na njega
			mapKey: 'name',
			highlight: hotspot_region_visibility_option_highlight,
			//listKey: 'name',
			//showToolTip: true,
			showToolTip: hotspot_tooltips_option,
			onClick: urediObmocja,
			fillColor: hotspot_visibility_color
		})
		//.mapster('set',true,obmocja_string)	//pokazi na sliki mape obmocij, obmocja naj bodo vidna od samega zacetka
		.mapster('set', hotspot_region_visibility_option, obmocja_string)	//pokazi na sliki mape obmocij, obmocja naj bodo vidna od samega zacetka
		.mapster('set_options', options);

 	if(vre_id_d !== undefined){	//zadeva se sprozi ob morebitnem refresh-u strani ali naprej/nazaj po anketi
		//console.log("Ni undefined za spr: "+spremenljivka);
		image1.mapster('set', false, vre_id_d);	//spucaj trenutno izbrano obmocje iz slike
		image1.mapster('set', true, vre_id_d, izbrano_obmocje_prikaz);	//uredi prikaz prej izbranega obmocja za tole obmocje
		//image1.mapster('set', hotspot_region_visibility_option, vre_id_d, izbrano_obmocje_prikaz);	//uredi prikaz prej izbranega obmocja za tole obmocje
	}
}


//init za ranking
function mapinitRanking (spremenljivka, options, hotspot_region_visibility_option, hotspot_tooltips_option, hotspot_region_color, hotspot_visibility_color) {
	
	$('#hotspot_image_'+spremenljivka+' .variabla').css("display", "none");	//skrij ranking ostevilcevanje, kjer se bodo bele�ili odgovori
	//$('#hotspot_image_'+spremenljivka+' .komentar').css("display", "none");	//skrij textarea, kjer se bodo bele�ili komentarji
	
	hotspot_visibility_color = hotspot_visibility_color.slice(1);
	
	//identifier za sliko na katero se veze mapa z obmocji
	var image1 = $('#hotspot_'+spremenljivka+'_image');	
	
	//urejanje prikazovanja obmocij za respondente
	if (hotspot_region_visibility_option == 0){	//skrij obmocja
		hotspot_region_visibility_option = false;
		var hotspot_region_visibility_option_highlight = false;
		var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_region_visibility_option == 1){	//pokazi obmocja
		hotspot_region_visibility_option = true;
		var hotspot_region_visibility_option_highlight = true;
		var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_region_visibility_option == 2){	//pokazi obmocja ob mouse over
		hotspot_region_visibility_option = false;
		var hotspot_region_visibility_option_highlight = true;
		var hotspot_region_visibility_option_clicked = false;
	}else if (hotspot_region_visibility_option == 3){
		hotspot_region_visibility_option = false;
		var hotspot_region_visibility_option_highlight = false;
		var hotspot_region_visibility_option_clicked = true;
	}
	
	//za handle-anje refresh in naprej/nazaj **********************************************************************
	//vre_id_d belezi, ali ob morebitnem odgovarjanju in naprej/nazaj ali refresh-u, kateri radio button je izbran	
	var vre_id_d = [];
	
	
	var values = [];	
	
	//preleti skrite odgovore razvrscanje-ostevilcevanje in belezi vrednosti odgovorov ####################
	$('#hotspot_image_'+spremenljivka+' .variabla input').each(function(index){
		//console.log("value: "+$(this).attr('value'));
		var value = $(this).attr('value');
		var vre_id = $(this).attr('vred_id');
		//console.log("vre_id po refreshu: "+vre_id);
 		if(value!=''){
			values[vre_id] = value;
			refreshed[vre_id] = false;
			$(this).parent().addClass('checked');	//dodaj info, da je prisoten odgovor
		}else{
			refreshed[vre_id] = true;
		}
		//console.log("vrednosti odgovorov po refreshu: "+value+" z indeksom: "+index);		
	});
	
	
	var valuesLength = values.length;	//hrani stevilo nepraznih odgovorov
	//console.log("Velikost polja values: "+valuesLength);
	
	//preleti skrite odgovore razvrscanje-ostevilcevanje in belezi vrednosti odgovorov - konec ##############
	
	//za handle-anje refresh in naprej/nazaj - konec ********************************************************************
	
	var map = $('#hotspot_'+spremenljivka+'_map');
	var izbranaObmocja = {};
	
	//pokazi vse atribute name, ki so children od map
/* 	test.children().each(function (index, value) { 
	console.log('div' + index + ':' + $(this).attr('name')); 
	}); */
	var obmocja = [];	//polje za belezenje imen obmocij
	
	//poberi imena obmocij (area) map in jih zabelezi b polje "obmocja"
	map.children().each(function (index, value) { 
		obmocja[index] = $(this).attr('name');
	});
	
	//polje obmocja preuredi v besedilo
	var obmocja_string = obmocja.toString();
	
	//funkcija, ki se sprozi ob prikazovanju tooltip-a
	function urediRadioGrid(data){

		var vre_id = 0;
		var identifikator = '';
		vre_id = data.key;

		// ce se je zgodil refresh, ali se je uporabnik vrnil na stran z vprasanjem, zapolni odgovore
		if(refreshed[data.key] == false){	

			$('#im_vrednost_if_'+vre_id+' .category input').each(function(index){
				var id = $(this).attr('id');					
				var vrstni_red = $(this).attr('vrstni_red');
				
				if(vrstni_red == values[vre_id]){
					$('#'+id).prop( "checked", true );

					// disable ostale odgovore, ki so bili izbrani ze drugje
					disableOthers(spremenljivka, vre_id);
		
					// enable trenuten odgovor, ce je disable-an
					enableCurrent(id);			
				}
			});
		}
		else{
			identifikator = '#vrednost_if_'+vre_id;
		}

		// ce je checked
		if($(identifikator).hasClass('checked')){

			// oznaci na tooltip ustrezen radio button
			var id = $(identifikator+' input').attr('id');	//id zabelezenega odgovora
			id = $('#vrednost_if_'+vre_id).attr('tooltipid');

			id = 'im_'+id;
			$('#'+id).prop( "checked", true );	//oznacitev ustreznega radio button-a v tooltip-u
			
			// disable ali skriti ostale odgovore, ki so bili izbrani ze drugje
			disableOthers(spremenljivka, vre_id);		
			
			// enable trenuten odgovor, ce je disable-an
			enableCurrent(id);
		}
		else if($(identifikator).attr('checked')){
			// oznaci na tooltip ustrezen radio button
			var id = $(identifikator).attr('id');	//id zabelezenega radio button-a v multigrid-u
			id = "im_"+id;

			$('#'+id).prop( "checked", true );	//oznacitev ustreznega radio button-a v tooltip-u		
		}
		else if(refreshed[data.key]==true){	
			// enable trenuten odgovor, ce je disable-an
			enableCurrent(id);		

			// disable ostale odgovore, ki so bili izbrani ze drugje
			disableOthers(spremenljivka, vre_id);
		}

		// ZA KOMENTAR
		var identifikatorKomentar = '#vrednost_if_komentar_'+vre_id;
		if($(identifikatorKomentar+' input').attr('value')){	//ce je komentar prisoten v skritem textarea
			var komentarTooltip = $(identifikatorKomentar+' input').attr('value');
			$('#im_vrednost_komentar_'+vre_id).attr('value', komentarTooltip);
		}
	}
	
	// funkcija, ki se sprozi ob kliku na obmocje
	function pokaziNamigObKliku(data){
		if (hotspot_tooltips_option == 2){
			var vre_id = data.key;
			image1.mapster('tooltip', vre_id); 
		}
	}
	
	//funkcija, ki uredi delovanje toolTipClose
	function urediZapiranjeNamiga(data){
		if (hotspot_tooltips_option == 2){	//ce je moznost prikazovanja namiga ob kliku na obmocje
			var vre_id = data.key;
			return ["area-click"];
		}else if(hotspot_tooltips_option != 2){	//drugace, naj se namig zapre ob kliku na sam namig
			return ["tooltip-click"];
		}
	}
	
	//funkcija, ki uredi delovanje prikazovanja namiga
	function urediNamig(data){
		//urejanje prikazovanja namigov/tooltips za respondente
		if (hotspot_tooltips_option == 0){	//Prikazi namig ob vstopu miske
			var out = true;
			return out;
		}else if (hotspot_tooltips_option == 1){	//Skrij namig
			var out = false;
			return out;
		} else if (hotspot_tooltips_option == 2){	//Prikazi namig ob kliku miske
			var out = false;
			return out;
		}
	}
	
	//urejanje prikazovanja namigov/tooltips za respondente
	if (hotspot_tooltips_option == 0){	//Prikazi namig ob vstopu miske
		var hotspot_show_tooltips = true;
	}
	else if (hotspot_tooltips_option == 1){	//Skrij namig
		var hotspot_show_tooltips = false;
	} 
	else if (hotspot_tooltips_option == 2){	//Prikazi namig ob kliku miske
		var hotspot_show_tooltips = false;
	}

	hotspot_region_color = hotspot_region_color.slice(1);
	
	// options za prikaz ze izbranega obmocja
	var izbrano_obmocje_prikaz = {	//uredi prikaz izbranega obmocja za trenutno obmocje
		//fillColor: '00ffff',
		fillColor: hotspot_region_color,
		stroke: false,
		strokeColor: '000000',
		strokeWidth: 2
	};

	
	// samo pri sazu anketi - obarvamo oznacena obmocja
	var areas = [];
	if($('#hotspot_image_' + spremenljivka + '_sazu').val() == '1'){

		var colors = {
            1: '009900',
            2: '88ff00',
            3: 'ffff00',
			4: 'ff9900',
			5: 'ff3300',
			6: 'bb0000'
		};

		$('#hotspot_image_' + spremenljivka + ' .variabla.checked').each(function(i, obj) {
			var id_string = $(obj).attr('id');
			var id = id_string.split('_');

			var vrstni_red = $(obj).find('input').val();

			// Obarvamo obmocje z vrednostjo
			var area = { 
				key: id[2].toString(),
				fillColor: colors[vrstni_red],
				selected: true
			}

			areas.push(area);
		});
	}

	image1
		.mapster({
			scaleMap: false,	//zelo pomemben parameter, ker drugace se koordinate spremenijo
			
			//fillOpacity: 0.4,
			fillColor: hotspot_visibility_color,
			
			stroke: true,
			strokeColor: "1e88e5",
			strokeOpacity: 0.8,
			strokeWidth: 2,

			singleSelect: false,	//ce je prisoten, ni mozno pokazati vec obmocij na enkrat
			//isSelectable: false,	//na false, da se ne skrije prikaz obmocja ob kliku na njega
			mapKey: 'name',
			listKey: 'name',

			showToolTip: hotspot_show_tooltips,
			highlight: hotspot_region_visibility_option_highlight,
			
			toolTipClose: [],

			onShowToolTip: urediRadioGrid,
			onClick: pokaziNamigObKliku,

			isDeselectable: false,

			areas: areas,	// samo pri sazu anketi - obarvamo oznacena obmocja
		})
		//.mapster('set',hotspot_region_visibility_option,obmocja_string)	//ce je ta nastavitev prisotna, ob refreshu nekaj v knjiznici se sesuje
		.mapster('set_options', options);
}



//ob kliku na radio button v tooltip - za ranking
function mapdelovanjeRanking(htmlobject, vre_id_d){

	htmlobjectid = htmlobject.id.substring(3);	//odstrani prve tri crke trenutnega id-ja iz tooltip-a za dobiti id iz multigrid
	var vrstni_red = 0;

	//ce je ze prisoten odgovor v razvrscanju
	if ($('#vrednost_if_'+vre_id_d+' input').attr('value') == $('#im_'+htmlobjectid).attr('vrstni_red')){	
		
		$('#'+htmlobject.id).prop( "checked", false );	//odstrani check iz tooltip-a
		$('#vrednost_if_'+vre_id_d+' input').val(''); //v skritem razvrscanju odstrani ustrezen odgovor
		$('#vrednost_if_'+vre_id_d+' input').attr('value', '');	//v skritem razvrscanju uredi odgovor, da se bo belezil v bazo
	
		refreshed[vre_id_d] = true;
	}
	else{
		vrstni_red = $('#im_'+htmlobjectid).attr('vrstni_red');

		$('#vrednost_if_'+vre_id_d+' input').val(vrstni_red);	//v skritem razvrscanju uredi odgovor, da se vidi
		$('#vrednost_if_'+vre_id_d+' input').attr('value', vrstni_red);	//v skritem razvrscanju uredi odgovor, da se bo belezil v bazo
		$('#vrednost_if_'+vre_id_d).attr('tooltipid', htmlobjectid);	//zabelezi id tooltip-a za kasneje

		refreshed[vre_id_d] = true;
	}
}
//ob kliku na radio button v tooltip - za ranking za SAZU
function mapdelovanjeRankingSazu(htmlobject, vre_id_d){

	var colors = {
        1: '009900',
        2: '88ff00',
        3: 'ffff00',
        4: 'ff9900',
        5: 'ff3300',
		6: 'bb0000'
	};

	htmlobjectid = htmlobject.id.substring(3);	//odstrani prve tri crke trenutnega id-ja iz tooltip-a za dobiti id iz multigrid
	var vrstni_red = 0;

	//ce je ze prisoten odgovor v razvrscanju
	if ($('#vrednost_if_'+vre_id_d+' input').attr('value') == $('#im_'+htmlobjectid).attr('vrstni_red')){	
		
		$('#'+htmlobject.id).prop( "checked", false );	//odstrani check iz tooltip-a
		$('#vrednost_if_'+vre_id_d+' input').val(''); //v skritem razvrscanju odstrani ustrezen odgovor
		$('#vrednost_if_'+vre_id_d+' input').attr('value', '');	//v skritem razvrscanju uredi odgovor, da se bo belezil v bazo
	
		refreshed[vre_id_d] = true;

		// Razbarvamo obmocje
		colorArea(vre_id_d.toString(), 'ffffff');
	}
	else{
		vrstni_red = $('#im_'+htmlobjectid).attr('vrstni_red');

		$('#vrednost_if_'+vre_id_d+' input').val(vrstni_red);	//v skritem razvrscanju uredi odgovor, da se vidi
		$('#vrednost_if_'+vre_id_d+' input').attr('value', vrstni_red);	//v skritem razvrscanju uredi odgovor, da se bo belezil v bazo
		$('#vrednost_if_'+vre_id_d).attr('tooltipid', htmlobjectid);	//zabelezi id tooltip-a za kasneje

		refreshed[vre_id_d] = true;

		// Obarvamo obmocje
		colorArea(vre_id_d.toString(), colors[vrstni_red]);
	}
}

// ob pisanju v textarea za komentar v tooltip - za ranking
function mapdelovanjeRankingKomentar(textarea_id, comment){

	// v skritem razvrscanju uredi odgovor, da se bo belezil v bazo
	$('#' + textarea_id).attr('value', comment);	
	
	//console.log("komentar: " + comment);
}


//disable ostale odgovore, ki so bili izbrani ze drugje
function disableOthers(spremenljivka, vre_id){

	$('#hotspot_image_'+spremenljivka+' .checked input').each(function(){
		var value = $(this).attr('value');		
		
		$('#im_vrednost_if_'+vre_id+' .category input').each(function(){
			var vrstni_red = $(this).attr('vrstni_red');

			if(vrstni_red == value){

				$(this).parent().addClass('disabled-item');		// dodamo class za disabled
				$(this).attr('disabled','disabled');			// disable odgovor, ki je ze izbran
				$(this).parent().css('cursor','not-allowed');	// spremeni kurzor miske odgovora, ki je ze izbran
			}
		});
	});	
}


//enable trenuten odgovor, ce je disable-an
function enableCurrent(id){

	$('#'+id).parent().removeClass('disabled-item');		// odstrtanimo class za disabled
	$('#'+id).parent().addClass('active-item');				// dodamo class za active

	$('#'+id).prop( "disabled", "" );
	$('#'+id).parent().css('cursor','pointer');
}

// Zapremo tooltip
function removeMapsterTooltip(){
	
	// Dobimo id obmocja za katerega imamo odprt tooltip
	var id_string = $(".mapster_tooltip > div").attr('id');
	var id = id_string.split('_');

	// Deselectamo obmocje tooltipa - samo ce ni oznacen noben radio gumb
	if(!$(".mapster_tooltip .question input:checked").val())
		$('img').mapster('set', false, id);

	$('img').mapster('tooltip');
}

// Pobarvamo doloceno obmocje
function colorArea(area_id, color){

	var newOp = { 
		areas: [
			{ 
				key: area_id,
				fillColor: color
			}
	   ]
	};	
	// Deselectamo obmocje
	$('img').mapster('set', false, area_id);
	// Nastavimo usrezno barvo
	$('img').mapster('set_options', newOp);
	// Ga na novo selectamo
	$('img').mapster('set', true, area_id);
}