var documentwidth=document.width;
var documentheight=document.height;
var getheight=0;
var layerid1='';
var closeid1='';
var clickEventID1='';
var layerid='';
var layerid2='';
var width2='';
var clickEventID2='';
var newheight=0;
function modalwin(width1, height1, layerid, clickEventID)
{	
	if(clickEventID)
	{layerid2=layerid;
	clickEventID2=clickEventID;}
	else
	{layerid2=height1;
	clickEventID2=layerid;}
	
	width2=width1;
	if(!(document.getElementById('modal1')))
	{	var mod1=document.createElement('div');
		mod1.id="modal1";
		mod1.className="modal1 modalcss";
		mod1.style.display="none";
		var frm1=document.createElement('div');
		frm1.id="framelayer";
		frm1.className="frame";
		frm1.style.display="none";
		frm1.innerHTML='<iframe id="lFrame1" style="border: none;"></iframe>';
		document.body.appendChild(mod1);
		document.body.appendChild(frm1);
	}
	var modal1=document.getElementById('modal1');
	var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body
	var dsocleft=document.all? iebody.scrollLeft : pageXOffset
	var dsoctop=document.all? iebody.scrollTop : pageYOffset
	var getNewHeight=document.body.offsetHeight;
	var getNewWidth=alertSize();//document.body.offsetWidth;
	if(navigator.appName!='Microsoft Internet Explorer')
	{getNewHeight=getNewHeight+16;}
	modal1.style.top=0;
	modal1.style.width=getNewWidth+'px';
	if(getNewHeight<newheight)
	{getNewHeight=newheight;}
	modal1.style.height=getNewHeight+'px';
	modal1.style.background='#000';     //set color of background layer
	document.getElementById(layerid2).style.width=width1+'px';
	document.getElementById("framelayer").style.width=getNewWidth+'px';
	document.getElementById("framelayer").style.height=getNewHeight+'px';
	document.getElementById("lFrame1").style.width=getNewWidth+'px';
	document.getElementById("lFrame1").style.border='0';
	document.getElementById("lFrame1").style.height=getNewHeight+'px';
	var clientheight=getheight;
	var clientwidth=getNewWidth;
	var layershowobj=document.getElementById(layerid2);
	document.getElementById('modal1').style.display='block';
	document.getElementById(layerid2).style.display='block';
	clientwidth1=(clientwidth/2)-(width1/2);
	clientheight1= dsoctop+(newheight/8)-((document.getElementById(layerid2).offsetHeight)/8);
	layershowobj.style.left=clientwidth1-10+'px';
	if((document.getElementById(layerid2).offsetHeight)>getNewHeight)
	layershowobj.style.top=0;
	else
	layershowobj.style.top=clientheight1+'px';
	closewidthpos=parseInt(clientwidth1, 10)+parseInt(width1, 10)-60;
	if(navigator.appName=='Microsoft Internet Explorer')
	{document.getElementById("framelayer").style.display='block';}
	document.getElementById('addFAnc'+layerid2).innerHTML='<a href="#" onfocus="focuschangeNew(\'last'+layerid2+'\')"></a>'
	document.getElementById('addLAnc'+layerid2).innerHTML='<a href="#" onfocus="focuschangeNew1(\''+layerid2+'\')"></a>'
	layerid1=layerid2;
	clickEventID1=clickEventID2;
	focuschangeNew2(layerid2);
}

function hidemodal()
{
	refreshLighBox();
	document.getElementById('modal1').style.display='none';
	document.getElementById(layerid1).style.display='none';
	document.getElementById("framelayer").style.display='none';
	if(clickEventID1)
	{
		try
		{clickEventID1.focus();}
		catch(e)
		{document.getElementById(clickEventID1).focus();}
	}
	layerid2='';
}
var bool=false;
function focuschange(layerid)
{
	var byTag=document.getElementById(layerid).getElementsByTagName('a');
	byTag[0].focus();
}

