var _before_fade_height;
var main_fade_screen_id='_fade_screen_parent';
function openFadeScreen(contantID)
{
    
       if(contantID)
	{
		var obj=document.getElementById(contantID);
	}
	else
	{
		 obj=document.getElementsByTagName('body');
		 obj=obj[0];
	}

	_before_fade_height=obj.offsetHeight;

	obj.style.height=browserH()+'px';
	obj.style.position='relative';
	obj.style.overflow='hidden';

	document.getElementById(main_fade_screen_id).style.display='block';

	window.scrollTo(0,0);
	//hide elements
	//var tmp_menus = document.getElementsByTagName('select');
	//for(var i=0;i<tmp_menus.length;i++)tmp_menus[i].style.display='none';

}

function closeFadeScreen(contantID)
{
	if(contantID)
	{
		var obj=document.getElementById(contantID);
	}
	else
	{
		obj=document.getElementsByTagName('body');
		obj=obj[0]	;
	}
	obj.style.height=_before_fade_height+'px';
	obj.style.overflow='visible';
	document.getElementById(main_fade_screen_id).style.display='none';
	document.getElementById(main_fade_screen_id+'_contant').innerHTML='';
	//hide elements
	//var tmp_menus = document.getElementsByTagName('select');
	//for(var i=0;i<tmp_menus.length;i++)tmp_menus[i].style.display='block';
}


function createFadeScreen(id,color,opacity)
{
	var obj=document.getElementsByTagName('body')
	obj=obj[0];
	var top='<div style="position:absolute;left:0px;top:0px;right:0px;bottom:0px;height:100%;width:100%;z-index:1;background:'+color+';filter:alpha(opacity='+opacity+');-moz-opacity:.'+opacity+';opacity:.'+opacity+';" align="center"> &nbsp; </div><div style="position:absolute;left:0px;top:100%;right:0px;bottom:0px;height:30%;width:100%;z-index:49;background:#000000;filter:alpha(opacity='+opacity+');-moz-opacity:.'+opacity+';opacity:.'+opacity+';" align="center"></div><div style="position:absolute;left:0px;top:0px;right:0px;bottom:0px;height:100%;width:100%;z-index:1;" align="center"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" ><tr><td width="100%" height="100%" align="center" valign="middle" id="'+id+'_contant">'
	var bottom='</td></tr></table></div>';

	var fade_screen=document.createElement('div');
	fade_screen.setAttribute("id",id);
	fade_screen.style.position='absolute';
	fade_screen.style.zIndex='100';
	fade_screen.style.height='100%';
	fade_screen.style.height='100%';
	fade_screen.style.top='0px';
	fade_screen.style.bottom='0px';
	fade_screen.style.left='0px';
	fade_screen.style.right='0px';
	fade_screen.style.display='none';
	fade_screen.innerHTML=top+bottom
	obj.insertBefore(fade_screen,obj.firstChild);
	main_fade_screen_id=id;
}

function browserH() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return myHeight;
}
