<!doctype html>
<html>
<head>
<title>Online Hookup</title>
<meta name='description' content=''>
<meta name='keywords' content=''>
<meta name='ROBOTS' content='NOINDEX, NOFOLLOW'>
<link href='//media.minidtcdn.com/land2/common/sb_daf_sf/css/style.css' rel='stylesheet' type='text/css'>
<script type='text/javascript' src='//media.minidtcdn.com/land2/js/jquery-2.1.4.min.js'></script>

	<meta name='viewport' content='width=device-width,initial-scale=1.0'>
	<link href='https://fonts.googleapis.com/css?family=Questrial' rel='stylesheet'>
	
</head>
<body>	<script>
	var iOs_timer=null;
	function is_nxt_setup(){
		var c=unescape(document.cookie),i=c.indexOf('mid_next=');
		if(i>-1){
			var nxt=c.substr(i+19);
			if((i=nxt.indexOf('; '))>-1) nxt=nxt.substr(0,i);
			if(iOs_timer!=null) clearInterval(iOs_timer);
			self.location.href=nxt;
		}
	}
	is_nxt_setup();
	if(navigator.userAgent.indexOf('Safari')>-1 && navigator.userAgent.indexOf('(CriOS')<0)
		iOs_timer=setInterval(is_nxt_setup,200);
	</script>
	
		<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>
		<script>
			var OneSignal = window.OneSignal || [];
			OneSignal.push(["init", {
			  appId: "aac0e7f7-62ce-4a44-8e27-8197a55215c1",
			  autoRegister: false,
			  welcomeNotification: { disable: true }
			  
			}]);
			var isSafari = window.safari !== undefined;
			OneSignal.push(function() {
			    if (isSafari || 0) {
								        OneSignal.showSlidedownPrompt();
			    } else {
			        OneSignal.registerForPushNotifications();
			    }
			});
		</script>
		
<div class="wrap-all row ">
	
		<img src="//media.minidtcdn.com/land2/common/sb_daf_sf/img/0.jpg" class="main-img">
	
	<div class="right-side column">

	<img src="land2/img/fuckswpe/501_sb_daf_sf/logo_hd_white2.png" class="logo">

	<div class="counter column ">
		<span class="row">Free trial open for next:</span>
		<div class="number-count" id="counter">
		</div>
	</div>

	<div class="headline">
		Meet. Spank. Bang
	</div>

	
<div class="m-wrap ">
	<div class="left">
					<!-- R1 -->
	<form method="post" name="F" id="Fr1" action="?page=register&step=2"
		target='_top'		onsubmit='return is_all_empty(this)'> 	<input type='hidden' name='short_form' value='_y_'>
	<input type='hidden' name='site' value='flocdates'>
	<input type='hidden' name='x_src' value='vip63870.46417-1968094.5030272.s4vMu7W5bSkNd' />
	<input type='hidden' name='pass2' value='_skip_this_field_' />
	<input type='hidden' name='custom_r1' value='land2/501_sb_daf_sf' />
	<input type='hidden' name='step2_alt' value='land2/501_sb_daf_sf' />
	<input type='hidden' name='country' value='840' />
	<input type='hidden' name='zip' value='' />
<input name='x_ref' type='hidden' value='fuckswpe|1593135512|rD_page=land2/501_sb_daf_sf&amp;x_source=vip63870&amp;sugg=n'>
<div class='msg'></div><input type=hidden name=mon value='1'><input type=hidden name=day value='27'><input type=hidden name=year value='1980'><div class='step show'>			<p class='p_i_am_p'><b>I am a:</b>
				<select name='i_am' class='gender_select'>
				<option value='10'>Female</option>
<option value='9' selected>Male</option>
				</select>
			</p>
			</div><div class='hide-input'>			<p><b>Seeking:</b>
				<select name='looking_for'>
				<option value='33' selected>Female</option>
