﻿function launchDialog(id) {
    // izračunam velikost dokumenta
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();
	// ustvarim overly in ga pozicioniram
	$('body').append('<div id="dialogMask"></div>');
	$('#dialogMask').css({ 'position': 'absolute', 'top': '0', 'left': '0', 'width': maskWidth, 'height': maskHeight });
	$('#dialogMask').show();
    // zamik dContent elementa
	var oW = 157;
	var oH = 115;		
	// preberem velikost okna
	var winH = $(window).height();
	var winW = $(window).width();        
	// preberem velikost dialoga
	var dH = $('#' + id).outerHeight(true);
	var dW = $('#' + id).outerWidth(true);
	// pozicija drsnika
	var sH = $(window).scrollTop();
	// izračunam pozicijo
	var pW = ((winW - dW) / 2) - oW;
	var pH = ((winH - dH) / 2) - oH + sH;
	// pozicioniram in prikažem dialog
	$('#' + id).css('left', pW);
	$('#' + id).css('top', pH);
	$('#' + id).show(); 
	// postavim fokus na dialog
    var input = $(':input:enabled:visible:first', $('#' + id));
	(input.length > 0) ? input.focus() : $('#' + id).focus();
	// ob pritisku na ESC zaprem dialog
	$(document).keyup(function(e) {  
        if(e.keyCode == 27) {
            $('#dialogMask').remove();  
            $('#' + id).hide();
        }  
    });
    // dodam event za zaprtje dialoga
    $('a[href=#close]', $('#' + id)).click(function (e) {  
        e.preventDefault();
        $('#dialogMask').remove();  
        $('#' + id).hide();
    });
}
