$(document).ready(function(){
        //parametros principales
 
		var ancho=300; var alto=220;
	
        $('.modal').click(function() {
			
			/*cadena.match(/\d+$/);*/
			var identifica = $(this).attr('id');
			var numero = identifica.match(/\d+$/);
			var opcio = identifica.match(/^[a-z_-]*[A-Z_-]*/);

			$('#bgmodal').css("width", ancho+'px');
			$('#bgmodal').css("height", alto+'px');
					
			// fondo transparente
			// creamos un div nuevo, con dos atributos
			var bgdiv = $('<div>').attr({
									class: 'bgtransparent',
									id: 'bgtransparent'
									});
			
			// agregamos nuevo div a la pagina
			$('body').append(bgdiv);
			
			// obtenemos ancho y alto de la ventana del explorer
			var wscr = $(window).width();
			var hscr = $(window).height();
			
			//establecemos las dimensiones del fondo
			$('#bgtransparent').css("width", wscr);
			$('#bgtransparent').css("height", hscr);
			
			
			// ventana modal
			// creamos otro div para la ventana modal y dos atributos
			var moddiv = $('<div>').attr({
									class: 'bgmodal',
									id: 'bgmodal'
									});     
			
			// agregamos div a la pagina
			$('body').append(moddiv).show('2000');

			// agregamos contenido HTML a la ventana modal

			//$('#bgmodal').append('<a href="javascript:void(0);" onclick="closeModal()" title="cerrar" style="display:block; text-align:right;">&#10006;</a>');
			$('#bgmodal').append('<img src="img/carregant.gif" alt="" />');
			
			if (opcio == 'editar-forum') {
				
				$('#bgmodal').load('../inc/backend/forum.editar.php','msg_editar='+numero, function() { $(window).resize(); });
				
			} else {
				var idusuari = $(this).val();
				

				$('#bgmodal').append('contingut: id: '+texte);
				var ancho=500;
				var alto=300;
				$('#bgmodal').css("width", ancho+'px');
				$('#bgmodal').css("height", alto+'px');
				$(window).resize();
								
			}
			
			// redimensionamos para que se ajuste al centro y mas
			$(window).resize();
                
           return false;
        });

        $(window).resize(function(){
			// dimensiones de la ventana del explorer 
			var wscr = $(window).width();
			var hscr = $(window).height();

			// estableciendo dimensiones de fondo
			$('#bgtransparent').css("width", wscr);
			$('#bgtransparent').css("height", hscr);
			
			// estableciendo tamaño de la ventana modal
			//$('#bgmodal').css("width", ancho+'px');
			//$('#bgmodal').css("height", alto+'px');
			
			// obtiendo tamaño de la ventana modal
			var wcnt = $('#bgmodal').width();
			var hcnt = $('#bgmodal').height();
			
			// obtener posicion central
			var mleft = ( wscr - wcnt ) / 2;
			var mtop = ( hscr - hcnt ) / 2;
			
			// estableciendo ventana modal en el centro
			$('#bgmodal').css("left", mleft+'px');
			$('#bgmodal').css("top", mtop+'px');
        });
        
 });

        $('#bgtransparent').live('click', function() {
					closeModal();
				});
        
function closeModal(){
        // removemos divs creados
        $('#bgmodal').remove();
        $('#bgtransparent').remove();
}