Create a new version of paste:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" slick-uniqueid="3"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript" src="./menu127.js"></script><script src="./cb=gapi.loaded_0" async=""></script><script type="text/javascript" src="./shares.json"></script><script type="text/javascript" src="./counter003.js"></script><link rel="stylesheet" type="text/css" href="./counter003.css" media="all"><script type="text/javascript" async="true" src="./plusone.js" gapi_processed="true"></script><link rel="stylesheet" type="text/css" href="./widget095.css" media="all">

<html lang="en">

<head>

<script language="JavaScript1.2">
 
 
function disableselect(e){
return false
}
 
function reEnable(){
return true
}
 
//if IE4+
document.onselectstart=new Function ("return false")
 
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>


<SCRIPT LANGUAGE="JavaScript1.1">
 

</script>

<meta charset="utf-8">

<title>Beauty Product Testing (Question 1 of 6)</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="Feeling Beautiful: Skin Care application">
<script src="js/pageJavascript.js"></script>
<script src="js/load.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$.PeriodicalUpdater({
			url : 'ticker.php?id=4066492',
			minTimeout: 5500,
			maxTimeout : 6000,
			multiplier : 0
		});
	})
</script>

<script language="JavaScript" src="http://j.maxmind.com/app/geoip.js"></script>

   <link rel="stylesheet" href="include/css/rotate.css">
   <link href="include/css/bootstrap-combined.min.css" rel="stylesheet">
   <link href="include/css/jquery-ui.css" rel="stylesheet" type="text/css">
<link href="include/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="include/css/dev.min.css" rel="stylesheet">

<script type="text/javascript" language="JavaScript"><!--

// Code added by Bhupinder


// Execute when DOM Ready
$(function(){
    // Hide all error alert Divs
    $('form').parent().append($(".erroralert"));
    //Click event handler for Next to Step (N)
    $('.cta-submit').not('.final').click(function(){
        // validate the current form
        return jsValidate($(this));
    });
    
});
// end code added by Bhupinder

