/* 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>Login Required</h2>';
	loginForm += '		<h5>Please click the login button below to be automatically logged into the Dealer Portal.</h5>';
//	loginForm += '		<h5>Please <a href="/pages/contact">e-mail us</a> or call customer service at 574-295-8330 for login information.</h5>';
/*
	loginForm += '		<label>username <input name="username" id="login" type="text" size="20" tabindex="1" /></label><br/>';
	loginForm += '		<label>password <input name="password" type="password" size="20" tabindex="2" /></label><br/>';
*/
	loginForm += '		<input type="submit" name="submit" value="Login" /> <input type="reset" onclick="closeLogin();" value="Cancel" />';
//	loginForm += '		<h5><br /><br />Please click the login button below to be automatically logged into the Dealer Portal.<br /><br /></h5>';
//	loginForm += '		<input type="submit" name="submit" value="Login" /> <input type="reset" onclick="closeLogin();" value="Cancel" />';
	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;
}