ERROR: parse_content() failure: [mod_headertpl] not define <br />
ERROR: parse_content() failure: [mod_footertpl] not define <br />

    <!-- Start Template /components/com_registration/registration.html.php -->
    <!-- #BeginEditable "Body" -->
<script language="JavaScript" type="text/JavaScript">
<!--



function load_alternative() {
	state = new Ajax.Request('ajax.lnk.php', {
					method: 'post',
					parameters: { option:'com_registration', task:'check_allowed_state', zipcode:Field.getValue('zip')},
					onSuccess: 
						function(transport) 
						{ 
							var res=transport.responseText; 
							carousel.next();
							if(res=='false') 
								{
									new Effect.Appear('alternative_slide', {delay:0.5});
									update_state_name();update_pregistered();update_preregister_bar();
								}
						}
			 });
}

function update_state_name(){
	new Ajax.Request('ajax.lnk.php', {
					method: 'post',
					parameters: { option:'com_registration',  task:'preregistration', mode:'update_state_name', zipcode:Field.getValue('zip')},
					onLoading: function() { Element.show('loader');Element.update('f_preregister_state_name'); },
					onComplete: function() { Element.hide('loader'); },
					onSuccess: function(transport) { 
									var res=transport.responseText;
                  					$('f_preregister_state_name').update(res); 
									$('f_preregister_state_name').innerHTML;
								}
			 });
}

function update_preregister_bar(){
	new Ajax.Request('ajax.lnk.php', {
					method: 'post',
					parameters: { option:'com_registration',task:'preregistration', mode:'update_preregister_bar', zipcode:Field.getValue('zip')},
					onLoading: function() { Element.show('loader');},
					onComplete: function() { Element.hide('loader');},
					onSuccess: function(transport) { 
									var res=transport.responseText;
                  $('preregister_bar_fill').setStyle({
												width: res+'px', height : 21+'px'					 
																										});
									var start = res -6;
									$('preregister_pointer').setStyle({
												marginLeft: start+'px'				 
																										});
								}
			 });
}

function update_pregistered(){
	new Ajax.Request('ajax.lnk.php', {
					method: 'post',
					parameters: { option:'com_registration', task:'preregistration', mode:'update_preregistered', zipcode:Field.getValue('zip')},
					onLoading: function() { Element.show('loader');Element.update('f_preregister_number'); },
					onComplete: function() { Element.hide('loader'); },
					onSuccess: function(transport) { Element.update('f_preregister_number',transport.responseText);}
			 });
}

function hide_preregister(){
	new Effect.Fade('alternative_slide', {delay:0.5});
}

function username_availability () {
			  $('f_login').innerHTML="";
        if (Field.getValue('login').length > 4 && Field.getValue('login').length <17 ) {
           new Ajax.Request('ajax.lnk.php', {
              method: 'post',
              parameters: { option:'com_registration', task:'username_availability', login:Field.getValue('login') },
              onLoading: function() { Element.show('loader');Element.update('f_login'); },
              onComplete: function() { Element.hide('loader'); },
              onSuccess: function(transport) { Element.update('f_login',transport.responseText); }
           });
        }
				else if(Field.getValue('login')=='')
				{
					 $('f_login').innerHTML="* Please fill up this field";
				}
				else
				{
					$('f_login').innerHTML="* Must be 5-16 characters";
				}
} 


function email_availability () {
				var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
			  $('f_email').innerHTML="";
				if(Field.getValue('email')=='')
				{
					 $('f_email').innerHTML="* Please fill up this field";
				}
				else if(reg.test(Field.getValue('email')) == false) 				{
					$('f_email').innerHTML="* Invalid Email entered";
				}
				else
				{
					new Ajax.Request('ajax.lnk.php', {
              method: 'post',
              parameters: { option:'com_registration', task:'email_availability', email:Field.getValue('email') },
              onLoading: function() { Element.show('loader');Element.update('f_email'); },
              onComplete: function() { Element.hide('loader'); },
              onSuccess: function(transport) {
								if(transport.responseText == "true")
									Element.update('f_email','');  //Valid Email
								else
									Element.update('f_email',transport.responseText); 
							}
           });
				}
} 
//auto zip code fill
function do_Fill_info(){
    //check if the lenght is 5
    i_input= Field.getValue('zip');
    if(i_input.length >=5 &&  i_input.length <= 7){
        getZip(i_input);
    }
		else{
        //do a shadowbox error
        $('f_zip').innerHTML="* The length of zip code is invalid";
    }
 //zip.focus();
}
function getZip(id){
           new Ajax.Request('ajax.lnk.php', {
              method: 'post',
              parameters: { option:'com_registration', task:'zipcode', zipcode:id },
              onLoading: function() { Element.show('loader2');Element.update('f_zip'); },
              onComplete: function() { Element.hide('loader2'); },
              onSuccess: function(transport) {
                  var res=transport.responseText;
                  $('f_zip').innerHTML=res;
                }
           });
}
function filter_num(e){
    var charCode;
    if(e.keyCode){
        charCode=e.keyCode;
    }else{
        charCode=e.which;
    }
     if (charCode==127 || charCode==32 || charCode==8 || charCode==9 || (charCode >= 97 && charCode <= 122) || (charCode >= 47 && charCode <= 57) || (charCode >= 65 && charCode <= 90) ){
       return true;
    }else{
        return false;
    }
}


