document.write('<div id="loginPop" style="position:absolute;display:none;z-index:99">\
	<div class="popheader"><span>Login</span><img src="images/icon_close.gif" alt="Close" title="Close" class="Login_close" style="cursor:pointer;"></div>\
	<div class="popInner">\
		<div class="popInnerWrap">\
			<div class="wrapperMain">\
				<p><label>Email:</label><span><input type="text" value="" name="emailId" id="lemailId" /></span></p>\
				<p><label>Password:</label><span><input type="password" value="" name="password" id="lpassword" /></span></p>\
				<p><label>&nbsp;</label><span>\
					<ul><li class="btn"><a href="javascript:loginCheck();"><img src="images/login.gif" alt="Login" title="Login"></a></li><li class="register">Not a member? <a href="#" class="regist_now">Register Now!</a></li></ul>\
					<input type="hidden" name="group" value="user" id="group">\
				</span></p>\
			</div>\
		</div>\
	</div>\
	</div>');

document.write('<div id="registerPop" style="position:absolute;display:none;z-index:99">\
	<div class="popheader"><span>Register</span><img src="images/icon_close.gif" class="regis_close" title="Close" alt="Close" style="cursor:pointer"></div>\
	<div class="popInner">\
		<div class="popInnerWrap">\
			<div class="wrapperMain">\
				<p><label>Name:</label><span><input type="text" value="" name="rname" id="rname" /></span></p>\
				<p><label>Email:</label><span><input type="text" value="" name="remailId" id="remailId" /></span></p>\
				<p><label>Phone:</label><span><input type="text" value="" name="rphone" id="rphone" style="width:100px;" /></span></p>\
				<p><label>Create Password:</label><span><input type="password" value="" name="rpassword" id="rpassword" /></span></p>\
				<p><label>Confirm Password:</label><span><input type="password" value="" name="rcpassword" id="rcpassword" /></span></p>\
				<p><label>&nbsp;</label><span>\
					<a href="javascript:registerUser();"><img src="images/register.gif"></a>\
				</span></p>\
			</div>\
		</div>\
	</div>\
</div>');

document.write('<div id="topBids" style="position:absolute;display:none;z-index:99">\
	<div class="popheader"><span>Top 10 Bids</span><img src="images/icon_close.gif" alt="Close" title="Close" class="top_bids_close" style="cursor:pointer;"></div>\
	<div class="popInner">\
		<div class="popInnerWrap" id="viewBids">\
		</div>\
		<div style="text-align:center; padding:10px 0 25px;background:#FFFFFF none repeat scroll 0 0"><img src="images/close.gif" alt="Close" title="Close" class="top_bids_close" style="cursor:pointer;"></div>\
	</div>\
</div>');

$(document).ready(function(){
	// alert("hey");
       $("a.login_main").click(function(){
	       
             var sh = document.body.scrollHeight;
			 var sw = document.body.scrollWidth;
			 var mlv = (sw-397)/2;
			 $("div#overlay").css("height",sh+"px");
			 $("div#loginPop").css("left",mlv+"px");
			 $("div#loginPop").css("top","130px");
			 $("div#loginPop").fadeIn(600);	
			 $("div#overlay").css("display","block");
      });
      $("img.Login_close").click(function(){
	    $("div#loginPop").fadeOut(600);	
		$("div#overlay").css("display","none");
	  });

	 $("a.regist_now").click(function(){
	       
             var sh = document.body.scrollHeight;
			 var sw = document.body.scrollWidth;
			 var mlv = (sw-397)/2;
			 $("div#overlay").css("height",sh+"px");
			 $("div#registerPop").css("left",mlv+"px");
			 $("div#registerPop").css("top","130px");
			 $("div#registerPop").fadeIn(600);	
			 $("div#overlay").css("display","block");
			 $("div#loginPop").css("display","none");	
      });
      
	  $("img.regis_close").click(function(){
	    $("div#registerPop").fadeOut(600);	
		$("div#overlay").css("display","none");

	  });

	  $("img.top_bids_close").click(function(){
	    $("div#topBids").fadeOut(600);	
		$("div#overlay").css("display","none");

	  });

});