<option value='32'>Male</option>
				</select>
			</p>
			</div><div class=step id=age_d></div><div class=step>			<div id=displayName>
				<p><b>Display Name:</b>
					<input name='login' type='text' class='input' value='' placeholder=' Choose a display name' onblur="is_taken(this.value)" onfocus="visual_is_taken(0)" />
				</p>
				<div class="sub" id="display_login">(This will appear on your profile; no spaces)</div>
			</div>
						<p class="pwd_p"><b class="pwd_b">Password:</b>	<input name='pass' type='text' class='input' value='' placeholder=' Choose a password' maxlength="16"> </p>
			<p class="sub" id="display_pass">(6 - 16 characters MUST include numbers; no spaces)</p>
			</div><div class=step><p class='email_p'><b class='email_b'>Email:</b><input name='email' type='text' class='input' value='' placeholder=' Enter your email address' maxlength='61' /></p>
			<p class="agree">
				<input name="agree" type="hidden" value=1>
				<span class="disclosure">
					By proceeding I certify I am 18 years or older and agree to the <a href="javascript:term_pop('terms.php')">Terms</a>,
					<a href="javascript:term_pop('cem_email_policy.php')">Email</a>, <a href="javascript:term_pop('privacy.php')">Privacy Policy</a>,
					and use of <a href="javascript:term_pop('terms.php#LS')">Love Stars</a>, which are fantasy profiles operated by the site for entertainment.
					The use of Love Stars on the site is prolific. The vast majority of Members are Love Stars. Love Star profiles are not real. You will
					not be able to meet a Love Star in person and any relationship with a Love Star will be of a fantasy nature. You will know if you are
					interacting with a Love Star because each Love Star profile displays the Love Star logo [LS]. References to "Members" include Love Star profiles.
				</span>
			</p>
			</div>		<script>
		function term_pop(a,sizes){
			if (!sizes) sizes='width=750, height=600,scrollbars=1';
		   	w=window.open(a,'TERMS',sizes);
		}
		function is_taken(v){
			var u="?page=username_taken&site=flocdates&login="+escape(v);
			if(document.F.email.value.length>2) u+=("&alt="+document.F.email.value);
			else{
				var c='.'+String.fromCharCode(Math.floor(Math.random()*26+97))+String.fromCharCode(Math.floor(Math.random()*26+97));
				u+=("&alt="+c);
			}
			document.getElementById('usr_taken').src=u;
		}
		function visual_is_taken(y,alt){
			var msg=['',"Display name/Username is taken","All ready in use please enter a different one",
				 		"Too short","Invalid - Use letter and digits only"];
			var vis=document.getElementById('display_login');
			if (vis) {
				if (y) {
					if(alt && alt.length>0) { // 2014-07-15, output message changed
						msg[y]="Someone already has that username.<div class='alt_logins'>Try another? Available:&nbsp; ";
						for(i=0;i<alt.length;i++){
							if(i) msg[y]+='&nbsp; ';
							msg[y]+="<u onclick=\"document.F.login.value='"+alt[i]+"';visual_is_taken(0)\">"+alt[i]+"</u>";
						}
						msg[y]+="</div>";
					}
					vis.innerHTML="<div id=e>"+msg[y]+"</div>";
				}
				else vis.innerHTML="(This will appear on your profile; no spaces)";
			}
		}
		function is_all_empty(F){
			if(F.login && F.email && F.pass &&
				(F.login.value.length<4 || F.email.value.length<2 || F.pass.value.length<2)) {
								alert("An error has occurred\n-----------------------\n\nIn order to register, you must complete the form!");
				return false;
			}
			return true;
		}
		</script>
		<iframe id=usr_taken width=1 height=1 frameborder=0 src='' style='display:none'></iframe>
		</form>

			
					<div id="age_p">
				<b>My age is:</b>
				<select id="age" name="age">
					<option value="">Select</>
					<option value=80>80+</option><option value=79>79</option><option value=78>78</option><option value=77>77</option><option value=76>76</option><option value=75>75</option><option value=74>74</option><option value=73>73</option><option value=72>72</option><option value=71>71</option><option value=70>70</option><option value=69>69</option><option value=68>68</option><option value=67>67</option><option value=66>66</option><option value=65>65</option><option value=64>64</option><option value=63>63</option><option value=62>62</option><option value=61>61</option><option value=60>60</option><option value=59>59</option><option value=58>58</option><option value=57>57</option><option value=56>56</option><option value=55>55</option><option value=54>54</option><option value=53>53</option><option value=52>52</option><option value=51>51</option><option value=50>50</option><option value=49>49</option><option value=48>48</option><option value=47>47</option><option value=46>46</option><option value=45>45</option><option value=44>44</option><option value=43>43</option><option value=42>42</option><option value=41>41</option><option value=40>40</option><option value=39>39</option><option value=38>38</option><option value=37>37</option><option value=36>36</option><option value=35>35</option><option value=34>34</option><option value=33>33</option><option value=32>32</option><option value=31>31</option><option value=30>30</option><option value=29>29</option><option value=28>28</option><option value=27>27</option><option value=26>26</option><option value=25>25</option><option value=24>24</option><option value=23>23</option><option value=22>22</option><option value=21>21</option><option value=20>20</option><option value=19>19</option><option value=18>18</option>				</select>
			</div>
		
		<div class="steps row ">
			<div class="num-step selected">
				<div class="bar"></div>
				<span>1</span>
			</div>
			<div class="num-step">
				<div class="bar"></div>
				<span>2</span>
			</div>
			<div class="num-step">
				<div class="bar"></div>
				<span>3</span>
			</div>
			<div class="num-step">
				<div class="bar"></div>
				<span>4</span>
			</div>
		</div>
	</div>
										<div class="right">
						<div class="btn row btn-1-click">
							<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24"><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"/></svg>
						</div>
					</div>
					</div>

	<div class="btn row btn-1-click">
		<span>NEXT</span>
		<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" viewBox="0 0 24 24"><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"/></svg>
	</div>
			</div>