function checkpasswords()
{
	opassword = Field.getValue('password');
	cpassword = Field.getValue('password2');
	if(opassword =="" )
		{
			$('f_password').innerHTML="* Please fill up this field";
			$('f_password2').innerHTML="";
			return;
		}
	else if(cpassword =="" )
		{
			$('f_password').innerHTML="";
			$('f_password2').innerHTML="* Please fill up this field";
			return;
		}
	else if(opassword.length < 6 || opassword.length > 16)
		{
			$('f_password2').innerHTML="";
			$('f_password').innerHTML="* Password length invalid";
			return;
		}
	else if(cpassword.length < 6 || cpassword.length > 16)
		{
			$('f_password').innerHTML="";
			$('f_password2').innerHTML="* Password length invalid";
			return;
		}
	else if(opassword != cpassword)
		{
			$('f_password').innerHTML="* The passwords do not match!";
			$('f_password2').innerHTML="";
			return;
		}
	else
		{
			$('f_password').innerHTML="";
			$('f_password2').innerHTML="";
		}
}

function f_via_refreshVeriword(){
   var r=Math.random();
   $('veriword').src='http://www.flirtatious.com/classes/veriword/veriword.php?rand=' + r;
   $('veriword').focus();
}
//end auto zip code fill
function clearText(thefield){
if (thefield.defaultValue==thefield.value)
thefield.value = ""
}
function showPopupName(e){
  //var o_popup=$(e);
  //var o_outboxbody=$('outboxcontent');
  //o_popup.style.display='block';
  //o_popup.style.position='absolute';
  //o_popup.style.left= '35em';
  //o_popup.style.left=o_outboxbody.offsetLeft + 160 + 'px';
 // o_popup.style.top=o_outboxbody.offsetTop + 380 + 'px';
  //alert(o_outboxbody.offsetLeft);
  new Effect.Appear(e,{duration:0.3});
  new Draggable(e);
}
function getposOffset(what, offsettype){
  var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
  var parentEl=what.offsetParent;
  while (parentEl!=null){
  totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
  }
  return totaloffset;
}
function closePopupName(e){
 //var o_popup=$(e);
 //o_popup.style.display='none';
 new Effect.Fade(e,{duration:0.3});
}

