$(document).ready(function(){
	$("#preplink").click(function() {
		
		
		///LOAD FORM INTO MODAL
		$("#dialog-modal").html('<div id="loginBG"><div id="contactInfo"><b>Phone: (800) 466-9308</b><br /><a href="http://www.woodard247.com">www.woodard247.com</a> &copy; 2011 Woodard Cleaning & Restoration, Inc.</div><div id="loginFormBG"><div id="introText">If you have a PREP account, please login with your credentials. If you are interested in learning more about PREP, please contact our customer service staff at (314) 961-9102. Thanks!</div><form id="loginForm" action="https://prep.woodard247.com/process-login.php" method="post"><label for="username" class="formLabel">Username</label><br /><input type="text" id="username" name="uid" size="30" class="formInput" /><br /><br /><label for="password" class="formLabel">Password</label><br /><input type="password" id="password" name="pwd" size="30" class="formInputPassword" /> <a href="https://prep.woodard247.com/login.php?la=true" id="loginAssistLink" class="loginAssist">login assistance</a><br /><br /><input type="image" src="/pics/login/submit.png" width="97" height="41" id="submitButton"></form></div></div><div class="modal-footer"><a href="#" class="close">Close <img src="/pics/close.png"></a></div>');
		
		
		///LOAD MODAL AND SET THE CONFIG
		$("#dialog-modal").dialog({
			autoOpen: true,
			modal: true,
			resizable: false,
			width: 610,
			height: 580,
			position: 'center',
			dialogClass: 'woodard-dialog',
			show: 'fade',
			hide: 'fade'
		});
		
		///REMOVE MODAL TITLE BAR
		$(".ui-dialog-titlebar").remove();
		
		///PUSH THE NAVIGATION BEHIND THE MODAL WINDOW (it was above the window)
		$("#nav").css({ zIndex: 1 });
		
		
		
		///SET FOCUS TO USERNAME FORM FIELD
		$("#username").focus();
		
		///WAIT FOR USER TO CLICK CLOSE, THEN CLOSE THE MODAL
		$(".close").click(function() {
			$("#dialog-modal").dialog('close');
			///SET NAV BACK TO PROPER Z-INDEX VALUE
			$("#nav").css({ zIndex: 3000 });
			return false;
		});
		
		
		return false;
	});
	
});