// JavaScript Document
$(document).ready(function(){
	$("a#loginId").click(function(){
		$("div#overlay").css("display","block");
		  $("div#loginDiv").show();
		  $("div#loginPart").css("display","block");
		  $("div#forgotPart").css("display","none");
			var sh = document.body.scrollHeight;
			var sw = document.body.scrollWidth;
			var mlv = (sw-300)/2;
			$("div#overlay").css("height",sh+"px");
			$("div#overlay").css("width",sw+"px");
			$("div#loginDiv").css("left",mlv+"px");
			$("div#loginDiv").css("top","50px");
			$("div#loginDiv").css("top","130px"); 
		});		
		
		$("a.dummyId").click(function(){
			$("div#loginDiv").hide();
			$("div#overlay").css("display","none");
		});
		$("a#pwd").click(function(){						
			$("div#loginPart").css("display","none");
			$("div#forgotPart").css("display","block");
		});
		$("a#myId22").click(function(){
			alert('ok');
		});	
});	

document.write('<div id="loginDiv" style="width:300px;overflow:hidden;position:absolute;top:0;left:0;z-index:99;border:1px solid #fed845;display:none;">\
		<div id="loginPart" style="clear:both;">\
			<div style="height:23px;background:#db9207;font-family:verdana;font-size:12px;color:#fff;padding:7px 0 0 10px;"><b>Login</b></div>\
			<div style="height:125px;background:#f3daab;clear:both;">\
				<div style="clear:both;">\
					<div style="float:left;width:100px;font-size:12px;padding:10px 0 0 10px;">Username:</div>\
					<div style="float:left;padding:7px 0 0 0;"><input type="text" style="font-size:12px;font-f\amily:verdana;height:16px;width:160px;" \></div>\
				</div>\
				<div style="clear:both;">\
					<div style="float:left;width:100px;font-size:12px;padding:10px 0 0 10px;">Password:</div>\
					<div style="float:left;padding:7px 0 0 0;"><input type="password" style="font-size:12px;height:16px;width:160px;" \></div>\
				</div>\
				<div style="clear:both;padding:2px 0 0 175px;"><a href="javascript:;" id="pwd" class="my_link">forgot password?</a></div>\
				<div style="margin:auto;text-align:center;padding-top:15px;"><a href="listing_page.htm"><img alt="Login" title="Login" border="0" src="images/login.gif"></a><a href="javascript:;" class="dummyId"><img alt="Cancel" title="Cancel" border="0" src="images/cancel.gif" style="margin-left:15px;"></a></div>\
			</div>\
		</div>\
		<div id="forgotPart" style="clear:both;display:none;">\
			<div style="height:23px;background:#db9207;font-family:verdana;font-size:12px;color:#fff;padding:7px 0 0 10px;"><b>Forgot Password</b></div>\
			<div style="height:125px;background:#f3daab;clear:both;">\
				<div style="clear:both;padding:5px 10px 0 10px;font-size:12px;">Please provide email address where the new password should be sent</div>\
				<div style="clear:both;padding-top:5px;">\
					<div style="float:left;width:100px;font-size:12px;padding:10px 0 0 10px;">Email Address:</div>\
					<div style="float:left;padding:7px 0 0 0;"><input type="text" style="font-size:12px;font-family:verdana;height:16px;width:160px;" \></div>\
				</div>\
				<div style="clear:both;height:1px;overflow:hidden;"></div>\
				<div style="margin:auto;text-align:center;padding-top:15px;"><a href="javascript:;" class="dummyId"><img alt="Continue" title="Continue" border="0" src="images/continue.gif"></a><a href="javascript:;" class="dummyId"><img alt="Cancel" title="Cancel" border="0" src="images/cancel.gif" style="margin-left:15px;"></a></div>\
			</div>\
		</div>\
	</div>');