var IboxInfo = function(parent){
	this.parent = parent;
	this.box = this.parent+'-box';
	this.boxContent = this.parent+'-box-content';
	this.boxHeader = this.parent+'-box-header';
	
	this.boxObj = document.createElement('div');
	this.boxHeaderObj = document.createElement('div');
	this.boxHeaderTitleObj = document.createElement('div');
	this.boxHeaderCerrarObj = document.createElement('div');
	
	this.boxContentObj = document.createElement('div');
	
	this.parentObj = document.getElementById(this.parent);
	
	this.iniHeader = function(){
		
		//Inicializamos Header
		this.boxHeaderObj.name = this.boxHeader;
		this.boxHeaderObj.id = this.boxHeader;
		
		//Inicializamos el title
		this.boxHeaderTitleObj.name = this.boxHeader+'-title';
		this.boxHeaderTitleObj.id = this.boxHeader+'-title';
		this.boxHeaderObj.appendChild(this.boxHeaderTitleObj);
		
		//Inicializamos el cerrar
		this.boxHeaderCerrarObj.name = this.boxHeader+'-cerrar';
		this.boxHeaderCerrarObj.id = this.boxHeader+'-cerrar';
		
		

		
		var cerrarLbl = document.createElement('label');
		cerrarLbl.innerHTML = 'cerrar';	
		var cerrarImg = document.createElement('div');
		cerrarImg.id = this.boxHeader+'-cerrar-img';
		cerrarImg.name = this.boxHeader+'-cerrar-img';
		this.boxHeaderCerrarObj.appendChild(cerrarLbl);
		this.boxHeaderCerrarObj.appendChild(cerrarImg);
		
		this.boxHeaderObj.appendChild(this.boxHeaderCerrarObj);
		
		this.boxObj.appendChild(this.boxHeaderObj);
		
		
	}
	this.iniContent = function(){
		this.boxContentObj.name = this.boxContent;
		this.boxContentObj.id = this.boxContent;
		
		this.boxObj.appendChild(this.boxContentObj);
	}
	
	this.ini = function(){
		var self = this
		//MONTAMOS LA CAJA INTERIOR
		
		this.boxObj.name = this.parent+'-box';
		this.boxObj.id = this.parent+'-box';
	
		this.iniHeader();
		this.iniContent();
		
		
		this.parentObj.style.opacity = 100/100;
		this.parentObj.style.filter = 'alpha(opacity=' + 100 + ')';
		this.parentObj.appendChild(this.boxObj);
		this.parentObj.style.display = "none";
		$('#'+this.boxHeader+'-cerrar').bind('click', function() {
						self.hide(); 									
			}
		);
	}
	
	this.ini();

	

	this.show = function(contentBox){
		this.parentObj.style.display="block";
		this.boxContentObj.innerHTML = document.getElementById(contentBox).innerHTML;
	}
	
	this.hide = function(){
		this.parentObj.style.display="none";
		this.boxContentObj.innerHTML = "";
	}
	
	this.setTitle = function(text){
		this.boxHeaderTitleObj.innerHTML = text;
	}
	
	
}


//new iboxInfo();