// mootools is required
function mask(maskId,locationId)
{
	var t=$(locationId).getCoordinates();
	var myDiv=new Element('div',{
						    'class':'mask',
						  	'styles':{
							'position':'absolute',
							'top':'0',//t['top'],
							'left':'0',//t['left']
							'width':t['width'],
							'height':t['height']-5
								},
							'id':maskId
						  });
	myDiv.inject($(locationId));
	//$('mask').innerHTML='asdasdasd1111111';
}

function showDiv(inject_location_id,div_id,content)
{
	var myDiv=new Element('div', {
    'class': 'loading',
    'id':div_id
	});
	myDiv.setText(content);
	
	if(!$(div_id))
	{
		myDiv.injectInside($(inject_location_id));
	}else{
		$(div_id).setText(content);
	}
}


function maskFullScreen(maskId)
{
	    var ww=window.getWidth();
		var wh=window.getHeight();
		var wsw=document.body.scrollWidth;
		var wsh=document.body.scrollHeight;
		
		if(ww<wsw)
			ww=wsh;
		if(wh<wsh)
		 	wh=wsh;
		
		ww=ww-2;
		wh=wh-2;
		var myDiv=new Element('div',{
						    'class':'mask',
						  	'styles':{
							'position':'absolute',
							'top':'0',//t['top'],
							'left':'0',//t['left']
							'width':ww,
							'height':wh
								},
							'id':maskId
						  });
	
	myDiv.inject(document.body);
	myDiv.addEvent("click",function(){
		unMask(maskId);
	});
	
}

function unMask(maskId)
{
	$(maskId).remove();
}

//// Util functions
function showLoadingLayerFullScreen()
{
	maskFullScreen("fullScreenMask");
	loading_content="<img src='../image/loading.gif' /> <br/> Please be patient.";
	showDiv("fullScreenMask",'loading_layer',"");
	$('loading_layer').innerHTML=loading_content;
}

function showHints(path)
{
	maskFullScreen("fullScreenMask");
	content='<iframe src="'+path+'" width="750" height="400" frameborder="0"></iframe>';
	showDiv("fullScreenMask",'hints_layer',"");
	$('hints_layer').innerHTML=content;
	
	var close_btn=new Element('a',{
						  	'styles':
							{
								'float':'right',
								'cursor':'pointer',
								'color':'#000'
							},
							'id':'close_btn'
						  });
	close_btn.innerHTML='Close';
	close_btn.inject($('hints_layer'));
	close_btn.addEvent("click",function(){
		unMask(maskId);
	});
}