//-->
</script>
<script type="text/javascript" src="http://www.flirtatious.com/components/com_games/js/protoculous.js"></script> 
<script src="http://www.flirtatious.com/components/com_games/js/carousel-min.js" type="text/javascript"></script>
<form name="form1" method="post" action="">
<div id="carousel-wrapper">
    <div id="carousel-content">
    	<div class="slide carousel-selected" id="slide-1">
    
   	
    
          <div class="registration_container">
            <div class="registration_content">
              <div class="registration_left_column">
                  <div id="registration_today_column">
	<div style="padding-left:25px;"><div id="jointoday"></div></div>
  		<ul id="registration_left_bulletin">
  			<li>view profiles</li>
			<li>anonymous communication</li>
    		<li>secure and private</li>
			<li>post photos and search</li>
			<li>play exclusive dating games</li>
   			<li>free dating advice</li>
  		</ul>     
	</div>
              </div>
              <div class="registration_right_column">
                  <div class="registration-header">
                    <img src="/templates/flirtatious/images/icons/new_member.gif" class="superback_icon" />
                    <span class="superback_title">new member registration</span>
                    <span class="superback_subtitle">&nbsp;&nbsp;it's free to get started!</span>
                  </div>
                  <div style="width: 647px;">
                        <span style="font-weight:bold">Premium online dating for less. Sign up for free</span>.<br />View profiles, search and start connecting with singles and friends in your area.<br />
                        <div id="superback_link_right"  style="padding-right: 40px;"><a href="?option=com_login">members click here to sign in &raquo;</a></div>
                  </div>
                  <div id="superback_space">
                        <div id="superback_credit_card" style="padding-top: 225px;">
                        
                        <div class="step_container">
                        	<a href="javascript:" onclick="validatestep(1)" style="outline: 0;">
                          	<div id="step_1_text"></div>
                          </a>
                          <div style="float:left" id="slide-control">
                            <a href="javascript:" onclick="validatestep(1)" style="outline: 0;">
                                <div class="go_button"></div>
                            </a>                            
                          </div>
                          <div style="clear:both"></div>
                          <div id="step_1_error" class="font_error"></div>
                        </div>
                        </div>
                            
                        <div id="superback_right">
                          <div id="superback_right_labels">Create a username</div>
                          <div id="superback_right_fields"><div id="f_login" class="font_error"></div><input type="text" style="color:#666666" name="login" id="login" value="enter 5-16 characters" maxlength="16" size="35" class="signin" onKeyPress="return noSpecialChar(event)"
                                onFocus="clearText(this);requiredField(event,'signin')" onBlur="requiredField(event,'signin');username_availability();"/><span id="loader" style="display:none;"><img src="/images/loading.gif" align="absmiddle" style="margin-bottom:4px;" /></span>
                          </div>
                        
                          <div id="superback_right_labels">Choose a password</div>
                          <div id="superback_right_fields"><div id="f_password" class="font_error"></div>
                    <input name="site_password1" type="text" class="signin" value="enter 6-16 characters" size="35" style="color:#666666" onfocus="this.style.display = 'none'; document.getElementsByName('password')[0].style.display = ''; document.getElementsByName('password')[0].focus();"  />
                        <input  type="password" name="password" id="password" maxlength="16" size="35" class="signin"  onFocus="clearText(this);requiredField(event,'signin')" onBlur="requiredField(event,'signin');checkpasswords();if (this.value == '') { this.style.display = 'none'; document.getElementsByName('site_password1')[0].style.display = '';}" autocomplete="off" style="color:#666666;display: none;"  />
                        
                          </div>
                        
                          <div id="superback_right_labels">Confirm password</div>
                          <div id="superback_right_fields"><div id="f_password2" class="font_error"></div><input type="password" name="password2" maxlength="16" size="35" id="password2" class="signin" onFocus="requiredField(event,'signin')" onBlur="requiredField(event,'signin');checkpasswords()"/>
                          </div>
                        
                          <div id="superback_right_labels">Email address</div>
                          <div id="superback_right_fields"><div id="f_email" class="font_error"></div><input type="text" name="email" value="" size="35" id="email" maxlength="50" class="signin" onFocus="requiredField(event,'signin')" onblur="email_availability();" />
                          </div>
                          
                          
                          <div id="superback_right_labels">Your zip code<span class="form_alert">*</span></div>
                    			<div id="superback_right_fields"><div id="f_zip" class="font_error"></div><input type="text" id="zip" name="zip" value="" size="35" maxlength="7" class="signin" onblur="do_Fill_info();" onkeypress="javascript: return filter_num(event)"/><span id="loader2" style="display:none;"><img src="/images/loading.gif" align="absmiddle" style="margin-bottom:4px;" /></span></div>
                          <div id="superback_privacy"><a href="/?option=com_privacy" target="_blank">privacy policy&nbsp;&raquo;</a><br />
                          We value your privacy and do not share your personal 
                          information with anyone. A valid email address is required to 
                          authenticate your account and retrieve lost passwords.
                          </div>		
                          
                          
                          </div>	
                          
                          
                        </div>
                        
                        
                        
                        <div style="clear:both">
                        
                        
                      
                        
                   </div>
              </div>
              <div style="clear:both"></div>
            </div>
          </div>
          
      </div>
      
      <div class="slide">
    
    	<div id="alternative_slide" class="registration_content" style="width:944px; display: none; height: 450px; margin: 0px auto;">

            <div style="width: 392px; float:left;">
              <div style="padding-left:52px; padding-top: 22px; width:340px;">
                <img src="/templates/flirtatious/images/preregister_image.jpg" />
              </div>
            </div>
            <div style="width: 533px; padding-right:19px; float:left; text-align:center">
            	<div class="preregister_header" style="padding-top: 57px;" id="f_preregister_state_name"></div>
              <div class="preregister_information" style="padding-top:35px; margin-bottom: 22px;">
              	<div class="preregister_information" style="margin-bottom: 8px;" >pre-register to activate your state and get 4 months FREE on us!!</div>
                <div class="preregister_information" style="color: #172e80; font-size: 20px; line-height: 30px;">Highlights:</div>
                <ul style="width:355px; margin: 0px auto; text-align:left;" type="disc">
                	<li class="preregister_information" style="line-height:25px;">complementary 120 day <span style="font-weight: bold; color: #172e80">premium membership</span></li>
                  <li class="preregister_information" style="line-height:25px;">meet quality singles <span style="font-weight: bold; color: #172e80">you want to connect with</span></li>
                  <li class="preregister_information" style="line-height:25px;">safe, secure and <span style="font-weight: bold; color: #172e80">private communication</span></li>
                </ul>
              </div>
              <div class="preregister_information" style="margin-bottom: 7px;"><span id="f_preregister_number" style="font-weight: bold; color: #172e80">0</span> have pre-registered</div>
              <div id="preregister_pointer_container"><img id="preregister_pointer" src="/templates/flirtatious/images/preregister_pointer.png"/></div>
              <div id="preregister_bar_container"><div id="preregister_bar_fill"></div></div>
              <div style="width:287px; margin: 0px auto; padding-top: 20px">
                <a href="javascript:" style="background-image: url(/templates/flirtatious/images/preregister_button.jpg); width: 287px; height: 30px; display: block" onclick="hide_preregister();">
                </a>
               </div>
            </div>
            <div style="clear:both"></div>
           <div class="preregister_information" style="text-align:center; font-style:italic; font-size: 11px; width: 944px;">The first 500 members who pre-register in your area will get a free 120 day membership. We'll email you as soon as the level of membership meets our expectations</div>
      </div>

      <div class="registration_container">
            <div class="registration_content">
              <div class="registration_left_column">
                  <div id="registration_today_column">
	<div style="padding-left:25px;"><div id="jointoday"></div></div>
  		<ul id="registration_left_bulletin">
  			<li>view profiles</li>
			<li>anonymous communication</li>
    		<li>secure and private</li>
			<li>post photos and search</li>
			<li>play exclusive dating games</li>
   			<li>free dating advice</li>
  		</ul>     
	</div>
              </div>
              <div class="registration_right_column">
                  <div class="registration-header">
                    <img src="/templates/flirtatious/images/icons/new_member.gif" class="superback_icon" />
                    <span class="superback_title">new member registration</span>
                    <span class="superback_subtitle">&nbsp;&nbsp;it's free to get started!</span>
                  </div>
                  <div id="superback_space">
                    <div id="superback_label">First name only<span class="form_alert">*</span></div>
                    <div id="superback_field"><div id="f_fullname" class="font_error"></div><input type="text" name="fullname" value="" id="fullname" maxlength="20" size="35" class="signin" onKeyPress="return noSpecialChar(event)" onFocus="requiredField(event,'signin')" onBlur="requiredField(event,'signin')"/>&nbsp;<span id="ilogo"><img src="/templates/flirtatious/images/icons/i_alert.gif" border="0" style="cursor:pointer" onclick="showPopupName('popupname')" align="absmiddle"/></span></div>
              
              <div id="popupname" style="display:none" >
              <div style="margin-left:270px;margin-top:2px"><img src="/templates/flirtatious/images/popupnameclosetop.gif" onmouseout="this.src='/templates/flirtatious/images/popupnameclosetop.gif'" style="cursor:pointer" onclick="closePopupName('popupname')" title="Click to close" alt="Click to close"  /></div>
              <div style="height:219px;margin-top:16px;margin-left:18px;margin-right:15px">
              <div style="font-family:Georgia,Times;font-size:16px;color:#172e80;font-weight:700;">Choosing a username and being on a first name basis</div>
              <div style="font-size:11px;color:#333333;margin-top:10px">
              <div>
              You have the option to let friends see your first name instead of your anonymous username.
              </div>
              <div style="margin-top:10px">
              Your first name is ONLY seen by your friends who have been approved by you. 
              </div>
              <div style="margin-top:10px">
              If you do not feel comfortable using your real first name, we recommend a nickname or initials. We always want you to feel safe and secure.
              </div>
              <div style="margin-top:10px">
              <img src="/templates/flirtatious/images/popupnameclose.gif" style="cursor:pointer" onclick="closePopupName('popupname')" title="Click to close" alt="Click to close"  />
              
              </div>
              </div>
              </div>
              </div>
                      <!--
                      <div id="form_labels">City<span class="form_alert">*</span></div>
                      <div id="form_fields"><div class="font_error"></div><input type="text" name="city" id="city" value="" size="35" class="signin" onFocus="requiredField(event,'signin')" onBlur="requiredField(event,'signin')"/></div>
                    -->
                    <div id="superback_label">Who referred you?<span class="form_alert">*</span></div>
                    <div id="superback_field"><div id="f_heardFrom" class="font_error"></div>
                      <select name="heardFrom" id="heardFrom" class="font_selectnormal">
                             
                                   <option value="">select one</option>
                                                                  <option value="1">online advertisement</option>
                                                                  <option value="4">search engine (yahoo,google)</option>
                                                                  <option value="2">youtube</option>
                                                                  <option value="3">myspace</option>
                                                                  <option value="5">facebook</option>
                                                                  <option value="6">website or blog</option>
                                                                  <option value="8">friends or family</option>
                                                                  <option value="9">flirtatious employee</option>
                                                                  <option value="7">overheard a conversation</option>
                                                                  <option value="10">just magically found it</option>
                                                        </select>
                      </div>
                
                      <div id="superback_label">I am a<span class="form_alert">*</span></div>
                      <div id="superback_field">
                                              <input type="radio" name="gender" value="1" class="none" checked> Man                                                <input type="radio" name="gender" value="2" class="none"> Woman                                              </div>
                      
                      <div id="superback_label">Seeking a<span class="form_alert">*</span></div>
                      <div id="superback_field">
                                              <input type="radio" name="sgender" value="1" class="none" checked> Man                                                <input type="radio" name="sgender" value="2" class="none"> Woman                                              </div>
                      
                      <div id="superback_label">Relationship Status<span class="form_alert">*</span></div>
                      <div id="superback_field"><div class="font_error"></div>
                                                <input type="radio" name="status" value="s" class="none" checked />Single                                                    <input type="radio" name="status" value="sp" class="none" />Currently Separated                                                    <input type="radio" name="status" value="d" class="none" />Divorced                                                    <input type="radio" name="status" value="w" class="none" />Widowed                                                 </div>
                        
                      <div id="superback_label">Birth Date (zodiac)<span class="form_alert">*</span></div>
                      <div id="superback_field"><div id="f_dob" class="font_error"></div>
                                  <select name="month" id="month" class="font_selectnormal" style="width:120px" >
                                  <option value="0" style="text-align:left">&nbsp;select month&nbsp;</option>
                                                                    <option value="1" style="text-align:left" >&nbsp;January</option>
                                                                    <option value="2" style="text-align:left" >&nbsp;Febuary</option>
                                                                    <option value="3" style="text-align:left" >&nbsp;March</option>
                                                                    <option value="4" style="text-align:left" >&nbsp;April</option>
                                                                    <option value="5" style="text-align:left" >&nbsp;May</option>
                                                                    <option value="6" style="text-align:left" >&nbsp;June</option>
                                                                    <option value="7" style="text-align:left" >&nbsp;July</option>
                                                                    <option value="8" style="text-align:left" >&nbsp;August</option>
                                                                    <option value="9" style="text-align:left" >&nbsp;September</option>
                                                                    <option value="10" style="text-align:left" >&nbsp;October</option>
                                                                    <option value="11" style="text-align:left" >&nbsp;November</option>
                                                                    <option value="12" style="text-align:left" >&nbsp;December</option>
                                                                    </select>
                                  <select name="day" id="day" class="font_selectnormal" >
                                  <option value="0" style="text-align:right">&nbsp;select day&nbsp;&nbsp;</option>
                                                                    <option value="1" style="text-align:right" >&nbsp;1</option>
                                                                    <option value="2" style="text-align:right" >&nbsp;2</option>
                                                                    <option value="3" style="text-align:right" >&nbsp;3</option>
                                                                    <option value="4" style="text-align:right" >&nbsp;4</option>
                                                                    <option value="5" style="text-align:right" >&nbsp;5</option>
                                                                    <option value="6" style="text-align:right" >&nbsp;6</option>
                                                                    <option value="7" style="text-align:right" >&nbsp;7</option>
                                                                    <option value="8" style="text-align:right" >&nbsp;8</option>
                                                                    <option value="9" style="text-align:right" >&nbsp;9</option>
                                                                    <option value="10" style="text-align:right" >&nbsp;10</option>
                                                                    <option value="11" style="text-align:right" >&nbsp;11</option>
                                                                    <option value="12" style="text-align:right" >&nbsp;12</option>
                                                                    <option value="13" style="text-align:right" >&nbsp;13</option>
                                                                    <option value="14" style="text-align:right" >&nbsp;14</option>
                                                                    <option value="15" style="text-align:right" >&nbsp;15</option>
                                                                    <option value="16" style="text-align:right" >&nbsp;16</option>
                                                                    <option value="17" style="text-align:right" >&nbsp;17</option>
                                                                    <option value="18" style="text-align:right" >&nbsp;18</option>
                                                                    <option value="19" style="text-align:right" >&nbsp;19</option>
                                                                    <option value="20" style="text-align:right" >&nbsp;20</option>
                                                                    <option value="21" style="text-align:right" >&nbsp;21</option>
                                                                    <option value="22" style="text-align:right" >&nbsp;22</option>
                                                                    <option value="23" style="text-align:right" >&nbsp;23</option>
                                                                    <option value="24" style="text-align:right" >&nbsp;24</option>
                                                                    <option value="25" style="text-align:right" >&nbsp;25</option>
                                                                    <option value="26" style="text-align:right" >&nbsp;26</option>
                                                                    <option value="27" style="text-align:right" >&nbsp;27</option>
                                                                    <option value="28" style="text-align:right" >&nbsp;28</option>
                                                                    <option value="29" style="text-align:right" >&nbsp;29</option>
                                                                    <option value="30" style="text-align:right" >&nbsp;30</option>
                                                                    <option value="31" style="text-align:right" >&nbsp;31</option>
                                                                    </select>
                                  <select name="year" id="year" class="font_selectnormal" style="width:90px">
                        <option value="0" style="text-align:right" selected>&nbsp;select year&nbsp;&nbsp;</option>
                                                                    <option value="1996" style="text-align:right"  >&nbsp;1996</option>
                                                                    <option value="1995" style="text-align:right"  >&nbsp;1995</option>
                                                                    <option value="1994" style="text-align:right"  >&nbsp;1994</option>
                                                                    <option value="1993" style="text-align:right"  >&nbsp;1993</option>
                                                                    <option value="1992" style="text-align:right"  >&nbsp;1992</option>
                                                                    <option value="1991" style="text-align:right"  >&nbsp;1991</option>
                                                                    <option value="1990" style="text-align:right"  >&nbsp;1990</option>
                                                                    <option value="1989" style="text-align:right"  >&nbsp;1989</option>
                                                                    <option value="1988" style="text-align:right"  >&nbsp;1988</option>
                                                                    <option value="1987" style="text-align:right"  >&nbsp;1987</option>
                                                                    <option value="1986" style="text-align:right"  >&nbsp;1986</option>
                                                                    <option value="1985" style="text-align:right"  >&nbsp;1985</option>
                                                                    <option value="1984" style="text-align:right"  >&nbsp;1984</option>
                                                                    <option value="1983" style="text-align:right"  >&nbsp;1983</option>
                                                                    <option value="1982" style="text-align:right"  >&nbsp;1982</option>
                                                                    <option value="1981" style="text-align:right"  >&nbsp;1981</option>
                                                                    <option value="1980" style="text-align:right"  >&nbsp;1980</option>
                                                                    <option value="1979" style="text-align:right"  >&nbsp;1979</option>
                                                                    <option value="1978" style="text-align:right"  >&nbsp;1978</option>
                                                                    <option value="1977" style="text-align:right"  >&nbsp;1977</option>
                                                                    <option value="1976" style="text-align:right"  >&nbsp;1976</option>
                                                                    <option value="1975" style="text-align:right"  >&nbsp;1975</option>
                                                                    <option value="1974" style="text-align:right"  >&nbsp;1974</option>
                                                                    <option value="1973" style="text-align:right"  >&nbsp;1973</option>
                                                                    <option value="1972" style="text-align:right"  >&nbsp;1972</option>
                                                                    <option value="1971" style="text-align:right"  >&nbsp;1971</option>
                                                                    <option value="1970" style="text-align:right"  >&nbsp;1970</option>
                                                                    <option value="1969" style="text-align:right"  >&nbsp;1969</option>
                                                                    <option value="1968" style="text-align:right"  >&nbsp;1968</option>
                                                                    <option value="1967" style="text-align:right"  >&nbsp;1967</option>
                                                                    <option value="1966" style="text-align:right"  >&nbsp;1966</option>
                                                                    <option value="1965" style="text-align:right"  >&nbsp;1965</option>
                                                                    <option value="1964" style="text-align:right"  >&nbsp;1964</option>
                                                                    <option value="1963" style="text-align:right"  >&nbsp;1963</option>
                                                                    <option value="1962" style="text-align:right"  >&nbsp;1962</option>
                                                                    <option value="1961" style="text-align:right"  >&nbsp;1961</option>
                                                                    <option value="1960" style="text-align:right"  >&nbsp;1960</option>
                                                                    <option value="1959" style="text-align:right"  >&nbsp;1959</option>
                                                                    <option value="1958" style="text-align:right"  >&nbsp;1958</option>
                                                                    <option value="1957" style="text-align:right"  >&nbsp;1957</option>
                                                                    <option value="1956" style="text-align:right"  >&nbsp;1956</option>
                                                                    <option value="1955" style="text-align:right"  >&nbsp;1955</option>
                                                                    <option value="1954" style="text-align:right"  >&nbsp;1954</option>
                                                                    <option value="1953" style="text-align:right"  >&nbsp;1953</option>
                                                                    <option value="1952" style="text-align:right"  >&nbsp;1952</option>
                                                                    <option value="1951" style="text-align:right"  >&nbsp;1951</option>
                                                                    <option value="1950" style="text-align:right"  >&nbsp;1950</option>
                                                                    <option value="1949" style="text-align:right"  >&nbsp;1949</option>
                                                                    <option value="1948" style="text-align:right"  >&nbsp;1948</option>
                                                                    <option value="1947" style="text-align:right"  >&nbsp;1947</option>
                                                                    <option value="1946" style="text-align:right"  >&nbsp;1946</option>
                                                                    <option value="1945" style="text-align:right"  >&nbsp;1945</option>
                                                                    <option value="1944" style="text-align:right"  >&nbsp;1944</option>
                                                                    <option value="1943" style="text-align:right"  >&nbsp;1943</option>
                                                                    <option value="1942" style="text-align:right"  >&nbsp;1942</option>
                                                                    <option value="1941" style="text-align:right"  >&nbsp;1941</option>
                                                                    <option value="1940" style="text-align:right"  >&nbsp;1940</option>
                                                                    <option value="1939" style="text-align:right"  >&nbsp;1939</option>
                                                                    <option value="1938" style="text-align:right"  >&nbsp;1938</option>
                                                                    <option value="1937" style="text-align:right"  >&nbsp;1937</option>
                                                                    <option value="1936" style="text-align:right"  >&nbsp;1936</option>
                                                                    <option value="1935" style="text-align:right"  >&nbsp;1935</option>
                                                                    <option value="1934" style="text-align:right"  >&nbsp;1934</option>
                                                                    <option value="1933" style="text-align:right"  >&nbsp;1933</option>
                                                                    <option value="1932" style="text-align:right"  >&nbsp;1932</option>
                                                                    <option value="1931" style="text-align:right"  >&nbsp;1931</option>
                                                                    <option value="1930" style="text-align:right"  >&nbsp;1930</option>
                                                                    </select>
                        </div>
              
                        
                      
                    
                           
                        <div style="clear:both"></div>
                  
                    <div id="superback_space">
                        <span class="superback_alert">*required fields are marked with a little red star</span><br />
                    		</span>
                    </div>
                    
                   
                    <div class="step_container">
                    	<a href="javascript:" onclick="validatestep(2)"  style="outline: 0;">
                      	<div id="step_2_text"></div>
                      </a>
                      <div style="float:left" id="slide-control">
                      	 <a href="javascript:" onclick="validatestep(2)"  style="outline: 0;">	  
                          	<div class="go_button"></div>
                         </a>
                      </div>
                      <div style="clear:both"></div>
                      <div id="step_2_error" class="font_error"></div>
                    </div>
                        
                  </div>
              </div>
              <div style="clear:both"></div>
            </div>
          </div>
      </div>
      
      <div class="slide">
      	<div class="registration_container">
            <div class="registration_content">
              <div class="registration_left_column">
                  <div id="registration_today_column">
	<div style="padding-left:25px;"><div id="jointoday"></div></div>
  		<ul id="registration_left_bulletin">
  			<li>view profiles</li>
			<li>anonymous communication</li>
    		<li>secure and private</li>
			<li>post photos and search</li>
			<li>play exclusive dating games</li>
   			<li>free dating advice</li>
  		</ul>     
	</div>
              </div>
              <div class="registration_right_column">
                  <div class="registration-header">
                    <img src="/templates/flirtatious/images/icons/new_member.gif" class="superback_icon" />
                    <span class="superback_title">new member registration</span>
                    <span class="superback_subtitle">&nbsp;&nbsp;it's free to get started!</span>
                  </div>
                  <div style="width: 647px;">
                  	<div id="superback_label">Verification<span class="form_alert">*</span></div>
                      <div id="superback_field"> 
                          
                            <div id="form_capcha">
                            
                              <img src="/classes/veriword/veriword.php" id="veriword" ><br /><br />
                    
                            Please type the letters you see above.<br />
							Characters are not case-sensitive. <br />
							Having trouble? <a href="javascript:f_via_refreshVeriword()">Let's try a new word &raquo;</a><br /><br />
                            <div id="f_captcha" class="font_error"></div>
                             <input type="text" id="captcha" maxlength="20" name="captcha" class="signin"  onKeyPress="return noSpecialChar(event)" onfocus="requiredField(event,'signin')" onblur="requiredField(event,'signin')" />				
                            </div>	
                            
                            <input type="hidden" name="task" value="new_flow">
                            <input type="hidden" name="option" value="com_registration">                          
                        
                      
                      
                        
                    </div>
                    <div id="superback_space" style="margin-top: 40px;">
                    By clicking GO, you acknowledge that you have read and agree to abide by our <a href="/?option=com_legalstuff" target="_blank">TERMS OF SERVICE</a> and <a href="/?option=com_privacy" target="_blank">PRIVACY POLICY.</a></span>
                    </div>
                    <br /><br />
                    <div class="step_container">
                    	<a href="javascript:"  name="Submit"  class="none" onclick="validatestep(3)"  style="outline: 0;">
	                      <div id="step_3_text"></div>
                      </a>
                      <div style="float:left" id="slide-control">
                       	<a href="javascript:"  name="Submit"  class="none" onclick="validatestep(3)"  style="outline: 0;">
                          <div class="go_button"></div>
                        </a>
                      </div>
                      <div style="clear:both"></div>
                      <div id="step_3_error" class="font_error"></div>
                    </div>
                    
                  </div>
              </div>
           </div>
         </div>
      		
      </div>
      
      
  </div>
