modalW = {
	
	ShowBG: function(){
		if(!(modalWBG = document.getElementById('modalWBG'))){
			modalWBG = document.createElement('div');
			modalWBG.id = 'modalWBG';
			document.body.appendChild(modalWBG);
		}
	
		modalWBG.style.display = 'block';
		modalWBG.style.width = document.body.scrollWidth;
		modalWBG.style.height = document.body.scrollHeight;
		Clarity.Set('modalWBG',30);
	},
	
	Common: function(Width,Height){
		this.ShowBG();		
	
		if(!(modalWBlock = document.getElementById('modalWBlock'))){
			modalWBlock = document.createElement('div');
			modalWBlock.id = 'modalWBlock';
			document.body.appendChild(modalWBlock);
			Clarity.addRule('modal',50,10,0,100);
		}	
	
		modalWBlock.style.width = Width;
		modalWBlock.style.height = Height;
		modalWBlock.style.left = Math.ceil((document.body.clientWidth-Width)/2);
		modalWBlock.style.top = document.body.scrollTop+Math.ceil((document.body.clientHeight-Height)/2);
		return modalWBlock;
	},

	Show: function(HTML,Width,Height){
		modalWBlock = this.Common(Width,Height);
		modalWBlock.innerHTML = HTML;
		Clarity.Show('modalWBlock','modal');
	},
	
	OpenSrc: function(Src,Width,Height){
		modalWBlock = this.Common(Width,Height);		
		Clarity.Show('modalWBlock','modal');
		modalWBlock.innerHTML = '<iframe src="'+Src+'" width="'+Width+'" height="'+Height+'" frameborder="0"></iframe>';
	},
	
	Close: function(){
		Clarity.Hide('modalWBlock');
		modalWBG.style.display = 'none';
	
	}
}