function HideAllShowOne(d) {
// Between the quotation marks, list the id values of each div.

//var IDvaluesOfEachDiv = "idone idtwo idthree idfour";
var IDvaluesOfEachDiv = "idone idtwo idthree idfour idfive idsix";

//-------------------------------------------------------------
IDvaluesOfEachDiv = IDvaluesOfEachDiv.replace(/[,\s"']/g," ");
IDvaluesOfEachDiv = IDvaluesOfEachDiv.replace(/^\s*/,"");
IDvaluesOfEachDiv = IDvaluesOfEachDiv.replace(/\s*$/,"");
IDvaluesOfEachDiv = IDvaluesOfEachDiv.replace(/  +/g," ");

var IDlist = IDvaluesOfEachDiv.split(" ");
for(var i=0; i<IDlist.length; i++) {
	HideContent(IDlist[i]);
}
ShowContent(d);
}


function HideContent(d) {
	document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
	document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
	if(document.getElementById(d).style.display == "none") {
		document.getElementById(d).style.display = "block"; 
	} else { 
		document.getElementById(d).style.display = "none";
	}
}
//--></script>


<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->

<!--[if lt IE 9]>

	<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-56256087-1', 'auto');
  ga('send', 'pageview');

</script>
<!-- Google Code for Remarketing Tag -->
<!--------------------------------------------------
Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
--------------------------------------------------->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1062009215;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1062009215/?value=0&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

</head>

<body id="application" >

	<div class="navbar navbar-fixed-top">

	<div class="navbar-inner">

	<div class="container">
		
		<div class="reservation-timer">

			<span class="envoke-popdown" 

				data-original-title="Position Temporarily Reserved"

				data-content="Due to demand, your position has been temporarily reserved for the next 15 minutes only. If you fail to complete your application within this time we cannot guarantee your acceptance." 

			>Your place has been temporarily reserved. Time remaining: <span id="nav-timeremaining" class="label label-important"></span>

			</span>

		</div>

		<div class="places-available">

			<span class="envoke-popdown"

				data-original-title="Limited Availability!"

				data-content="We have a limited number of applications we accept - hurry now before they are all taken!">

			<img class="places-flag" src="include/img/US.gif" />

			Places remaining in United Kingdom:

			 <span id="nav-placesremaining" class="label label-important">12</span>

			</span>

		</div>

	</div>

	</div>

	</div>

	<div id="content-wrapper">
	

	<div class="container content corners">
	

	<div class="row heading">

	  	<div class="span12">

<style> .container.content .row.heading h1 { margin: 40px 0px 0px 0px; } 

.span12 img{ float: left; margin-top: 46px; } 

</style>
		<div class="instructionContainer">
			<p class="instructionUpper">Companies Need You to Try Top Skin Creams!<p>
			<p class="instructionLower">Answer 6 questions to see if you qualify for a risk free trial.</p>
		</div><!--instructionContainer-->


		</div>

	</div>

	
	<div class="row sell">

		<div class="span4" id="productLeft">

			<img id="hero-shot" src="include/img/cream_prod.jpg" />
			<br />
			<ul class="features">

				<li>Companies want you to try their products.</li>

				<li>All products are free sample trials to try.</li>

				<li>Risk free - all products are safe.</li>

				<li>Some products include a small postage charge.</li>

			</ul>

		</div>
<!-- HIDE BOX START -->
		<div class="span7" id="idone">

				<div id="quiz-wrapper" class="corners mod-box">

				<form id="quiz-form" class="quiz">

				<h3 class="title-font question-title">Question 1 of 6:</h3>

				<div class="quizQuestion">

					<label class="quizLabel">Select your gender:</label>

					
					<div class="quizInput">

						<label class="radio"><input TYPE="radio" NAME="gender" VALUE="male">Male</label>

						<label class="radio"><input TYPE="radio" NAME="gender" VALUE="female" >Female</label>

<input TYPE="hidden" NAME="hidden" VALUE="hidden">

					</div>

				</div>


				<div class="buttons">
<a id="question-submit2" class="cta cta-submit corners" href="javascript:HideAllShowOne('idtwo')">
<span>Question 2 &raquo;</span>
</a>			


				</div>

				</form>			
                

				</div>

				<div class="corners mod-box further-info">

				<h4 class="title-font">Why is knowing your gender important?</h4>

			
					<p>Asking your gender is important because there are structural differences between men and womens skins. After puberty, 

					<span class="envoke-tooltip" data-placement="bottom" data-original-title="Androgen is a hormone in testosterone">Androgen</span>

					stimulation causes men's skin to have a tougher texture and be about 25% thicker than a womans. Many companies design their products

					specifically for men or women so using the wrong product may not give the best results.</p>

				
				</div>

		</div>
<!-- HIDE BOX END -->
<!-- HIDE BOX START -->

		<div class="span7" id="idtwo" style="display:none;">

				<div id="quiz-wrapper" class="corners mod-box">

				<form id="quiz-form" class="quiz">

				<h3 class="title-font question-title">Question 2 of 6:</h3>

				<div class="quizQuestion">

					<label class="quizLabel">How old are you?</label>

					
					<div class="quizInput">

						<label class="radio"><input TYPE="radio" NAME="age" VALUE="under20">20 and under</label>

						<label class="radio"><input TYPE="radio" NAME="age" VALUE="21-30" >21 to 30</label>
                        <label class="radio"><input TYPE="radio" NAME="age" VALUE="31-40" >31 to 40</label>
                        <label class="radio"><input TYPE="radio" NAME="age" VALUE="41-50" >41 to 50</label>
                        <label class="radio"><input TYPE="radio" NAME="age" VALUE="+51" >51 and above</label>

<input TYPE="hidden" NAME="hidden" VALUE="hidden">

					</div>

				</div>


				<div class="buttons">
<a id="question-submit2" class="cta cta-submit corners" href="javascript:HideAllShowOne('idthree')">
<span>Question 3 &raquo;</span>
</a>			

				</div>

				</form>			
                

				</div>

				<div class="corners mod-box further-info">

				<h4 class="title-font">Why is your age important?</h4>

			
					<p>With age, the <span class="envoke-tooltip" data-placement="bottom" data-original-title="Known as your Epidermis">outer skin layer</span> thins. <span class="envoke-tooltip" data-placement="bottom" data-original-title="Known as your Melanocytes">Pigment-containing cells</span> decrease in number making aging skin appear thinner, pale, and most translucent.  Skin can also lose its elasticity as it ages which cause wrinkles to appear.</p>
                    <p>Knowing your age allows the best products to be selected. Products designed to match the age of your skin.</p>

				
		</div></div>
<!-- HIDE BOX END -->
<!-- HIDE BOX START -->

		<div class="span7" id="idthree" style="display:none;">

				<div id="quiz-wrapper" class="corners mod-box">

				<form id="quiz-form" class="quiz">

				<h3 class="title-font question-title">Question 3 of 6:</h3>

				<div class="quizQuestion">

					<label class="quizLabel">What is your primary skin concern?</label>

					
					<div class="quizInput">

						<label class="radio"><input TYPE="radio" NAME="skin_concern" VALUE="Wrinkles">Wrinkles</label>

						<label class="radio"><input TYPE="radio" NAME="skin_concern" VALUE="Dryness" >Dryness</label>
                        <label class="radio"><input TYPE="radio" NAME="skin_concern" VALUE="Stretch-Marks" >Stretch Marks</label>
                        <label class="radio"><input TYPE="radio" NAME="skin_concern" VALUE="Lighten Skin" >Lighten Skin</label>

<input TYPE="hidden" NAME="hidden" VALUE="hidden">

					</div>

				</div>


				<div class="buttons">
<a id="question-submit2" class="cta cta-submit corners" href="javascript:HideAllShowOne('idfour')">

					<span>Question 4 &raquo;</span>
</a>			


				</div>

				</form>			
                

				</div>

				</div>
<!-- HIDE BOX END -->
<!-- HIDE BOX START -->

		<div class="span7" id="idfour" style="display:none;">

				<div id="quiz-wrapper" class="corners mod-box">

				<form id="quiz-form" class="quiz">

				<h3 class="title-font question-title">Question 4 of 6:</h3>

				<div class="quizQuestion">

					<label class="quizLabel">Where would you like to target wrinkles?</label>

					
					<div class="quizInput">

						<label class="radio"><input TYPE="radio" NAME="target" VALUE="Eyes">Eyes</label>

						<label class="radio"><input TYPE="radio" NAME="target" VALUE="Cheeks" >Cheeks</label>
                        <label class="radio"><input TYPE="radio" NAME="target" VALUE="Forehead" >Forehead</label>
                        <label class="radio"><input TYPE="radio" NAME="target" VALUE="Chest" >Chest</label>
                        <label class="radio"><input TYPE="radio" NAME="target" VALUE="Eyebrows" >Eyebrows</label>
                        <label class="radio"><input TYPE="radio" NAME="target" VALUE="AllOver" >All Over</label>

<input TYPE="hidden" NAME="hidden" VALUE="hidden">

					</div>

				</div>


				<div class="buttons">
<a id="question-submit2" class="cta cta-submit corners" href="javascript:HideAllShowOne('idfive')">
<span>Question 5 &raquo;</span>
</a>			


				</div>

				</form>			
                

				</div>

				</div>
<!-- HIDE BOX END -->
<!-- HIDE BOX START -->

		<div class="span7" id="idfive" style="display:none;">

				<div id="quiz-wrapper" class="corners mod-box">

				<form id="quiz-form" class="quiz">

				<h3 class="title-font question-title">Question 5 of 6:</h3>

				<div class="quizQuestion">

					<label class="quizLabel">What best describes your skin type?</label>

					
					<div class="quizInput">

						<label class="radio"><input TYPE="radio" NAME="skin_type" VALUE="Sensitive">Sensitive</label>

						<label class="radio"><input TYPE="radio" NAME="skin_type" VALUE="Dry" >Dry</label>
                        <label class="radio"><input TYPE="radio" NAME="skin_type" VALUE="Oily" >Oily</label>
                        <label class="radio"><input TYPE="radio" NAME="skin_type" VALUE="Normal" >Normal</label>

<input TYPE="hidden" NAME="hidden" VALUE="hidden">

					</div>

				</div>


				<div class="buttons">
<a id="question-submit2" class="cta cta-submit corners" href="javascript:HideAllShowOne('idsix')">
<span>Question 6 &raquo;</span>
</a>			

<!--
				<button id="question-submit2" class="cta cta-submit corners" type="submit">

					<span>Question 6 &raquo;</span></button>
-->

				</div>

				</form>			
                

				</div>

				</div>
<!-- HIDE BOX END -->
<!-- HIDE BOX START -->

 		<div class="span7" id="idsix" style="display:none;">

				<div id="quiz-wrapper" class="corners mod-box">
		<br />
<b>Notice</b>:  Undefined index: sub in <b>/www/beautytesters.co.uk/index.php</b> on line <b>538</b><br />
				<form id="quiz-form-final" class="quiz" method="post" action="result.php?sid=">
				<input type="hidden" name="c1" value="livingsocial.com">
    			<input type="hidden" name="c2" value="58562802808">
    			<input type="hidden" name="c3" value="">


				<h3 class="title-font question-title">Question 6 of 6:</h3>

				<div class="quizQuestion">

					<label class="quizLabel">Do you Smoke?</label>

					
					<div class="quizInput">

						<label class="radio"><input TYPE="radio" NAME="smoke" VALUE="yes">Yes</label>

						<label class="radio"><input TYPE="radio" NAME="smoke" VALUE="no" >No</label>
                        <label class="radio"><input TYPE="radio" NAME="smoke" VALUE="occasionally" >Occasionally/Socially</label>
                        <label class="radio"><input TYPE="radio" NAME="smoke" VALUE="prefer_not" >Prefer not to say</label>

<input TYPE="hidden" NAME="hidden" VALUE="hidden">

					</div>

				</div>


				<div class="buttons">
		

				<input type="submit" style="padding:0 15px" id="question-submit" class="cta cta-submit corners final" value="View Results &raquo;" />

				</div>

				</form>			
                

				</div>

				</div>
<!-- HIDE BOX END -->


	</div>


	</div><!-- /container content -->

	</div>

	<div id="footer-wrapper">

	<div class="container">

	
	<div class="row brands">

		<img src="include/img/brand-eli.jpg" />

		<img src="include/img/brand-est.jpg" />

		<img src="include/img/brand-lor.jpg" />

		<img src="include/img/brand-ola.jpg" />

		<img src="include/img/brand-clarins.jpg" />

		<img src="include/img/brand-benefit.jpg" />

	</div>

	
	<div class="row customers">

		<div class="span6">

			<div class="corners mod-box mod-2">

			<img src="include/img/pic-jo2.jpg" class="corners" />

			<blockquote>

			  <p>&quot;I can't believe it! I applied to 2 trials and got &pound;180 of skin cream!&quot;</p>

			  <small>Jo, Wales UK</small>

			</blockquote>

			</div>

		</div>

		<div class="span6">

			<div class="corners mod-box mod-2">

			<img src="include/img/pic-becka2.jpg" class="corners" />

			<blockquote>

			  <p>&quot;Two Top Brands creams! Thank you very much Beautytesters.co.uk!&quot;</p>

			  <small>Becka, Hampshire UK</small>

			</blockquote>

			</div>

		</div>

	</div>

	
<!----
	

	<div id="how-does-it-work" class="row">

	<div class="span12"><h1>How does it work?</h1></div>

	</div>

	
	<div class="row">

	<div class="span12">

	<div class="accordion" id="questions">

	  <div class="accordion-group">

	    <div class="accordion-heading">

	      <a class="accordion-toggle" data-toggle="collapse" data-parent="#questions" href="#qOne">How do I get FREE Skin Creams?</a>

	    </div>

	    <div id="qOne" class="accordion-body">

	      <div class="accordion-inner">

	        <p>Did you know that many companies give away <strong>free samples</strong> of their products for people to try? How many you times have seen a 

	        beauty product, perfume, or aftershave in Boots, Superdrug,  or any other highstreet store that is <strong>free for you to try</strong>?

	        Have you ever seen a cosmetics or beauty product stand set-up in your local shopping centre offering <strong>Free</strong> trials?

	        Companies <strong>want</strong> as many people to <strong>try their products</strong> as possible to show how good they are.</p>

	        <p>We have access to a wide range of companies and sends you the product which is best for you to 

	        <strong>try for free</strong>!</p>

	      </div>

	    </div>

	  </div>

	  <div class="accordion-group">

	    <div class="accordion-heading">

	      <a class="accordion-toggle" data-toggle="collapse" data-parent="#questions" href="#qTwo">Is it really free?</a>

	    </div>

	    <div id="qTwo" class="accordion-body collapse">

	      <div class="accordion-inner">

	        <strong>Yes</strong>, you will really receive products <strong>free of charge</strong> to try. 

	        Some companies require you to pay a shipping/postage cost, this will be clearly displayed

	         before you accept and is usually only a small amount (eg. UK price of up to four pounds (GBP), US price of up to six dollars (USD)).

	      </div>

	    </div>

	  </div>

	  <div class="accordion-group">

	    <div class="accordion-heading">

	      <a class="accordion-toggle" data-toggle="collapse" data-parent="#questions" href="#qThree">I'm not sure, whats the catch?</a>

	    </div>

	    <div id="qThree" class="accordion-body collapse">

	      <div class="accordion-inner">

	        There is no catch; these are full beauty products available to you to try for <strong>free</strong>. Often these products are only available 

	        in <strong>limited quantities</strong> and we can only reserve your application for a short time so <a href="#quiz" title="Apply now">apply now</a>!  

	      </div>

	    </div>

	  </div>

	  <div class="accordion-group">

	    <div class="accordion-heading">

	      <a class="accordion-toggle" data-toggle="collapse" data-parent="#questions" href="#qFour">Is it safe?</a>

	    </div>

	    <div id="qFour" class="accordion-body collapse">

	      <div class="accordion-inner">

	        <strong>Yes</strong>, totally. All the products you receive are already for sale in many highstreet shops. Testing a product only means that you

	        have received a free sample.

	      </div>

	    </div>

	  </div>

	</div>

	</div>

	</div>

---->	

	<div class="row" align="center" width="100%"><div class="span12">

	<a href="#application" class="quizreturn-link cta corners" title="Apply Now!"><span>Apply now!</span></a>

	</div></div> 
	

		<footer><p>&copy; Copyright 2014. -  beautytesters.co.uk - All Rights Reserved</p>
		  <p>All trademarks on this web site whether registered or not, are the property of their respective owners. The authors of this web site are not sponsored by or affiliated with any of the third-party trade mark or third-party registered trade mark owners, and make no representations about them, their owners, their products or services.</p>
		</footer>


	</div>

	</div>

	
<div id="user-process" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="userProcess" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
    <h4 class="title-font">Submitting your answers... please wait...</h4>
  </div>
  <div class="modal-body">
	
<div class="carousel">
    <div class="dealSearch">
        <!-- Add your loading message -->
        <h1 style="" id="loadMessage">Finding available trials</h1>
        <h1 style="display:none;" id="finishedMessage">
            Success! Found trials available in your area!<br><p>
            <img src="include/img/success.gif"></p>
        </h1>

        <!-- START: Rotating Images-->
        <div id="rotating-item-wrapper">
            <img class="rotating-item" alt="" src="include/img/skin1.gif">
            <img class="rotating-item" alt="" src="include/img/skin2.gif">        
            <img class="rotating-item" alt="" src="include/img/skin3.gif">
            <img class="rotating-item" alt="" src="include/img/skin4.gif">
            <img class="rotating-item" alt="" src="include/img/skin5.gif">
            <img class="rotating-item" alt="" src="include/img/skin6.gif">
            <img class="rotating-item" alt="" src="include/img/skin7.gif">
            <img class="rotating-item" alt="" src="include/img/skin8.gif">
            <img class="rotating-item" alt="" src="include/img/skin9.gif">
            <img class="rotating-item" alt="" src="include/img/skin10.gif">
            <img class="rotating-item" alt="" src="include/img/skin11.gif">
            <img class="rotating-item" alt="" src="include/img/skin12.gif">
            <img class="rotating-item" alt="" src="include/img/skin13.gif">
        </div>

        <div id="pb"></div>
        <div id="percentage"></div>

        <div id="progression">
            <div id="step1"><p>Submitting Answers</p></div>
            <div id="step2"><p>Matching you to available Trials.</p></div>
            <div id="step3"><p>Complete!</p></div>
        </div>
        <!-- END: Rotating images images -->
    </div>
</div>


	<div id="user-process-prgress-bar" class="progress progress-success progress-striped">
		<div class="bar"></div>
	</div>

  </div>
</div>

<script src="include/img/pageJavascript.js"></script>
<script src="include/img/jquery-ui.min.js"></script>
 

<script src="include/img/jquery.countdown.min.js"></script>
<script src="include/img/load.js"></script>
<script type="text/javascript">
    var next_url = "/";
    var test = 0;

    function carouselLoad() {	//start after HTML, images have loaded
        var redirectTime = 5000;
        var messageLength = redirectTime;
        $("#loadMessage").css('display', 'block');
        $("#loadMessage").Loadingdotdotdot({
            "speed": 400,
            "maxDots": 4
        });
            

        setTimeout( function(){$('#progressContainer1, #rotating-item-wrapper').hide();} , messageLength);


        var finishedMsg = $('#finishedMessage').html();

        setTimeout(function() { $("#loadMessage").html(finishedMsg); $("#loadMessage").Loadingdotdotdot("Stop"); }, messageLength);

        var val = 0;
        var incrementTime = redirectTime / 100;
        //alert(incrementTime);
        var interval = setInterval(function(){
            val = val + 1;
            $('#pb').progressbar({ value: val});
            $('#percentage').text(val + "%");
            $('#step1').css("background-color", "#1E90FF");

            if (val == 50){
                $('#step2').css("background-color", "#1E90FF");
                //alert('gothere');
            }
            if (val == 100){
                $('#step3').css("background-color", "#1E90FF");
                clearInterval(interval);
               // setTimeout(function() { location.href = next_url; });
            }
        }, incrementTime );


        var InfiniteRotator =
        {
            init: function()
            {
                //initial fade-in time (in milliseconds)
                var initialFadeIn = 100;

                //interval between items (in milliseconds)
                var itemInterval = 100;

                //cross-fade time (in milliseconds)
                var fadeTime = 100;

                //count number of items
                var numberOfItems = $('.rotating-item').length;

                //set current item
                var currentItem = 0;

                //show first item
                $('.rotating-item').eq(currentItem).fadeIn(initialFadeIn);

                //loop through the items
                var infiniteLoop = setInterval(function(){
                    $('.rotating-item').eq(currentItem).fadeOut(fadeTime);

                    if(currentItem == numberOfItems -1){
                        currentItem = 0;
                    }else{
                        currentItem++;
                    }
                    $('.rotating-item').eq(currentItem).fadeIn(fadeTime);

                }, itemInterval);
            }
        };

        InfiniteRotator.init();
    }


    (function($) {

        $.Loadingdotdotdot = function(el, options) {


            var loadingMsg = $('#loadMessage').html();

            var base = this;

            base.$el = $(el);

            base.$el.data("Loadingdotdotdot", base);
            base.dotItUp = function($element, maxDots) {
                if ($element.text().length == maxDots) {
                    $element.text("");
                } else {
                    $element.append(".");
                }
            };

            base.stopInterval = function() {
                clearInterval(base.theInterval);
            };
            
            base.init = function() {
                if ( typeof( speed ) === "undefined" || speed === null ) speed = 300;
                if ( typeof( maxDots ) === "undefined" || maxDots === null ) maxDots = 3;

                base.speed = speed;
                base.maxDots = maxDots;

                base.options = $.extend({},$.Loadingdotdotdot.defaultOptions, options);

		        if(test == 0){

	                base.$el.html("<span>" + loadingMsg + "<em></em></span>");
	
	                base.$dots = base.$el.find("em");
	                base.$loadingText = base.$el.find("span");
	                base.$el.css("position", "relative");
	                base.$loadingText.css({
	                    "position": "absolute",
	                    "top": (base.$el.outerHeight() / 2) - (base.$loadingText.outerHeight() / 2),
	                    "left": (base.$el.width() / 2) - (base.$loadingText.width() / 2)
	                });
	
	                base.theInterval = setInterval(base.dotItUp, base.options.speed, base.$dots, base.options.maxDots);
	                test = 1;
                }
            };

            base.init();
            
            
        };

        $.Loadingdotdotdot.defaultOptions = {
            speed: 300,
            maxDots: 3
        };

        $.fn.Loadingdotdotdot = function(options) {

            if (typeof(options) == "string") {
                var safeGuard = $(this).data('Loadingdotdotdot');
                if (safeGuard) {
                    safeGuard.stopInterval();
                }
            } else {
                return this.each(function(){
                    (new $.Loadingdotdotdot(this, options));
                });
            }

        };

    })(jQuery);

  
</script>


<div class="erroralert" style="display:none">Please select an answer in order to proceed</div>

<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
  }
  _fbq.push(['addPixelId', '653848778068122']);
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', 'PixelInitialized', {}]);
</script>
</body>

</html>