</div>

<footer class="footer" role="content-info">
    <span class="member-login">
    	        <a href="./?page=land/501_jk_login">
            Member Login
        </a>
    </span>
    <span class="footer_copyright">&copy; 2020 fuckswpe.securedatinglander.com. All rights reserved</span>
    <ul class="footer_links">
		<li><a href="javascript:term_pop('usc2257.php')">18 U.S.C. 2257 Record-Keeping Requirements Compliance Statement</a></li>
		<li><a href="javascript:term_pop('terms.php')">| Terms |</a></li>
		<li><a href="javascript:term_pop('privacy.php')">Privacy |</a></li>
        <li>
        <a href=/?in=progVip:24187&x_source=vip56168:lpFoot target=new>Affiliate Program</a>        </li>
    </ul>
</footer>


<div class="preload"></div>

<script>

function term_pop(a, sizes) {
	if (!sizes) sizes = 'width=750, height=600, scrollbars=1';
	w = window.open(a, 'TERMS', sizes);
}



var stage = '1';
var count = '0';
var sugg = 'n';

console.log(stage)
console.log(count)
console.log(sugg)

if (sugg == 'y') {
	if (stage == 1 && count == 2) {
		$('#displayName b').hide();
		$('#displayName').prepend('<div class="new-b">Suggested new username</div>');
		$('[name=login]').val("GeekySweetLibra14");
	}	else {
		$('#displayName b').text('Suggested username:');
		if (!$('[name=login]').val()) {
			$('[name=login]').val("CoolYachtDecaf12");
		}
	}
}

if (stage == 1 && count == 2) {
	$('#displayName').addClass('display-name-error');
}

//push mobile submit button
if ($('.msg #e').is(":visible") ) {
	if (count == 2) {
	$('.m-wrap .right').addClass('m-push')	
	} else if (count == 3) {
		$('.m-wrap .right').addClass('m-push-email')
	}
}



//go to correct steps after error
if (stage == 1) {
	if (count == 2 || count == 3 || count == 4) {
		$('.step').removeClass('show');
		$('.step:eq(' +count+ ')').addClass('show');
		$(".main-img").attr("src","//media.minidtcdn.com/land2/common/sb_daf_sf/img/"+count+".jpg");
		$('.num-step').removeClass('selected');
		$('.num-step:eq(' +count+ ')').addClass('selected');
		$('.headline').addClass('hide');
		$('.m-wrap').addClass('push-up');
	}
}

if (stage == 2) {
	$('footer, .logo').hide();
	$('.headline').addClass('hide');
}

//step 2 animation
if (stage == 2 && count == 0) {
	setTimeout(function() {
		nextStep();
    }, 3000);
	setTimeout(function() {
		nextStep();
    }, 5000);
	setTimeout(function() {
		$('.btn.hide').removeClass('hide');
		nextStep();
    }, 7000);
}

//step 2 location form
if (stage == 2 && count == 3) {
	$('.step').removeClass('show');
	$('.step:eq(' +count+ ')').addClass('show');
	$('.btn.hide').removeClass('hide');
	$('.headline').addClass('hide');
}

