function onready() {

	jQuery("#right_side a.dot").each(vsakDot);
	
	jQuery("#zapri_overlay").click(hideOverlay);
	jQuery("#zapri_overlay_2").click(hideOverlay);

}

var prikazan = -1;
var effectSpeed = 200; // ms
var naslovi;
var naslov_index

function vsakDot(i) {

	// ko kliknemo na njega
	var a = i;
	jQuery(this).click(function() {

		// ce je trenutni ze prikazan -> skrijemo ga + exit
		if(prikazan == a) { jQuery("#right_side .overlay").hide(0); prikazan = -1; return; }
		
		prikaziSpodnjega = false;

		// skrijemo ga
		if(prikazan > -1) jQuery("#right_side .overlay").hide(0);
		
		// resetiramo sirino obeh
		jQuery("#right_side .overlay").css("width", "auto");
		
		// izbrisemo obe vsebini
		jQuery("#right_side #overlay_content1").html("");
		jQuery("#right_side #overlay_content2").html("");
				
		// nafilamo vsebino
		// pogledamo kateri v hidden imajo enak class
		var dot = this;
		naslovi = Array();
		naslov_index = 0;
		jQuery("#maloprodajne_hidden div").each(function(index) {
		
			// ce se ujema
			if(jQuery(dot).hasClass(this.className)) {
			
				// dodamo div z naslovom v array
				naslovi[naslovi.length] = this;
			
			}
		
		});
		
	
		// ce ni teksta, nima smisla prikazati overlay
		if(naslovi.length == 0) return false;
		
		// kje zacnemo filati spodnje
		var polovica = 2;
		
		// ampak to naredimo le ce imamo 4 vnose ali vec
		if(naslovi.length >= 4) polovica = Math.ceil(naslovi.length/2) - 1;
		
		// katerega filamo
		var kateri = 1;
		var html_tmp, entry, sirina;
		
		// vsebina
		var vsebina = new Array("", "");
		var sirine = new Array(0, 0);
		
		// nafilamo besedilo
		var ljub_line=1;
		for(var i = 0; i < naslovi.length; i++) {
			
			// da se samo 1x izvede
			if(i > polovica && kateri == 1 || this.className == "dot maribor" || this.className == "dot ljubljana") {

				kateri = 2;
				prikaziSpodnjega = true;
				
			}
		
			// izmerimo sirino
			html_tmp = jQuery("#right_side #overlay_content1").html(naslovi[i].innerHTML);
			
			if (this.className == "dot ljubljana") sirina = 210; else sirina = jQuery("#right_side .overlay").eq(0).width();
			sirine[kateri - 1] += sirina + 23; // paddingi, border
			
			if (ljub_line == 4) { var ljub_float = "clear:left;float:left"; ljub_line=1; } else { var ljub_float="float:left"; }
			if (ljub_line == 3) { ljub_float=ljub_float + ";border-right:none"; }
			ljub_line++;
			if (this.className == "dot ljubljana") {
				// border-bottom: 1px solid #e1e179;   
				entry = '<div class="entry" style="width: ' + sirina + 'px;' + ljub_float + '">' + naslovi[i].innerHTML + '</div>';
				vsebina[kateri - 1] += entry + "\n";
			}
			else {
				// vsebina
				entry = '<div class="entry" style="width: ' + sirina + 'px;">' + naslovi[i].innerHTML + '</div>';
				vsebina[kateri - 1] += entry + "\n";
			}
		}
		
		// clear
		jQuery("#right_side #overlay_content1").html(vsebina[0] + "\n <div class=\"clear\"></div>");
		jQuery("#right_side .overlay").eq(0).width(sirine[0]);
		
		if(prikaziSpodnjega) {
		
			jQuery("#right_side #overlay_content2").html(vsebina[1] + "\n <div class=\"clear\"></div>");
			jQuery("#right_side .overlay").eq(1).width(sirine[1]);
			
			if (this.className == "dot ljubljana") {jQuery("#right_side .overlay").eq(1).width(700);}
		}
		
		// min in max sirina
		var maxSirina = sirine[0]>sirine[1]?sirine[0]:sirine[1];
		var minSirina;
		
		// pri minimalni izlocimo praznega
		if(prikaziSpodnjega) minSirina = sirine[0]>sirine[1]?sirine[1]:sirine[0];
		else minSirina = maxSirina;
		
		if (this.className != "dot ljubljana") {
			jQuery("#right_side #overlay_content1 .entry:last, #right_side #overlay_content2 .entry:last").addClass("entry_last");
		}
		// TODO: izracunaj odmik tistega > spodaj
		
		// izracunamo pozicijo
		if (this.className == "dot ptuj") { var left = jQuery(this).position().left - 187; }
		else if (this.className == "dot maribor") { var left = jQuery(this).position().left - 145; }
		else if (this.className == "dot ljubljana") { var left = jQuery(this).position().left - 303; }
		else { var left = jQuery(this).position().left - 131; }
		var top1 = jQuery(this).position().top - jQuery("#right_side .overlay").eq(0).height() - 31;
		var top2 = jQuery(this).position().top + 19;
		
		var premikLevo = 0;
		
		if((left + maxSirina + 14) > 717 && (this.className != "dot ljubljana")) {
						
			var manevrskiProstor = minSirina - 160; // koliko lahko sploh premaknemo oba overlaya v levo
			
			// ce bi mogoce sli preko levega roba
			if(manevrskiProstor > left) manevrskiProstor = left - 10; // malo se pustimo paddinga
			
			var prekGleda = left + maxSirina + 24 - 717; // kolko gleda prek
			
			// se vedno bo gledalo prek, vzamemo skrajno levo pozicijo
			if(prekGleda > manevrskiProstor) {
				
				left -= manevrskiProstor;
				premikLevo = manevrskiProstor;
				
			// drugace pa izracunajmo neko sredinsko vrednost
			} else {
				
				premikLevo = Math.floor((manevrskiProstor + prekGleda) / 2);
				left -= premikLevo;
				
			}
			
		
		}
				
		// nastavimo pozicijo
		jQuery("#right_side .overlay").css("left", left + "px");
		
		// zgornji
		jQuery("#right_side .overlay").eq(0).css("top", top1 + "px");
		// spodnji
		jQuery("#right_side .overlay").eq(1).css("top", top2 + "px");
		
		// popravimo leva odmika obeh puscic
		if (this.className == "dot ptuj") var this_tmp = 176; 
		else if (this.className == "dot maribor") var this_tmp = 134; 
		else if (this.className == "dot ljubljana") var this_tmp = 292; 
		else var this_tmp = 120;
		jQuery(".corner, .corner_ie6").css("left", this_tmp + premikLevo + "px");
		//jQuery(".corner, .corner_ie6").css("left", 120 + premikLevo + "px");

		// ga prikazemo nazaj
		if (this.className != "dot maribor" && this.className != "dot ljubljana") {
			jQuery("#right_side .overlay").eq(0).show(effectSpeed);
		}
		// in po potrebi se spodnjega
		if(prikaziSpodnjega) jQuery("#right_side .overlay").eq(1).show(effectSpeed);
		
		// nastavimo da je trenutni indeks prikazan
		prikazan = a;
		
	});

}

function contentChange(html, kateri) {

	jQuery("#right_side #overlay_content" + kateri).html(html);

}

function izmeriSirino(html) {

	

}

function hideOverlay() {

	// pocasi skrijemo
	jQuery("#right_side .overlay").hide(effectSpeed);
	
	// spet ni noben prikazan
	prikazan = -1;

}

function Zapri() {

	parent.tb_remove();
	return false;

}

jQuery(document).ready(onready);