var roomId=0;
rolModuleEnabled['base']=function(data,userId,userType,roomId){
	var clase=this;
	
	clase.data='';
	clase.id='';
	clase.userId='';
	clase.userType='';
	clase.roomId='';
	
	clase.serial ='';
	clase.type ='base';
	clase.name ='base';
	clase.desc ='base';
	clase.title ='base';
	clase.container ='';
	clase.elementTab =null;
	clase.elementBodddy =null;
	clase.elementBubble =null;
	
	clase.logo ='fas fa-dice-d20';
	
	
	clase.construct=function(data,userId,userType,roomId){
		if(typeof data != 'undefined'){
			console.log('DATA2:');
			console.log(data);
			if(!clase.serial){clase.serial='SNI'+rand(999999, 9999999999);}
			if(data.id){clase.serial='SNI-'+data.id; clase.id=data.id;}
			if(userId){clase.userId=userId;}
			if(userType){clase.userType=userType;}
			if(roomId){clase.roomId=roomId;}
			if(data.title){clase.title=data.title;}
			
		}
		
	}
	
	clase.sendData=function(obj){
		//Manda los datos un paquete
		var aux={
			'id':clase.id,
			'name':clase.type,
			'data':obj,
			'endVoid':null
		}
		
		rolPackSend[rolPackSend.length-1]=aux;
	}
	clase.success=function(obj){}
	clase.error=function(obj){}
	//clase.succses=function(obj){}
	
	clase.getLogo=function(){
		//return this.logo;
		return '<i class="'+clase.logo+'"></i>';
	}
	clase.getTab=function(){
		return $('<a class="nav-item nav-link whitContexMenu module-tab" id="'+clase.type+'-tab-'+clase.id+'" data-toggle="tab" href="#'+clase.type+'-body-'+clase.id+'" role="tab"  aria-controls="nav-home" aria-selected="true" moddule-id="'+clase.id+'"><i class="'+this.logo+'" title="'+clase.title+'" lable="'+clase.title+'"></i></a>');
	}
	clase.getBody=function(){
		//return this.logo;
		return $('<div class="tab-pane fade show module-body " id="'+clase.type+'-body-'+clase.id+'" role="tabpanel" moddule-type="'+clase.type+'" >'+clase.contentBody()+'</div>');
	}
	clase.getBubble=function(){
		//return this.logo;
		//'+clase.type+'-tab-'+clase.id+'
				
		return $('<div id="'+clase.type+'-bubble-'+clase.id+'" class="bubble-container module-tab"><i class="'+clase.logo+' "></i></div>');
	}
	
	clase.contentBody=function(){
		return "";
	}
	clase.moveToContainer=function(nameContainer){
		
		if(clase.container){
			clase.container=nameContainer;
			clase.elementTab.detach();
			clase.elementTab.appendTo('#'+nameContainer+'-tab');
			//clase.elementTab.remove();
			
			clase.elemenBody.detach();
			clase.elemenBody.appendTo('#'+nameContainer+'-body');
			//clase.elemenBody.remove();
			
			clase.elementBubble.detach();
			clase.elementBubble.appendTo('#'+nameContainer+'-bubble');
			//clase.elementBubble.remove();
			
			
			//console.log('Buscando: '+nameContainer);
			//var tab=clase.elementTab.detach();
			//tab.appendTo('#'+nameContainer+'-tab');
			//
			//var body=clase.elemenBody.detach();
			//body.appendTo('#'+nameContainer+'-body');
			//
			//var bubble=clase.elementBubble.detach();
			//bubble.appendTo('#'+nameContainer+'-bubble');
			
			$('#'+clase.type+'-tab-'+clase.id).click();
			
		}else{
			clase.container=nameContainer;
			clase.getTab().appendTo('#'+nameContainer+'-tab');
			clase.getBody().appendTo('#'+nameContainer+'-body');
			clase.getBubble().appendTo('#'+nameContainer+'-bubble');
		}
		
		clase.elementTab=$('#'+clase.type+'-tab-'+clase.id);
		clase.elemenBody=$('#'+clase.type+'-body-'+clase.id);
		clase.elementBubble=$('#'+clase.type+'-bubble-'+clase.id);
		
		clase.launchEvent();
		
		
		//return this.logo;
		//return '<i class="'+this.logo+'"></i>';
	}
	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Base');
	}
	
	
	clase.getContexMenu=function(){
		//return this.logo;
		var contenido='';
		
		return contenido;
	}
	
	
	console.log('DATA:');
	console.log(data);
	clase.construct(data,userId,userType,roomId);
	
}



