<?php
	include("config.php");
	error_reporting(0);
	include("include/functions.php");
	include("include/header.php");
?>
<script language="javascript">
	function addtocart(pid){
		document.form1.productid.value=pid;
		document.form1.command.value='add';
		document.form1.submit();
	}
</script>
<!DOCTYPE HTML>
<html>
	<head>
		<title><?php echo $tittle;?></title>
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		</script>
		<!----webfonts---->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
		<!----//webfonts---->
		<!----start-alert-scroller---->
		<script src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easy-ticker.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$('#demo').hide();
			$('.vticker').easyTicker();
		});
		</script>
		<!----start-alert-scroller---->
		<!-- start menu -->
		<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
		<script type="text/javascript" src="js/megamenu.js"></script>
		<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
		<script src="js/menu_jquery.js"></script>
		<!-- //End menu -->
		<!---slider---->
		<link rel="stylesheet" href="css/slippry.css">
		<script src="js/jquery-ui.js" type="text/javascript"></script>
		<script src="js/scripts-f0e4e0c2.js" type="text/javascript"></script>
		<script>
			  jQuery('#jquery-demo').slippry({
			  // general elements & wrapper
			  slippryWrapper: '<div class="sy-box jquery-demo" />', // wrapper to wrap everything, including pager
			  // options
			  adaptiveHeight: false, // height of the sliders adapts to current slide
			  useCSS: false, // true, false -> fallback to js if no browser support
			  autoHover: false,
			  transition: 'fade'
			});
		</script>
		<!----start-pricerage-seletion---->
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
		<script type='text/javascript'>//<![CDATA[ 
			$(window).load(function(){
			 $( "#slider-range" ).slider({
			            range: true,
			            min: 0,
			            max: 500,
			            values: [ 100, 400 ],
			            slide: function( event, ui ) {  $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
			            }
			 });
			$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) + " - $" + $( "#slider-range" ).slider( "values", 1 ) );
			
			});//]]>  
		</script>
		<!----//End-pricerage-seletion---->
		<!---move-top-top---->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
				});
			});
		</script>
<script>
function checkPass()
{
    var pass1 = document.getElementById('pass1');
    var pass2 = document.getElementById('pass2');
    var message = document.getElementById('confirmMessage');
    var goodColor = "#66cc66";
    var badColor = "#ff6666";
    if(pass1.value == pass2.value){
        pass2.style.backgroundColor = goodColor;
        message.style.color = goodColor;
        message.innerHTML = "Passwords Match!"
    }else{
        pass2.style.backgroundColor = badColor;
        message.style.color = badColor;
        message.innerHTML = "Passwords Do Not Match!"
    }
}  
</script>
<!-----------------------Check password End-------------------------------------------->
	</head>
	<body>
		<div class="content login-box">
			<div class="login-main">
            <?php
        	if($_REQUEST['add']=='err')
			echo "<font color='red'> Your password or email_id Incorrect.</font>";
		 if($_REQUEST['add']=='Success') 
			{
				?>
                <div class="succ" style="color:#060;">
                <img src="images/mark.png" width="20" height="20">
                 Registration Success.Please check your email to conform account.<br>
			<b>Note : It may take a few mints for your conformation email message to arrive.<br>
			Please be patient,and check your spam filter or updates as well.Thanks!</b></font>
            </div>
            
            <?php } 
			
           
			if($_REQUEST['create']=='sucess')
			echo "<font color='blue'> <b> Registration Success.Now Login your Account.</b></font>";
			
			
			if($_REQUEST['add']=='exit')
			echo "<font color='red'><b> Your account has been already activated.</b></font>";
			
			if($_REQUEST['logout']=='succ')
			echo "<font color='red'> <b>Your Account has been Successfully logout.</b></font>";

			
			?>
				<div class="wrap">
					<h1>CREATE AN ACCOUNT</h1>
					<div class="register-grids">
						<form method="post" id="chgpass1" enctype="multipart/form-data" action="create.php">
           	   <script src="prototype.js" type="text/javascript"></script>
               <script src="validation.js" type="text/javascript"></script> 
								<div class="register-top-grid">
										<h3>PERSONAL INFORMATION</h3>
										<div>
						<span>Name<label>*</label></span>
						<input type="text" name="name" class="required"> 
					 </div>
					 <div>
						<span>Door No.<label>*</label></span>
						<input type="text" name="door_no" class="required"> 
					 </div>
                     
                     
                      <div>
						<span>Locality<label>*</label></span>
						<input type="text" name="locality" class="required"> 
					 </div>
					 <div>
						<span>Street<label>*</label></span>
						<input type="text" name="street" class="required"> 
					 </div>
                     
                     <div>
						<span>City<label>*</label></span>
						<input type="text" name="city" class="required"> 
					 </div>
					 <div>
						<span>District<label>*</label></span>
						<input type="text" name="district" class="required"> 
					 </div>
                     
                     <div>
						<span>State<label>*</label></span>
						<input type="text" name="state" class="required"> 
					 </div>
					 <div>
						<span>pincode<label>*</label></span>
						<input type="text" name="pincode" class="required"> 
					 </div>
                     
                     <div>
						<span>phone Number<label>*</label></span>
						<input type="text" name="contact_no" class="required"> 
					 </div>
                     
					<div class="clear"> </div>
					 			<div class="clear"> </div>
								</div>
								<div class="clear"> </div>
								<div class="register-bottom-grid">
										<h3>LOGIN INFORMATION</h3>
										<div>
											<span>Password<label>*</label></span>
											<input type="password" id="pass1"  class="required">
										</div>
										<div>
											<span>Confirm Password<label>*</label></span>
											<input type="password"  name="pword" class="required" id="pass2" onkeyup="checkPass(); return false;">
                                            <span id="confirmMessage" class="confirmMessage"></span>
										</div>
                                         <div>
						 <span>Email Address (or) Username<label>*</label></span>
						 <input type="text"name="email" class="required validate-email"> 
					 </div>
										<div class="clear"> </div>
								</div>
								<div class="clear"> </div>
								<input type="submit" value="submit" name="create_acc" />
						</form>
                        <script type="text/javascript">
						function formCallback(result, form) 
						{
							window.status = "valiation callback for form '" + form.id + "': result = " + result;
						}
						
						var valid = new Validation('chgpass1', {immediate : true, onFormValidate : formCallback});
						Validation.addAllThese([
							['validate-password', 'Your password must be more than 6 characters and not be \'password\' or the same as your name', {
								minLength : 7,
								notOneOf : ['password','PASSWORD','1234567','0123456'],
								notEqualToField : 'field1'
							}],
							['validate-password-confirm', 'Your confirmation password does not match your first password, please try again.', {
								equalToField : 'field39'

							}]
						]);
					</script>    
					</div>
				</div>
			</div>
		</div>
		<!---- start-bottom-grids---->
		<?php include("include/footer.php"); ?>