if (stage == 1) {
	$(function() {
		$('#age_p').appendTo('#age_d');
		var ageInp = $('#age');
		
		ageInp.change(function(){
			setBirthday($(this).val());
		});
		
		setBirthday(ageInp.val());

		function setBirthday(age) {				
			var date = new Date(1970, 0, 1);
			date.setSeconds(Math.floor(Date.now() / 1000) - age * 370 * 86400);
			
			var month = date.getMonth() + 1,
				day   = date.getDate(),
				year  = date.getFullYear();
				
			$('[name=mon]').val(month);
			$('[name=day]').val(day);
			$('[name=year]').val(year);

		}
	});
}

/*
counter
*/
if (stage == 1) {
	if (count == 2 || count == 3 || count == 4) {
		$('#counter').text('ACT NOW!');
	}	else {
		var timeIt;
		document.getElementById('counter').innerHTML = 20 +  ":00";

		function startTimer() {
		var presentTime = document.getElementById('counter').innerHTML;
		var timeArray = presentTime.split(/[:]+/);
		var m = timeArray[0];
		var s = checkSecond((timeArray[1] - 1));
			if(s==59){m=m-1;}
			if(m<0){
				$('#counter').text('ACT NOW!');
				return;
			}
				document.getElementById('counter').innerHTML = m + ":" + s;
				timeIt = setTimeout(startTimer, 1000);
		}

		function checkSecond(sec) {
		if (sec < 10 && sec >= 0) {sec = "0" + sec}; // add zero in front of numbers < 10
		if (sec < 0) {sec = "59"};
		return sec;
		}

		startTimer();
	}
}

$('.preload').css('background-image', 'url(//media.minidtcdn.com/land2/common/sb_daf_sf/img/1.jpg)');

var displayError = false;
var passwordError = false;

$(".btn-1-click" ).on( "click", function() {

	$("html, body").animate({ scrollTop: 0 }, 0);
	$('.headline').addClass('hide');
	$('.m-wrap').addClass('push-up');
	
	//AGE CHECK
	if (count == 1) {
		if (!$('[name=age]').val()) {
			$('[name=age]').addClass('error');
			return
		}	
	}

	//username/login error
	if (count == 2) {

		if ($('#Fr1 input[name=pass]').val().length<6) {
			$('.pwd_p #e').hide();
			if (!$('.pwd_p #e').is(":visible") ) {
				showError('#Fr1 input[name=pass]', 'Too Short')
			}
			passwordError = true;
		} else if ($('#Fr1 input[name=pass]').val().indexOf(' ')!=-1) {
			$('.pwd_p #e').hide();
			if (!$('.pwd_p #e').is(":visible") ) {
				showError('#Fr1 input[name=pass]', 'Invalid - Use letter and digits only')
			}
			passwordError = true;
		}	else {
			passwordError = false;
		}

			setTimeout(function(){ // wait for ajax response before validating login
				if ($('#Fr1 input[name=login]').val().length<4 || $('#display_login').html().indexOf('Someone')!=-1 || $('#Fr1 input[name=login]').val().indexOf(' ')!=-1) {

					
					$('#Fr1 input[name=login]').addClass('error-input');
					displayError = true;

											
				} else {
				$('#Fr1 input[name=login]').removeClass('error-input');
					displayError = false;
				}
				if (!displayError && !passwordError) {
					$('.m-wrap .right').removeClass('m-push')
					nextStep();
				}
			}, 500);

		return;
	}

	//email error
	if (count == 3) {
		if ($('#Fr1 input[name=email]').val().indexOf('@')==-1){
			if (!$('.email_p #e').is(":visible") ) {
					if ($('li[rel="email"]').is(":visible")) {
						return
					}
					showError('#Fr1 input[name=email]', 'Make sure you entered your email correctly.')
                }
			return
		}	else {
			document.F.submit();
			return
		}
	}

	//go to next step
	nextStep();
});

var error1 = false;
var error2 = false;
var error3 = false;

$(".btn-2-click" ).on( "click", function() {

if ($('#Fr2 input[name=city]').val().length<2){
	$('#Fr2 input[name=city]').addClass('err');
	error1 = true;
} else {
	$('#Fr2 input[name=city]').removeClass('err');
	error1 = false;
}

if ($('#Fr2 input[name=state]').val().length<2){
	$('#Fr2 input[name=state]').addClass('err');
	error2 = true;
} else {
	$('#Fr2 input[name=state]').removeClass('err');
	error2 = false;
}

if (!$('#Fr2 input[name=zip]').val().length || ($('#Fr2 input[name=country]').val()==840 && $('#Fr2 input[name=zip]').val().length<5)){
	$('#Fr2 input[name=zip]').addClass('err');
	error3 = true;
} else {
	$('#Fr2 input[name=zip]').removeClass('err');
	error3 = false;
}

if (!error1 && !error2 && !error3) {
	document.F.submit();
}
});

