var source = '';

function hidePopupLogin()
{
	if(document.all['PopupLogin'])
		layerWrite('PopupLogin',0,'') 		
}

function showPopupLogin(boolFailed, selectedValue)
{
	var strHTML = '';
	strHTML += '<span name="spnPopupLogin" onClick="event.cancelBubble=true">'
	strHTML += '<form method="POST" action="login.aspx" ID="LoginForm">'
	strHTML += '		<table border="1" style="z-index: 999; position:absolute; display:Block;" width="264" height="134" bordercolor="#000080" cellpadding="0" cellspacing="0">'
	strHTML += '			<tr>'
	strHTML += '				<td>'
	strHTML += '					<table border="0" width="100%" height="124" bgcolor="#AB9ED9" cellspacing="0" cellpadding="0" id="table1">'
	strHTML += '			<tr>'
	strHTML += '				<td height="13" valign="top" colspan="4"></td>'
	strHTML += '			</tr>'
	strHTML += '			<tr>'
	strHTML += '				<td height="28" width="5" valign="middle">&nbsp;</td>'
	strHTML += '				<td height="28" width="73" valign="middle"><b><font size="1" face="Verdana" color="#000080">Username</font></b></td>'
	strHTML += '				<td height="28" width="182" valign="top"><input id=Username type="text" name="Username" style="Width:170px" /></td>'
	strHTML += '				<td height="28" width="4" valign="top">&nbsp;</td>'
	strHTML += '			</tr>'
	strHTML += '			<tr>'
	strHTML += '				<td height="28" valign="middle">&nbsp;</td>'
	strHTML += '				<td height="28" valign="middle"><b><font size="1" face="Verdana" color="#000080">Password</font></b></td>'
	strHTML += '				<td height="28" valign="top"><input id=Password type="password" name="Password" style="Width:170px" /></td>'
	strHTML += '				<td height="28" valign="top">&nbsp;</td>'
	strHTML += '			</tr>'
	strHTML += '			<tr>'
	strHTML += '				<td height="25" valign="middle">&nbsp;</td>'
	strHTML += '				<td height="25" valign="middle"><b><font size="1" face="Verdana" color="#000080">Product</font></b></td>'
	strHTML += '				<td height="25" valign="top">'
	strHTML += '					<select id=ProductCode runat=server size="1" name="ProductCode" '
	strHTML += '						style="font-family: Verdana; font-size: 8pt; Width:170px" > '
	strHTML += '						<option value="SapphireElite" '
	if(selectedValue=="SapphireElite"){strHTML += ' selected=true '}
	strHTML += '						>Vigilmetrix - Web</option>'
	strHTML += '						<option value="MetrixMail" '
	if(selectedValue=="MetrixMail"){strHTML += ' selected=true '}
	strHTML += '						>Vigilmetrix - Mail</option>'
	strHTML += '						<option value="MetrixStream" '
	if(selectedValue=="MetrixStream"){strHTML += ' selected=true '}
	strHTML += '						>Vigilmetrix - Stream</option>'
	strHTML += '						<option value="MetrixKiosk" '
	if(selectedValue=="MetrixKiosk"){strHTML += ' selected=true '}
	strHTML += '						>Vigilmetrix - Kiosk</option>'
	strHTML += '                        <option value="MetrixIntegration" '
	if(selectedValue=="MetrixIntegration"){strHTML += ' selected=true '}
	strHTML += '                        >Vigilmetrix - Integration</option>'
	strHTML += '						<option value="Clickstream" '
	if(selectedValue=="Clickstream"){strHTML += ' selected=true '}
	strHTML += '						>clickStream</option>'
	strHTML += '						<option value="LogLizard" '
	if(selectedValue=="LogLizard"){strHTML += ' selected=true '}
	strHTML += '						>Loglizard</option>'
	strHTML += '						</select></td>'
	strHTML += '				<td height="25" valign="top">&nbsp;</td>'
	strHTML += '			</tr>'
	strHTML += '            <tr>'
	strHTML += '                <td height="28" valign="middle">&nbsp;</td>'
	strHTML += '				<td height="28" colspan="2" align="center" valign="middle"><a href="productDemo.aspx"><b><font size="1" face="Verdana" color="#000080">Click here for a demo login</font></b></a></td>'
	strHTML += '				<td height="28" valign="top">&nbsp;</td>'
	strHTML += '            </tr>'
	strHTML += '			<tr>'
	strHTML += '				<td height="30" valign="top">&nbsp;</td>'
	//strHTML += '				<td height="30" valign="top"><input type="button" value="Submit" onclick="javascript: if(Username.value.length > 1 && Password.value.length > 1){ LoginForm.submit();hidePopupLogin();}" name="btnSubmit" style="padding:0; font-family: Verdana; color: #FFFFFF; background-color: #000080; font-size:8pt; font-weight:bold"></td>'
	strHTML += '				<td height="30" valign="top"><input type="submit" value="Submit" name="btnSubmit" style="padding:0; font-family: Verdana; color: #FFFFFF; background-color: #000080; font-size:8pt; font-weight:bold"></td>'
	strHTML += '				<td height="30" valign="middle"><p align="right"><a href="JavaScript:void(0);" onclick="javascript:hidePopupLogin();"><b><font size="1" face="Verdana" color="#000080">close</font></b></a></td>'
	strHTML += '				<td height="30" valign="bottom">&nbsp;</td>'
	strHTML += '			</tr>'
	if(boolFailed){
		strHTML += '			<tr>'
		strHTML += '				<td height="20" align="center" valign="center" colspan="4"><b><font size="1" face="Verdana" color="#FF0000">Incorrect credentials, Please try again.</font></b></td> '
		strHTML += '			</tr>'
	}
	strHTML += '		</table>'
	strHTML += '	</td>'
	strHTML += '</tr>'
	strHTML += '</table>'
	strHTML += '</form>'
  	strHTML += '</span>'
  	layerWrite('PopupLogin',0,strHTML) ;			
}