</div>
</form>
<div id="nav-control" style="visibility:hidden;display:none;">
  <a href="javascript:" class="carousel-control" rel="slide-1 carousel-selected"></a>
</div>
<script  type="text/javascript">
carousel = new Carousel($('carousel-wrapper'), $('carousel-content').select('.slide'), $('nav-control').select('a.carousel-control', 'a.carousel-jumper'),	{duration: 0.4, circular: false, transition: 'sinoidal', wheel: false});

carousel.first();

function validatestep(stepnumber){
		if(stepnumber == 1)
		{
			username_availability();
			checkpasswords();
			email_availability();
      do_Fill_info();
			s_login = new Ajax.Request('ajax.lnk.php', {
						method: 'post',
						parameters: { option:'com_registration', task:'checkstep', stepnumber: '1', zipcode:Field.getValue('zip') , login:Field.getValue('login'),  email:Field.getValue('email'), 
							password:Field.getValue('password'), password2:Field.getValue('password2') },
						onSuccess: 
							function(transport) 
							{ 
								var res=transport.responseText; 		
								if(res=="true") 
									{
										Element.update('step_1_error','');
										load_alternative();
									}
								else
									{
										Element.update('step_1_error',res);
									}
	
							}
				 });
					
		}
		else if(stepnumber == 2)
		{
			var f_name = Field.getValue('fullname');
			var f_heardFrom = Field.getValue('heardFrom');
			var f_month = Field.getValue('month');
			var f_day = Field.getValue('day');
			var f_year = Field.getValue('year');
			
			if(f_name == "" )
				{
					$('f_fullname').innerHTML="* Please fill up this field";
				} 
			else
				{
					$('f_fullname').innerHTML="";
				}
			
			if(f_heardFrom =="" )
				{
					$('f_heardFrom').innerHTML="* Please fill up this field";
				} 
			else
				{
					$('f_heardFrom').innerHTML="";
				}
			
			if(f_month == 0 || f_day == 0 || f_year == 0 )
				{
					$('f_dob').innerHTML="* Please fill up this field";
				} 
			else
				{
					$('f_dob').innerHTML="";
				}
			
			s_fullname = new Ajax.Request('ajax.lnk.php', {
					method: 'post',
					parameters: { option:'com_registration', task:'checkstep', stepnumber: '2', fullname:Field.getValue('fullname'), heardFrom:Field.getValue('heardFrom')
					,	month:Field.getValue('month'), day:Field.getValue('day'), year:Field.getValue('year')
					},
					onSuccess: 
						function(transport) 
						{ 
							var res=transport.responseText; 
							if(res=="true") 
								{
									Element.update('step_2_error','');
									carousel.next();
								}
							else
								{
									Element.update('step_2_error',res);
								}
			
						}
			 });
		
				
		}
		else if(stepnumber == 3)
		{
			stepsuccess = 0;
			s_fullname = new Ajax.Request('ajax.lnk.php', {
					method: 'post',
					parameters: { option:'com_registration', task:'checkstep', stepnumber: '3', captcha:Field.getValue('captcha') },
					onSuccess: 
						function(transport) 
						{ 
							var res=transport.responseText; 
							if(res=='true') 
								{
									Element.update('step_3_error','');
									check_form('add','com_registration'); 			
								}
							else
								{
									Element.update('step_3_error',res);
								}
		
						}
			 });
		}
}

</script>
    <!-- #EndEditable -->
<!-- End Template /components/com_registration/registration.html.php -->