function focuschangeNew2(layerid)
{
	var byTag1=document.getElementById(layerid);
	for(i=0; i<byTag1.childNodes.length; i++)
	{
		var byTag2=byTag1.childNodes[i];
		if(byTag2)
		recursive1(byTag2);
		if(bool)
		break;
		else
		{focuschangeNew1(layerid)};
			
	}
}
function recursive1(nodeOBJ)
{	bool=false;
	for(var j=0; j<nodeOBJ.childNodes.length; j++)
	{
		if(((nodeOBJ.childNodes[j].parentNode.style.display)=='none')||((nodeOBJ.childNodes[j].parentNode.parentNode.style.display)=='none')||((nodeOBJ.childNodes[j].parentNode.parentNode.parentNode.style.display)=='none')||((nodeOBJ.childNodes[j].parentNode.parentNode.parentNode.parentNode.style.display)=='none'))
		{}
		else 
		{
			if(((nodeOBJ.childNodes[j].nodeName)=='INPUT') && ((nodeOBJ.childNodes[j].type)!='hidden') && ((nodeOBJ.childNodes[j].style.display)!='none') && ((nodeOBJ.childNodes[j].disabled)!=true))
			{	
				nodeOBJ.childNodes[j].focus();
				 bool=true;
			}
			else if(((nodeOBJ.childNodes[j].nodeName)=='TEXTAREA') && ((nodeOBJ.childNodes[j].type)!='hidden') && ((nodeOBJ.childNodes[j].style.display)!='none') && ((nodeOBJ.childNodes[j].disabled)!=true))
			{
				nodeOBJ.childNodes[j].focus();
				bool=true;
			}
			else if(((nodeOBJ.childNodes[j].nodeName)=='SELECT') && ((nodeOBJ.childNodes[j].type)!='hidden') && ((nodeOBJ.childNodes[j].style.display)!='none') && ((nodeOBJ.childNodes[j].disabled)!=true))
			{
				nodeOBJ.childNodes[j].focus();
				bool=true;
			}
			else
			{	
				if(nodeOBJ.childNodes[j])
				recursive1(nodeOBJ.childNodes[j]);
			}
			if(bool)
			break;
		}
	}
}

function focuschangeNew1(layerid)
{
	var byTag=document.getElementById(layerid).getElementsByTagName('a');
	byTag[1].focus();
}

function focuschangeNew(layerid)
{
	var objNew=document.getElementById(layerid);
	if(((objNew.parentNode.style.display)=='none') || ((objNew.parentNode.parentNode.style.display)=='none') || ((objNew.parentNode.parentNode.parentNode.style.display)=='none'))
		{
		var inputnew=document.getElementById(layerid1).getElementsByTagName('INPUT');
		inputnew[inputnew.length-1].focus();
		}
	else if((objNew.parentNode.parentNode.parentNode.parentNode.className)=='dispNone')
	{
		var inputnew=document.getElementById(layerid1).getElementsByTagName('BUTTON');
		inputnew[inputnew.length-1].focus();
	}
	else
		{objNew.focus();}
} 

function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth-17;
    myHeight = window.innerHeight-18;

  } 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;
  }
  newheight=myHeight;
  return myWidth;
}

function refreshLighBox()
{
	var objNew=document.getElementById(layerid1);
	var inputTypes=	objNew.getElementsByTagName('INPUT');
	for(i=0; i<inputTypes.length; i++)
	{
			var classNew=inputTypes[i].className;
			classNew = String(classNew);
			var classNew1=classNew.match('checked1');
			if(classNew1!='checked1')
			{
				if((inputTypes[i].type)=='checkbox')
				{
					inputTypes[i].checked=false;
				}
				else if(((inputTypes[i].type)=='text') || ((inputTypes[i].type)=='password') || ((inputTypes[i].type)=='file'))
				{
					inputTypes[i].value='';
				}
			}
			
	}
	var tArea=	objNew.getElementsByTagName('TEXTAREA');
	for(i=0; i<tArea.length; i++)
	{
		tArea[i].innerHTML='';
	}
	var selectType=	objNew.getElementsByTagName('SELECT');
	for(i=0; i<selectType.length; i++)
	{
		selectType[i].selectedIndex=0;
	}
	checkError('div', 'error');
	checkError('span', 'error');
	checkError('INPUT', 'errorfill');
	checkError('TEXTAREA', 'errorfill');
	checkError('SELECT', 'errorfill');
}
function checkError(divName)
{
	var objNew=document.getElementById(layerid1);
	var divType=objNew.getElementsByTagName(divName);
	for(var i=0; i<divType.length; i++)
	{
		var classNew= divType[i].className;
			classNew = String(classNew);
		var classNew1=classNew.match('errorfill');
		if(classNew1==null)
		{
			if(((classNew)=='error') || ((classNew)=='error1') || ((classNew)=='error2') || ((classNew)=='error3'))
			{
				if((divType[i].style.display)!='none')
				{
				   if((divType[i].style.display)=='block')
					{
						divType[i].style.display='none';
					}
				   else if((divType[i].style.display)=='')
					{
						divType[i].style.display='none';
					}
					else {divType[i].className='noerror';
					}
			    }
			}
		}
		else
		{
			var classNew2=classNew.split(' ');
			var newClass='';
			for (var j=0; j<classNew2.length; j++)
			{
				if(classNew2[j]!='errorfill')
				newClass+=classNew2[j]+" ";
			}
			divType[i].className=newClass;
		}
	}
}

window.onresize=function() {
	if(layerid2!='')
	modalwin(width2, '', layerid2, clickEventID2);
}