function layerWrite(id,nestref,text) 
{
	ns4 = (document.layers)? true:false
	ie4 = (document.all)? true:false

	if (ns4) {
		id += '-ns4';
		if (text != '') 
		{
			text = '<div id="calcontent">' + text + '</div>';
		}
		var lyr = (nestref)? eval('document.'+nestref+'.document.'+id+'.document') : document.layers[id].document
		lyr.open()
		lyr.write(text)
		lyr.close()
	}
	else if (ie4) 
	{
		document.all[id].innerHTML = text;
		DivSetVisible(true,id);
	}
	else
	{ 	
		obj = document.getElementById(id);
		obj.innerHTML = text;
	}
}

function DivSetVisible(state,id)
{
	var DivRef = document.getElementById(id);
	if(state)
	{
		DivRef.style.left = getXPosition();
		DivRef.style.display = "block";
	}
	else
	{
		DivRef.style.display = "none";
	}
}

function getXPosition()
{
	var x = 0;
	var s = 0;
	s = screen.width;

	if (document.documentElement && document.documentElement.clientWidth)
        	s = document.documentElement.clientWidth;
    	else if (document.body && document.body.clientWidth)
       		s = document.body.clientWidth;
    	else
        	s = window.innerWidth;

	x=(s/2) + 115;// Waz: I changed this from 120 to 110, which shifted the box left.

	if (x < 485)
		x = 485;
    
    return x;
}

function getScrollY() {
	var sy = 0;
	if (document.documentElement && document.documentElement.scrollTop)
		sy = document.documentElement.scrollTop;
	else if (document.body && document.body.scrollTop)
		sy = document.body.scrollTop; 
	else if (window.pageYOffset)
		sy = window.pageYOffset;
	else if (window.scrollY)
		sy = window.scrollY;
	return sy;
}
  
function CheckLoginFailure()
{
  	var qsParm = new Array();
	var query = window.location.search.substring(1);
	var parms = query.split('&');
	for (var i=0; i<parms.length; i++) 
	{
		var pos = parms[i].indexOf('=');
		if (pos > 0) 
		{
			var key = parms[i].substring(0,pos);
			var val = parms[i].substring(pos+1);
			qsParm[key] = val;
		}
	}
	
	if(qsParm['login'] == '0' && qsParm['selectedValue'] != 'undefined')
	{
		showPopupLogin(true,qsParm['selectedValue'])
		LoginForm.Username.focus();
	}
}