var roomId=0;
var contextMenu=null;
var contextMenuList=null;

var instalContextMenu  = function(){
	
	$(document).bind("contextmenu", function(e){//Gestion ddel mennu contextual
		//e.preventDefault();
		launchContextMenu(e);
		//launchContextMenu(e);
		return false;
	});
	$(document).click(function(e){
		if(e.button == 0){//Click derecho
			//e.preventDefault();
			closeContextMenu(e);
		}
	});
	$(document).keydown(function(e){
		if((e.keyCode == 27)){//Escape
			e.preventDefault();
			launchContextMenu(e);
			//launchContextMenu(e);
		}else if( e.keyCode == 93){//Boton dde menu contextual en el teclado
			//e.preventDefault(); //Ya se  desacctiva coon el eveno bindd anterior
		}else if( e.keyCode == 85 && e.ctrlKey){//  CTRK + U para ver codigo fuente
			e.preventDefault();
		}
	});
	
}
var launchContextMenu  = function(e){
	var elemento=$(e.target);
	elemento=findParent(elemento,'whitContexMenu');
	if(elemento){
		if(contextMenu==null || !(contextMenu instanceof jQuery)){
			var nameId='contextMenu'+rand(999,9999999);
			console.log('ClickDerecho ON');
			$('body').prepend('<div id="'+nameId+'" class="contextMenu"><ul id="'+nameId+'List" class="contextMenuList"><li>Copiar</li><li>Pegar</li></ul></div>');
			contextMenu=$('#'+nameId);
			contextMenuList=$('#'+nameId+'List');
		}	
		var contenido='';
		var contador=0;
		//Configuración de las opciones del menu
		if(elemento.hasClass('module-tab')){

			contenido+='<li>COPIAR</li>';
			contenido+='<li>PEGAR</i></li>';
			
			contador=2;
		}
		//Configuración de las opciones del menu
		var idModulo=elemento.attr('moddule-id');
		if(typeof rolModule[idModulo] != 'undefined'){
			var opciones=rolModule[idModulo].getContexMenu();
			var opcionesLength=opciones.length;
			
			if(opcionesLength>0){
				for(var x=0;x<opcionesLength;x++){
					contenido+=opciones[x];
				}
			}
			
			contador=contador+opcionesLength;
			//contenido+=rolModule[idModulo].getContexMenu();
		}
		
		
		
		//contextMenuList.html("");
		contextMenuList.html(contenido);
		
		
		//Colocación del menu
		var ancho = 140;
		var alto= (contador+1)*60;
		var offsetLeft=10;
		var offsetTop=5;
		
		if((e.pageX + ancho + offsetLeft) > screen.width){
			console.log('right: '+e.pageX+'-'+ancho+'-'+screen.width+'-'+(e.pageX+ancho));
			
			contextMenu.css('left',screen.width-ancho+offsetLeft);
		}else{
			console.log('left: '+e.pageX+'-'+ancho+'-'+screen.width+'-'+(e.pageX+ancho));
			contextMenu.css('left',e.pageX+offsetLeft);
		}
		
		if((e.pageY + alto + offsetTop) > screen.height){
			console.log('bottom: '+e.pageY+'-'+alto+'-'+screen.height+'-'+(e.pageY+alto));
			contextMenu.css('top',screen.height-alto+offsetTop);
		}else{
			console.log('top: '+e.pageY+'-'+alto+'-'+screen.height+'-'+(e.pageY+alto));
			contextMenu.css('top',e.pageY+offsetTop);
		}
		
		
		
		
	}else{
		closeContextMenu(e);
	}
}
var closeContextMenu  = function(e){

	if(contextMenu instanceof jQuery){
		console.log('ClickDerecho OFF');
		contextMenu.animate({
			opacity:0
		},function(){contextMenu.remove();contextMenu=null;});
	}

}