rolModuleEnabled['chat']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.logo ='far fa-comments';
	
	clase.contentBody=function(){
		return "esto es: "+clase.title;
	}

	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	clase.getContexMenu=function(){
		//return this.logo;
		var contenido=new Array();
		contenido[0]='<li><hr class="divider"></li>';
		contenido[1]='<li><i class="'+clase.logo+'"></i>1</li>';
		contenido[2]='<li><i class="'+clase.logo+'"></i>2</li>';
		contenido[3]='<li><i class="'+clase.logo+'"></i>3</li>';
		
		return contenido;
	}
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['table']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.logo ='fas fa-layer-group';
	
	
	clase.contentBody=function(){
		return '<img class="magenFondoTest" src="/img/rol/2020050112560938012.jpg">';
	}

	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['pj']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.block =null;
	
	
	
	clase.logo ='far fa-user-circle';
	
	clase.contador=0;

	clase.contentBody=function(){
		var contenido='';
	
		contenido+='<div id="'+clase.type+'-mudule-'+clase.id+'" class="mudule-block"><div id="'+clase.type+'-mudule-loading-'+clase.id+'" class="mudule-loading"></div></div>';
		contenido+='';
		
		clase.reload();
		
		return contenido;
	}
	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	clase.reload=function(){

		var contenido='';
		obj={
			'roomId':roomId,			
			'endVoid':null
		}
		//clase.sendData(obj);
		clase.success(obj);

		return contenido;
	}
	clase.success=function(obj){
		//return this.logo;
		var contenido='';
		
		console.log('Cargaando esta mmierda');
		obj= new Array();
		obj[0]={
			'idPj':'0',
			'img':'/img/rol/avatar.png',
			'name':'Vladimir',
			'subname':'Nosferatu',
			'dato1name':'Dato 1',
			'dato1min':'',
			'dato1max':'',
			'dato1actual':'',
			
			'dato2name':'Dato 2',
			'dato2min':'',
			'dato2max':'',
			'dato2actual':'',
			
			'dato3nammee':'Dato 3',
			'dato3min':'',
			'dato3max':'',
			'dato3actual':'',
			
			'endVoid':null
		};
		
		obj[1]={
			'idPj':'1',
			'img':'/img/rol/avatar.png',
			'name':'Vladimir',
			'subname':'Nosferatu',
			'dato1name':'Dato 1',
			'dato1min':'',
			'dato1max':'',
			'dato1actual':'',
			
			'dato2name':'Dato 2',
			'dato2min':'',
			'dato2max':'',
			'dato2actual':'',
			
			'dato3nammee':'Dato 3',
			'dato3min':'',
			'dato3max':'',
			'dato3actual':'',
			
			'endVoid':null
		};
		obj[2]={
			'idPj':'1',
			'img':'/img/rol/avatar.png',
			'name':'Vladimir',
			'subname':'Nosferatu',
			'dato1name':'Dato 1',
			'dato1min':'',
			'dato1max':'',
			'dato1actual':'',
			
			'dato2name':'Dato 2',
			'dato2min':'',
			'dato2max':'',
			'dato2actual':'',
			
			'dato3nammee':'Dato 3',
			'dato3min':'',
			'dato3max':'',
			'dato3actual':'',
			
			'endVoid':null
		};
		obj[3]={
			'idPj':'1',
			'img':'/img/rol/avatar.png',
			'name':'Vladimir',
			'subname':'Nosferatu',
			'dato1name':'Dato 1',
			'dato1min':'',
			'dato1max':'',
			'dato1actual':'',
			
			'dato2name':'Dato 2',
			'dato2min':'',
			'dato2max':'',
			'dato2actual':'',
			
			'dato3nammee':'Dato 3',
			'dato3min':'',
			'dato3max':'',
			'dato3actual':'',
			
			'endVoid':null
		};
		obj[4]={
			'idPj':'1',
			'img':'/img/rol/avatar.png',
			'name':'Vladimir',
			'subname':'Nosferatu',
			'dato1name':'Dato 1',
			'dato1min':'',
			'dato1max':'',
			'dato1actual':'',
			
			'dato2name':'Dato 2',
			'dato2min':'',
			'dato2max':'',
			'dato2actual':'',
			
			'dato3nammee':'Dato 3',
			'dato3min':'',
			'dato3max':'',
			'dato3actual':'',
			
			'endVoid':null
		};
		obj[5]={
			'idPj':'1',
			'img':'/img/rol/avatar.png',
			'name':'Vladimir',
			'subname':'Nosferatu',
			'dato1name':'Dato 1',
			'dato1min':'',
			'dato1max':'',
			'dato1actual':'',
			
			'dato2name':'Dato 2',
			'dato2min':'',
			'dato2max':'',
			'dato2actual':'',
			
			'dato3nammee':'Dato 3',
			'dato3min':'',
			'dato3max':'',
			'dato3actual':'',
			
			'endVoid':null
		};
		
		var length=obj.length;
		
		for(var x=0;x<length; x++){
			contenido+='<div class="pj-unit">';
				contenido+='<div class="pj-unit-img">';
					contenido+='<img src="'+obj[x].img+'">';
				contenido+='</div>';
				contenido+='<div class="pj-unit-data">';
					contenido+='datos';
					
			
				contenido+='</div>';
			contenido+='</div>';
			
		}
		
		$('#'+clase.type+'-mudule-'+clase.id).html(contenido);
		
		setTimeout(clase.reload,2000);
		return contenido;
	}
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['pnj']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.logo ='fas fa-user-circle';
	
	
	clase.contentBody=function(){
		return "esto es: "+clase.title;
	}

	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['ficha']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.logo ='far fa-id-card';
	
	
	clase.contentBody=function(){
		return '<img class="magenFondoTest" src="/img/rol/Captura de pantalla 2019-07-29 a las 23.40.40.png">';
	}

	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['elementos']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.logo ='fas fa-tree';
	
	
	clase.contentBody=function(){
		return "esto es: "+clase.title;
	}

	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['criaturas']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.logo ='fas fa-street-view';
	
	
	clase.contentBody=function(){
		return "esto es: "+clase.title;
	}

	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['dice']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.logo ='fas fa-dice';
	
	
	clase.contentBody=function(){
		return "esto es: "+clase.title;
	}

	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['music']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.logo ='fas fa-music';
	
	
	clase.contentBody=function(){
		return "esto es: "+clase.title;
	}

	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['video']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.logo ='fas fa-play';
	
	
	clase.contentBody=function(){
		return "esto es: "+clase.title;
	}

	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['chatPrivaddo']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='chat';
	clase.desc ='chat';
	
	clase.logo ='fas fa-play';
	
	
	clase.contentBody=function(){
		return "esto es: "+clase.title;
	}

	
	clase.launchEvent=function(){
		console.log('Lanzando eventos Chat');
	}
	
	
	
	clase.construct(data,userId,userType,roomId);
}
rolModuleEnabled['videoChat']=function(data,userId,userType,roomId){
	var clase=this;
	rolModuleEnabled['base'].call(this,data,userId,userType,roomId);
	

	clase.name ='videoChat';
	clase.desc ='videoChat';
	
	clase.logo ='fas fa-video';


	
	clase.launchEvent=function(){
		console.log('Lanzando eventos videoChat');
	}
	
	clase.contentBody=function(){
		var conteniddo='';
		conteniddo+='<iframe';
        conteniddo+=' src="https://tokbox.com/embed/embed/ot-embed.js?embedId=647c27b3-3288-497e-9e7f-2117b033745e&room='+clase.roomId+'&iframe=true"';
        //conteniddo+=' width="100%"';
        //conteniddo+=' height="340px"';
        conteniddo+=' scrolling="no"';
        conteniddo+=' border="0"';
        conteniddo+=' id="'+clase.type+'-iframe-videochat-'+clase.id+'" ';
        conteniddo+=' class="iframe-videochat" ';
        conteniddo+=' allow="microphone; camera" ></iframe>';
		
		var container=$('#'+clase.container);
		container.css('height','375px');
		var zone=findParent(container,'table-zone');
		var contenedores=zone.find('.container-block').length;
		
		if(contenedores==1){
			container.css('height','100%');
		}else if(contenedores==2){
			zone.find('.container-block').css('height','50%');
		}else if(contenedores==3){
			zone.find('.container-block').css('height','29%');
			container.css('height','42%');
		}else{
			zone.find('.container-block').css('height','25%');
		}
		
		
		return conteniddo;
	}
	
	clase.construct(data,userId,userType,roomId);
}