function ubi_lightbox(ime) {
	$('body').css('overflow', 'auto');
	$('.'+ime).css('display', 'none');
	$('.'+ime).remove();
	$('.lightbox').fadeOut();
	$('.lightbox').remove();
}


function prikazi_tekst(fajl){
	$('body').append($('<div class="lightbox transparent background-dark"">&nbsp;</div>'));
	$('.lightbox').center();
	$('body').append($('<div class="kupibox holder round shaddow border-regular background-light">&nbsp;</div>'));
	$('.kupibox').center();
	$('.kupibox').fadeIn();
	$.get(fajl+'.html', 
		function(data){ 
			$('.kupibox').html(data);
			$('.kupibox').append($('<div onclick="ubi_lightbox(\'kupibox\');" class="right"><img alt="Zatvori" src="/img/x.png" style="cursor: pointer;"></div>'));
		}
	);
	
	$('body').css('overflow-y', 'hidden');
}	

function prikazi_tekst_veci(fajl){
	$('body').append($('<div class="lightbox transparent background-dark"">&nbsp;</div>'));
	$('.lightbox').center();
	$('body').append($('<div class="telbox holder round shaddow border-regular background-light">&nbsp;</div>'));
	$('.telbox').center();
	$('.telbox').fadeIn();
	$.get(fajl+'.html', 
		function(data){ 
			$('.telbox').html(data);
			$('.telbox').append($('<div onclick="ubi_lightbox(\'telbox\');" class="right"><img alt="Zatvori" src="/img/x.png" style="cursor: pointer;"></div>'));
		}
	);
	
	$('body').css('overflow-y', 'hidden');
}	

function add_new(br){
	var newbr=br+1;
	$('#add').remove();
	$('#tr'+br).after('<div id="tr'+newbr+'" class="tr"><div class="td"><label for="naslov[]'+newbr+'">Naslov: </label><input type="text" name="naslov[]" /></div><div class="td"><label for="isbn'+newbr+'">ISBN: </label><input type="text" name="isbn[]" /></div><div class="td"><label for="kom'+newbr+'">Komada: </label><input type="text" size="3" value="1" name="kom[]" /></div><div class="td" id="add" style="cursor: pointer;" onclick="add_new('+newbr+')"><img src="/img/plus.png" alt="Dodaj red" title="Dodaj red" /></div></div>');
}

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( $(window).height() - this.height()) / 2  +$(window).scrollTop() + "px" );
    this.css("left", ( $(window).width() - this.width()) /2 +$(window).scrollLeft()  + "px");
    return this;
}