/* DEALER LOGIN FUNCTIONS
-----------------------------------------------------*/

function login() {
	var loginForm = '';

	loginForm = '<form method="post" id="dealerform" onsubmit="closeLogin();" action="pages/dealers/">';
//	loginForm = '<form method="post" id="dealerform" onsubmit="closeLogin();" action="pages/dealers/login">';
	loginForm += '	<div align="center">';
	loginForm += '		<h2>Se require ingresar a su cuenta</h2>';
/*
	loginForm += '		<h5>username</h5>';
	loginForm += '		<input name="username" id="login" type="text" size="20" tabindex="1" />';
	loginForm += '		<h5>password</h5>';
	loginForm += '		<input name="password" type="password" size="20" tabindex="2" /><br />';
	loginForm += '		<input type="submit" name="submit" value="login" /> <input type="reset" onclick="closeLogin();" value="cancel" />';
*/
	loginForm += '		<h5><br /><br />Por favor haga click en el botón de ingreso para ser automáticamente ingresado al portal de distribuidores.<br /><br /></h5>';
	loginForm += '		<input type="submit" name="submit" value="Ingresar a su cuenta" /> <input type="reset" onclick="closeLogin();" value="Cancelar" />';
	loginForm += '	</div>';
	loginForm += '</form>';

	jQuery('<div id="dealerMask" class="mask"></div>').appendTo('body').css({ opacity:0, visibility:'visible', background:'#000', zIndex:100, height:jQuery(document).height(), width:jQuery('body').width(), top:0, left:0, position:'absolute' }).click(closeLogin);
    jQuery('<div id="overlay"></div>').appendTo('body').css({ left:(970/2)-150 }).html(loginForm);

	jQuery('#dealerMask').animate({ opacity:.7 }, 500, function() {
    	jQuery('#overlay').animate({ width:300, height:10 }).animate({ height:170 }).find('#login').focus();
    });

	return true;
}

function closeLogin() {
	jQuery('#overlay').animate({ height:0 }, function() {
    	jQuery('#dealerMask').animate({ opacity:0 }, 500, function() { jQuery(this).remove(); });
        jQuery('#overlay').remove();
    });
		
	return true;
}