lL = function(){
	return lL.prototype.GetInstance();
}

lL.prototype._single = null;

lL.prototype.GetInstance = function() {
	if( !lL.prototype._single ) {
		lL.prototype._single = this;
	}
	return lL.prototype._single;
}

lL.prototype.setData = function() {
	this.frameId = 'fr_'+this.randNum(10000000,99999999);
}

lL.prototype.openLoginForm = function() {
	this.setData();
	toolbarMiarroba.windowLayer.Open('<iframe name="'+this.frameId+'" style="width:560px;height:326px;border:1px solid #000000;" scrolling="no" frameborder="0"></iframe>','000000',false);
	//true,function(){lL().docWriter()});
}

lL.prototype.closeLoginForm = function() {
	toolbarMiarroba.windowLayer.Close();
}

lL.prototype.randNum = function(a,b){
	return Math.round((b-a)*Math.random()+a);
}
	lL.prototype.docWriter = function(){
	doc=eval('window.frames.'+this.frameId+'.document');
	doc.clear();
	doc.open();
	doc.writeln('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n');
	doc.writeln('<html>\n');
	doc.writeln('\t<head>\n');
	doc.writeln('\t\t<title>Conectar usuario - miarroba.com</title>\n');
	doc.writeln('\t\t<style type="text/css">\n');
	doc.writeln('\t\t\tbody{margin:0px;padding:0px;font-family:trebuchet ms,verdana;background:#ffffff;color:#353535;}\n');
	doc.writeln('\t\t\tform{margin:0px;padding:0px;}\n');
	doc.writeln('\t\t\tlabel{color:#555555;cursor:pointer;}\n');
	doc.writeln('\t\t\tbr.fbreak{font-size:0px;display:block;height:0px;line-height:0px;clear:both;margin:0px;padding:0px;}\n');
	doc.writeln('\t\t\t.logBody{width:100%;}\n');
	doc.writeln('\t\t\t.topBar{border-bottom:1px solid #000000; color:#FFFFFF;background:#3C4284 URL(http://pics.miarroba.com/login/bgBar.gif) left top repeat-x;font-weight:bold;font-size:13px;line-height:24px;height:24px;margin:0px;padding:0px;}\n');
	doc.writeln('\t\t\t.topBar .closeX{float:right;width:21px;height:21px;cursor:pointer;margin:2px 3px;}\n');
	doc.writeln('\t\t\t.topBar .title{float:left;line-height:24px;height:24px;padding-left:25px;background:URL(http://pics.miarroba.com/tmp/fav.gif) 5px center no-repeat;}\n');
	doc.writeln('\n');
	doc.writeln('\t\t\t.container{width:520px;margin:0px;padding:30px 20px;margin:auto;}\n');
	doc.writeln('\t\t\t\n');
	doc.writeln('\t\t\t.formfield{background:URL(http://pics.miarroba.com/iconos_xp/128x128/plug.gif) 410px 15px no-repeat;}\n');
	doc.writeln('\t\t\t.formfield .inputField{height:66px;}\n');
	doc.writeln('\t\t\t.formfield .inputField label{width:120px;font-size:18px;display:block;float:left;line-height:30px;}\n');
	doc.writeln('\t\t\t.formfield .inputField input{padding:1px;margin:0px;width:240px;font-size:24px;border:1px solid #acacac;height:28px;line-height:28px;}\n');
	doc.writeln('\t\t\t.formfield .inputField input.pass{font-size:28px;}\n');
	doc.writeln('\t\t\t.formfield .inputField input.ErrorField{border-color:#FF5B4F;background-color:#FFEFEF;}\n');
	doc.writeln('\t\t\t.formfield .inputField .error{color:#FF5B4F;font-size:12px;width:244px;margin:5px 0px 0px 120px;line-height:20px;display:none;padding-left:20px;background:URL(http://pics.miarroba.com/iconos_xp/16x16/warning.gif) left center no-repeat;}\n');
	doc.writeln('\t\t\t.formfield .inputField .eOpen{display:block;}\n');
	doc.writeln('\n');
	doc.writeln('\t\t\t.formfield .remembermeField {font-size:14px;line-height:30px;float:left;width:240px;}\n');
	doc.writeln('\t\t\t.formfield .remembermeField input{margin:0px;padding:0px;margin-bottom:3px;//margin-bottom:0px;margin-right:3px;}\n');
	doc.writeln('\t\t\t\n');
	doc.writeln('\t\t\t.formfield .submitField{text-align:right;width:365px;height:30px;float:left;width:124px;}\n');
	doc.writeln('\t\t\t.formfield .submitField input{font-size:16px;padding:2px 0px;margin:0px;font-size:16px;line-height:16px;width:100px;}\n');
	doc.writeln('\t\t\t\n');
	doc.writeln('\t\t\t.userlinks{border-top:1px dotted #acacac;background-color:#f2f2f2;padding:10px 20px;}\n');
	doc.writeln('\t\t\t.userlinks span{font-size:14px;line-height:22px;display:block;background:URL(http://pics.miarroba.com/login/plus.gif) left center no-repeat;padding-left:12px;}\n');
	doc.writeln('\t\t\t.userlinks span a{color:#999999;}\n');
	doc.writeln('\t\t</style>\n');
	doc.writeln('\t\t<!--[if IE]>\n');
	doc.writeln('\t\t<style type="text/css">\n');
	doc.writeln('\t\t\t.formfield .inputField input.pass{font-size:19px;}\n');
	doc.writeln('\t\t</style>\n');
	doc.writeln('\t\t<![endif]-->\n');
	doc.writeln('\t\t<scr'+'ipt type="text/javascr'+'ipt">\n');
	doc.writeln('\t\t\tfunction closeWindow() {\n');
	doc.writeln('\t\t\t\twindow.parent.lL().closeLoginForm(false);\n');
	doc.writeln('\t\t\t}\n');
	doc.writeln('\n');
	doc.writeln('\t\t\tfunction checkForm() {\n');
	doc.writeln('\t\t\t\ty=checkNick();\n');
	doc.writeln('\t\t\t\tk=checkPass();\n');
	doc.writeln('\t\t\t\tif( y && k ){\n');
	doc.writeln('\t\t\t\t\treturn true;\n');
	doc.writeln('\t\t\t\t}\n');
	doc.writeln('\t\t\t\treturn false;\n');
	doc.writeln('\t\t\t}\n');
	doc.writeln('\n');
	doc.writeln('\t\t\tfunction checkNick() {\n');
	doc.writeln('\t\t\t\tf=$(\'nick\');\n');
	doc.writeln('\t\t\t\tif(f.value==\'\'){\n');
	doc.writeln('\t\t\t\t\tputError(f,\'ErrorField\',$(\'nickError\'),\'Nick: El valor es obligatorio\');\n');
	doc.writeln('\t\t\t\t\tf.value=\'\';\n');
	doc.writeln('\t\t\t\t\treturn false;\n');
	doc.writeln('\t\t\t\t}\n');
	doc.writeln('\t\t\t\tquitError(f,\'\',$(\'nickError\'));\n');
	doc.writeln('\t\t\t\treturn true;\n');
	doc.writeln('\t\t\t}\n');
	doc.writeln('\t\t\t\n');
	doc.writeln('\t\t\tfunction checkPass() {\n');
	doc.writeln('\t\t\t\tf=$(\'password\');\n');
	doc.writeln('\t\t\t\tif(f.value==\'\'){\n');
	doc.writeln('\t\t\t\t\tputError(f,\'pass ErrorField\',$(\'passError\'),\'Contraseña: El valor es obligatorio\');\n');
	doc.writeln('\t\t\t\t\tf.value=\'\';\n');
	doc.writeln('\t\t\t\t\treturn false;\n');
	doc.writeln('\t\t\t\t}\n');
	doc.writeln('\t\t\t\tquitError(f,\'pass\',$(\'passError\'));\n');
	doc.writeln('\t\t\t\treturn true;\n');
	doc.writeln('\t\t\t}\n');
	doc.writeln('\t\t\t\n');
	doc.writeln('\t\t\tfunction putError(f,fcN,e,msg){\n');
	doc.writeln('\t\t\t\tf.className = fcN;\n');
	doc.writeln('\t\t\t\te.innerHTML=msg;\n');
	doc.writeln('\t\t\t\te.className = \'error eOpen\';\n');
	doc.writeln('\t\t\t}\n');
	doc.writeln('\n');
	doc.writeln('\t\t\tfunction  quitError(f,fcN,e){\n');
	doc.writeln('\t\t\t\tf.className = fcN;\n');
	doc.writeln('\t\t\t\te.innerHTML=\'\';\n');
	doc.writeln('\t\t\t\te.className = \'error\';\n');
	doc.writeln('\t\t\t}\n');
	doc.writeln('\n');
	doc.writeln('\t\t\tfunction $(id){\n');
	doc.writeln('\t\t\t\treturn document.getElementById(id);\n');
	doc.writeln('\t\t\t}\n');
	doc.writeln('\t\t\twindow.onload = function(){document.getElementById(\'nick\').focus();}\n');
	doc.writeln('\t\t</scr'+'ipt>\n');
	doc.writeln('\t</head>\n');
	doc.writeln('\t<body>\n');
	doc.writeln('\t\t<div class="logBody">\n');
	doc.writeln('\t\t\t<!--Barra superior-->\n');
	doc.writeln('\t\t\t<div class="topBar">\n');
	doc.writeln('\t\t\t\t<img src="http://pics.miarroba.com/login/xclose.gif" class="closeX" onmouseup="closeWindow();" />\n');
	doc.writeln('\t\t\t\t<span class="title">Conectar usuario - miarroba.com</span>\n');
	doc.writeln('\t\t\t</div>\n');
	doc.writeln('\t\t\t<!--  -->\n');
	doc.writeln('\n');
	doc.writeln('\t\t\t<!--Barra contenedor-->\n');
	doc.writeln('\t\t\t<div class="container formfield">\t\t\n');
	doc.writeln('\t\t\t\t<form method="post" action="http://miarroba.com/usuarios/entrar.php" target="_parent" onsubmit="return checkForm();">\n');
	doc.writeln('\t\t\t\t<input name="referer" value="http://miarroba.com" type="hidden" />\n');
	doc.writeln('\t\t\t\t<input name="accion" value="entrar" type="hidden" />\n');
	doc.writeln('\t\t\t\t<div class="inputField">\n');
	doc.writeln('\t\t\t\t\t<label for="nick">Nick</label>\n');
	doc.writeln('\t\t\t\t\t<input type="text" name="email" id="nick" maxlength="20" onkeypress="if(this.value!=\'\'){quitError(this,\'\',$(\'nickError\'))}"/>\n');
	doc.writeln('\t\t\t\t\t<div class="error" id="nickError"></div>\n');
	doc.writeln('\t\t\t\t</div>\n');
	doc.writeln('\t\t\t\t<div class="inputField">\n');
	doc.writeln('\t\t\t\t\t<label for="password">Contraseña</label>\n');
	doc.writeln('\t\t\t\t\t<input type="password" name="password" id="password" class="pass" maxlength="20" onkeypress="if(this.value!=\'\'){quitError(this,\'pass\',$(\'passError\'))}" />\n');
	doc.writeln('\t\t\t\t\t<div class="error" id="passError"></div>\n');
	doc.writeln('\t\t\t\t</div>\t\t\n');
	doc.writeln('\t\t\t\t<div class="remembermeField"><input type="checkbox" id="remember_password" name="remember_password" value="si"/><label for="remember_password">Recordar la contraseña de usuario</label></div>\n');
	doc.writeln('\t\t\t\t<div class="submitField"><input type="submit" value="Conectar"/></div>\n');
	doc.writeln('\t\t\t\t</form>\n');
	doc.writeln('\t\t\t\t<br class="fbrak" /><br class="fbrak" />\n');
	doc.writeln('\t\t\t</div>\n');
	doc.writeln('\t\t\t<div class="container userlinks">\n');
	doc.writeln('\t\t\t\t<span><a href="http://miarroba.com/usuarios/password.php" target="_parent">¿Olvidaste tu contraseña?</a></span>\n');
	doc.writeln('\t\t\t\t<span><a href="http://miarroba.com/usuarios/nuevo.php" target="_parent">Nuevo usuario</a></span>\n');
	doc.writeln('\t\t\t</div>\n');
	doc.writeln('\t\t\t<!-- -->\n');
	doc.writeln('\t\t</div>\n');
	doc.writeln('\t</body>\n');
	doc.writeln('</html>\n');
	doc.writeln('\n');
	doc.writeln('\n');
	doc.close();
	return true;
}
lL().openLoginForm();
lL().docWriter();