var url  = window.location.href;
//next steps
function nextStep(popStep) {
	$('.step:eq(' +count+ ')').removeClass('show');
	$('.num-step:eq(' +count+ ')').removeClass('selected');

	if (!popStep) {
		count++;
	}

	if (stage == 1) {
		$(".main-img").attr("src","//media.minidtcdn.com/land2/common/sb_daf_sf/img/"+count+".jpg");
		if (count == 3) {
			$('.preload').css('background-image', 'url(//media.minidtcdn.com/land2/common/sb_daf_sf/img/r2.jpg)');
		}	else {
			$('.preload').css('background-image', 'url(//media.minidtcdn.com/land2/common/sb_daf_sf/img/' + (count + 1) + '.jpg)');
		}

		//popstate
		if (count == 1) {
			history.pushState('', '', url + "&step1");
		}	else if (count == 2) {
			history.pushState('', '', url + "&step2");
		} else if (count == 3) {
			history.pushState('', '', url + "&step3");
		} else if (count == 4) {
			history.pushState('', '', url + "&step4");
		}
	}

	console.log(count)
	
	$('.step:eq(' +count+ ')').addClass('show');
	$('.num-step:eq(' +count+ ')').addClass('selected');

	//remove errors
	$('.msg').remove();

	if (count == 2) {
		$('.m-wrap .right').addClass('user-pass-push');
	}	else {
		$('.m-wrap .right').removeClass('user-pass-push');
	}

}

function headlineShake() {
	$('.headline').addClass('change wobble');
	setTimeout(function(){
	$('.headline').removeClass('change wobble');
	}, 1000);
}

if (stage == 1 && count == 0) {
	headlineShake();
}

function showError(location, text) {
	$(location).after('<div id="e">'+ text +'</div>');
}

$('.p_mobile b, #Fr2 input[name=mobile]').wrapAll('<div class="column"></div>');

$('#Fr1').keypress(function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){

	if (count == 2) {
		$(':focus').blur();
	}
		$('.btn-1-click:eq(0)').trigger('click');

	}
});


$('#Fr2').keypress(function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        $('.btn-2-click').trigger('click');
    }
});

function createLoader(eleSelector, gradientSelector){

const div = document.querySelector(eleSelector);

div.stop = function() { div.setAttribute('style','height:0px;'); }

div.start = function() { div.setAttribute('style','height:100px;'); }

const stops = div.querySelectorAll('stop');
const grad  = div.querySelector(gradientSelector);
const circ  = div.querySelector('circle');
const colors = [stops[0].getAttribute('stop-color'),stops[1].getAttribute('stop-color')];

function step(t){
	const oldStop = parseInt(stops[0].getAttribute('offset'));
	const newStop = (Math.floor(t) % 500) / 5;
	let rotation;
	if (oldStop > newStop){
		rotation = parseInt(circ.getAttribute('transform').replace(/[^\d]/g,'')) || 0;
		rotation = (rotation + 90) % 360;
		circ.setAttribute('transform', 'rotate(' + rotation + ')');
		colors.reverse();
		stops[0].setAttribute('stop-color',colors[0]);
		stops[1].setAttribute('stop-color',colors[1]);
		stops[2].setAttribute('stop-color',colors[1]);
	}
	stops[0].setAttribute('offset', newStop + '%');
	stops[1].setAttribute('offset', newStop + '%');
	window.requestAnimationFrame(step);
}

window.requestAnimationFrame(step);

div.start();
return div;
}

if (stage == 2) {
	createLoader('.loading-element', '#g');
}

$(".gender_select").change(function(){
    if($(this).val() == "10") {
	        $('[name=i_am]').val(10);
	        $('[name=looking_for]').val(32)
    } else {
	        $('[name=i_am]').val(9)
	        $('[name=looking_for]').val(33)
    }
});

if (stage == 1) {
	window.addEventListener('popstate', function(event) {
	var state = event.state;

		if (count <= 0) {
			return
		}

		$('.step').removeClass('show');
		$('.num-step').removeClass('selected');
		count = count - 1;
		nextStep(true);

	});
}


</script>


<!-- wizardAlerts1.0 -->
</body>
</html>
