// JavaScript Document

$(document).ready(function() {

CAJAS_UBICACIONES = false;
CAJAS_MODULOS = false;

colocar_cajas_ubicaciones = function () {
	
	if (CAJAS_UBICACIONES == false) {
		
		$('.posicion_diagramacion').each(function(index) {
			
			posicion = $(this).offset();
			_x = posicion.left + 1;
			_y = posicion.top + 1;
			
			ancho = $(this).width() - 8;
			alto = $(this).height() - 8;
			
			if (alto > 0) {
			
				div_ubicacion = $("body").append('<div class="ubicacion_modulo" id="caja_ubicacion_' + index + '"></div>');
				
				$('#caja_ubicacion_' + index).css('left' , _x + 'px');
				$('#caja_ubicacion_' + index).css('top' , _y + 'px');
				
				$('#caja_ubicacion_' + index).css('width' , ancho + 'px');
				$('#caja_ubicacion_' + index).css('height' , alto + 'px');
				
				$('#caja_ubicacion_' + index).html('<div class="nombre_ubicacion">' + $(this).attr('id').substring(9 , $(this).attr('id').length) + '</div>');
				
			}
			
		});
		
		CAJAS_UBICACIONES = true;
	
	} else {
		
		$('.ubicacion_modulo').each(function(index) {
			
			$(this).remove();
			
		});
		
		CAJAS_UBICACIONES = false;
		
	}

}




colocar_cajas_modulos = function () {
	
	if (CAJAS_MODULOS == false) {
		
		$('.contenedor_modulo').each(function(index) {
			
			posicion = $(this).offset();
			_x = posicion.left + 1;
			_y = posicion.top + 1;
			
			ancho = $(this).width() - 8;
			alto = $(this).height() - 8;
			
			if (alto > 0) {
			
				div_ubicacion = $("body").append('<div class="ubicacion_modulo" id="caja_ubicacion_' + index + '"></div>');
				
				$('#caja_ubicacion_' + index).css('left' , _x + 'px');
				$('#caja_ubicacion_' + index).css('top' , _y + 'px');
				
				$('#caja_ubicacion_' + index).css('width' , ancho + 'px');
				$('#caja_ubicacion_' + index).css('height' , alto + 'px');
				
				$('#caja_ubicacion_' + index).html('<div class="nombre_ubicacion">' + $(this).attr('id') + '</div>');
				
			}
			
		});
		
		CAJAS_MODULOS = true;
	
	} else {
		
		$('.ubicacion_modulo').each(function(index) {
			
			$(this).remove();
			
		});
		
		CAJAS_MODULOS = false;
		
	}

}


$(document).bind('keydown', 'ctrl+shift+u', function () {
	CAJAS_MODULOS = true;
	colocar_cajas_modulos();
	colocar_cajas_ubicaciones();
});

$(document).bind('keydown', 'ctrl+shift+m', function () {
	CAJAS_UBICACIONES = true;
	colocar_cajas_ubicaciones();
	colocar_cajas_modulos();
});


});