<?xml version="1.0" encoding="utf-8"?>
<Module>
	<ModulePrefs title="Love Your Perfect Opposite" description="Love Your 
Perfect Opposite" author="Driebit" author_email="sjors.rijsdam@gmail.com" thumbnail="http://lypo.driebit.net/images/gadget/thumbnail.jpg" screenshot="http://lypo.driebit.net/images/gadget/screenshot.jpg" height="500">
	<Require feature="opensocial-0.7" />
	<Require feature="views" />
	<Require feature="dynamic-height" />
		<Require feature="analytics" />
		<Locale lang="en" country="us" />
</ModulePrefs>
	<Content type="html" view="canvas">
	<![CDATA[
			<link rel="stylesheet" type="text/css" href="http://lypo.driebit.net/gadget/css" media="all" />
		<!--[if IE]>
		<link rel="stylesheet" type="text/css" href="http://lypo.driebit.net/css/gadget-ie.css" media="all" />
		<![endif]-->	
		<script type="text/javascript" src="http://lypo.driebit.net/gadget/js/generic.js"></script>
		<script type="text/javascript" src="http://api.seesmic.com/js/pkg/seesmic_standalone.js"></script>
		<script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>
		<div id="canvas">
			<div id="nametag">
				<div class="avatar"><img src="" /></div>
				<span></span>
			</div>
			<div id="dashboard">
				<ul id="navigation" class="hide">
					<li class="to-home">home</li>
					<li class="to-debates">debates</li>
					<li class="to-profile">my profile</li>
					<li class="to-opposites">my opposites</li>
					<li class="to-about">about LYPO</li>
				</ul>
			</div>

			<!-- PRE-REGISTRATION -->
			<div id="preregister-choice" class="page hide">
				<h1>Register</h1>
				<p>
					Are you completely new to LYPO or do you already have an account on a different social network?
				</p>
				<p class="group">
					<span class="new-user">I am new!</span>
					<span class="existing-user">I already have an account</span>
				</p>
			</div>

			<!-- PRE-REGISTRATION -->
			<div id="preregister-connect" class="page hide">
				<h1>Register</h1>
				<ul>
					<li>
						Please fill in the code here: <input type="text" class="connect-code" />
						<input type="submit" class="submit-code" value="Submit" /><span class="error"></span>
					</li>
					<li>
						Don't have a code? No problem, just do the following:
						<ol>
							<li>
								Go to the LYPO widget you already have installed in another social network.<br />
								Available networks: <select>
	<option value="http://facebook.com/">Facebook</option>
	<option value="http://friendster.com/">Friendster</option>
	<option value="http://hyves.nl/">Hyves</option>
	<option value="http://idtail.com/">IDtail</option>
	<option value="http://ning.com/">Ning</option>
	<option value="http://orkut.com/">Orkut</option>
</select>								<span class="go-to-network">go there</span> 
							</li>
							<li>In the LYPO widget go to the 'My profile' section and choose 'networks'</li>
							<li>Generate a code</li>
							<li>Copy the code in the field at the top of this page and press "submit"</li>
						</ol>
					</li>
					<li>
						You haven't already installed this widget? Just go to the
						<span class="regular-registration">regular registration</span>
					</li>
				</ul>
			</div>

			<!-- REGISTER PAGE - STATEMENTS -->
			<div id="register-statements" class="page hide">
				<h1>Register</h1>
				<p>
					Find out who your opposites are and get your own profile by answering these questions:
				</p>

				<h1>Statements</h1>
				<div id="statement">
					<div id="currentstatement"></div>
				</div>
				<div id="statement-options">
					<span class="prev-step">Previous</span>
					<span class="agree">Agree</span>
					<span class="disagree">Disagree</span>
					<span class="next-step">Next</span>
				</div>

				<p>
					The statements/motions are made by the members of Couscousglobal in small movies put on
					<a href="http://www.couscousglobal.com/" target="_blank">www.couscousglobal.com</a> and
					<a href="http://www.youtube.com/couscousglobal" target="_blank">www.youtube.com/couscousglobal</a>.
					You can use this collection  to inspire or irritate you enough to start your own debate.
				</p>
			</div>

			<!-- REGISTER PAGE - PERSONAL INFO -->
			<div id="register-info" class="page hide">
				<h1>Personal info</h1>
				<p>
					Now the last step in order to make your profile. We just need your name, the rest of the profile LYPO will get from your profiles on this social network. You can pimp your profile later.
					Edit and enter your info as you like, press done to create your profile.			
				</p>
				<ol class="offset">
					<li>
						<label for="name">Name:</label><input type="text" name="name" id="name" />
					</li>
					<li>
						<label for="age">Age:</label>
						<select name="age" id="age">
						<option value="-1">Select an age</option>
												<option value="1">1</option>
												<option value="2">2</option>
												<option value="3">3</option>
												<option value="4">4</option>
												<option value="5">5</option>
												<option value="6">6</option>
												<option value="7">7</option>
												<option value="8">8</option>
												<option value="9">9</option>
												<option value="10">10</option>
												<option value="11">11</option>
												<option value="12">12</option>
												<option value="13">13</option>
												<option value="14">14</option>
												<option value="15">15</option>
												<option value="16">16</option>
												<option value="17">17</option>
												<option value="18">18</option>
												<option value="19">19</option>
												<option value="20">20</option>
												<option value="21">21</option>
												<option value="22">22</option>
												<option value="23">23</option>
												<option value="24">24</option>
												<option value="25">25</option>
												<option value="26">26</option>
												<option value="27">27</option>
												<option value="28">28</option>
												<option value="29">29</option>
												<option value="30">30</option>
												<option value="31">31</option>
												<option value="32">32</option>
												<option value="33">33</option>
												<option value="34">34</option>
												<option value="35">35</option>
												<option value="36">36</option>
												<option value="37">37</option>
												<option value="38">38</option>
												<option value="39">39</option>
												<option value="40">40</option>
												<option value="41">41</option>
												<option value="42">42</option>
												<option value="43">43</option>
												<option value="44">44</option>
												<option value="45">45</option>
												<option value="46">46</option>
												<option value="47">47</option>
												<option value="48">48</option>
												<option value="49">49</option>
												<option value="50">50</option>
												<option value="51">51</option>
												<option value="52">52</option>
												<option value="53">53</option>
												<option value="54">54</option>
												<option value="55">55</option>
												<option value="56">56</option>
												<option value="57">57</option>
												<option value="58">58</option>
												<option value="59">59</option>
												<option value="60">60</option>
												<option value="61">61</option>
												<option value="62">62</option>
												<option value="63">63</option>
												<option value="64">64</option>
												<option value="65">65</option>
												<option value="66">66</option>
												<option value="67">67</option>
												<option value="68">68</option>
												<option value="69">69</option>
												<option value="70">70</option>
												<option value="71">71</option>
												<option value="72">72</option>
												<option value="73">73</option>
												<option value="74">74</option>
												<option value="75">75</option>
												<option value="76">76</option>
												<option value="77">77</option>
												<option value="78">78</option>
												<option value="79">79</option>
												<option value="80">80</option>
												<option value="81">81</option>
												<option value="82">82</option>
												<option value="83">83</option>
												<option value="84">84</option>
												<option value="85">85</option>
												<option value="86">86</option>
												<option value="87">87</option>
												<option value="88">88</option>
												<option value="89">89</option>
												<option value="90">90</option>
												<option value="91">91</option>
												<option value="92">92</option>
												<option value="93">93</option>
												<option value="94">94</option>
												<option value="95">95</option>
												<option value="96">96</option>
												<option value="97">97</option>
												<option value="98">98</option>
												<option value="99">99</option>
												<option value="100">100</option>
												</select>
					</li>

					<li>
						<label for="gender">Gender: </label>
						<select name="gender" id="gender">
							<optgroup label="Gender">
								<option value="m">Male</option>
								<option value="f">Female</option>
							</optgroup>
						</select>
					</li>
					<li>
						<label for="origin">Roots/origin: </label>
						<input type="text" name="origin" id="origin" />
					</li>
					<li>
						<label for="country">Country: </label>
												<select name="country" id="country"><option value="AF">Afghanistan</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AQ">Antarctica</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BS">Bahamas</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BB">Barbados</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BJ">Benin</option>
<option value="BM">Bermuda</option>
<option value="BT">Bhutan</option>
<option value="BO">Bolivia</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BW">Botswana</option>
<option value="BV">Bouvet Island</option>
<option value="BR">Brazil</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="VG">British Virgin Islands</option>
<option value="BN">Brunei</option>
<option value="BG">Bulgaria</option>
<option value="BF">Burkina Faso</option>
<option value="BI">Burundi</option>
<option value="KH">Cambodia</option>
<option value="CM">Cameroon</option>
<option value="CA">Canada</option>
<option value="CV">Cape Verde</option>
<option value="KY">Cayman Islands</option>
<option value="CF">Central African Republic</option>
<option value="TD">Chad</option>
<option value="CL">Chile</option>
<option value="CN">China</option>
<option value="CX">Christmas Island</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CO">Colombia</option>
<option value="KM">Comoros</option>
<option value="CG">Congo</option>
<option value="CK">Cook Islands</option>
<option value="CR">Costa Rica</option>
<option value="HR">Croatia</option>
<option value="CU">Cuba</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czech Republic</option>
<option value="CI">Côte d’Ivoire</option>
<option value="CD">Democratic Republic of the Congo</option>
<option value="DK">Denmark</option>
<option value="DJ">Djibouti</option>
<option value="DM">Dominica</option>
<option value="DO">Dominican Republic</option>
<option value="EC">Ecuador</option>
<option value="EG">Egypt</option>
<option value="SV">El Salvador</option>
<option value="GQ">Equatorial Guinea</option>
<option value="ER">Eritrea</option>
<option value="EE">Estonia</option>
<option value="ET">Ethiopia</option>
<option value="FK">Falkland Islands</option>
<option value="FO">Faroe Islands</option>
<option value="FJ">Fiji</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GF">French Guiana</option>
<option value="PF">French Polynesia</option>
<option value="TF">French Southern Territories</option>
<option value="GA">Gabon</option>
<option value="GM">Gambia</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GH">Ghana</option>
<option value="GI">Gibraltar</option>
<option value="GR">Greece</option>
<option value="GL">Greenland</option>
<option value="GD">Grenada</option>
<option value="GP">Guadeloupe</option>
<option value="GU">Guam</option>
<option value="GT">Guatemala</option>
<option value="GN">Guinea</option>
<option value="GW">Guinea-Bissau</option>
<option value="GY">Guyana</option>
<option value="HT">Haiti</option>
<option value="HM">Heard Island and McDonald Islands</option>
<option value="HN">Honduras</option>
<option value="HK">Hong Kong S.A.R., China</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IN">India</option>
<option value="ID">Indonesia</option>
<option value="IR">Iran</option>
<option value="IQ">Iraq</option>
<option value="IE">Ireland</option>
<option value="IL">Israel</option>
<option value="IT">Italy</option>
<option value="JM">Jamaica</option>
<option value="JP">Japan</option>
<option value="JO">Jordan</option>
<option value="KZ">Kazakhstan</option>
<option value="KE">Kenya</option>
<option value="KI">Kiribati</option>
<option value="KW">Kuwait</option>
<option value="KG">Kyrgyzstan</option>
<option value="LA">Laos</option>
<option value="LV">Latvia</option>
<option value="LB">Lebanon</option>
<option value="LS">Lesotho</option>
<option value="LR">Liberia</option>
<option value="LY">Libya</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="MO">Macao S.A.R., China</option>
<option value="MK">Macedonia</option>
<option value="MG">Madagascar</option>
<option value="MW">Malawi</option>
<option value="MY">Malaysia</option>
<option value="MV">Maldives</option>
<option value="ML">Mali</option>
<option value="MT">Malta</option>
<option value="MH">Marshall Islands</option>
<option value="MQ">Martinique</option>
<option value="MR">Mauritania</option>
<option value="MU">Mauritius</option>
<option value="YT">Mayotte</option>
<option value="MX">Mexico</option>
<option value="FM">Micronesia</option>
<option value="MD">Moldova</option>
<option value="MC">Monaco</option>
<option value="MN">Mongolia</option>
<option value="MS">Montserrat</option>
<option value="MA">Morocco</option>
<option value="MZ">Mozambique</option>
<option value="MM">Myanmar</option>
<option value="NA">Namibia</option>
<option value="NR">Nauru</option>
<option value="NP">Nepal</option>
<option value="NL">Netherlands</option>
<option value="AN">Netherlands Antilles</option>
<option value="NC">New Caledonia</option>
<option value="NZ">New Zealand</option>
<option value="NI">Nicaragua</option>
<option value="NE">Niger</option>
<option value="NG">Nigeria</option>
<option value="NU">Niue</option>
<option value="NF">Norfolk Island</option>
<option value="KP">North Korea</option>
<option value="MP">Northern Mariana Islands</option>
<option value="NO">Norway</option>
<option value="OM">Oman</option>
<option value="PK">Pakistan</option>
<option value="PW">Palau</option>
<option value="PS">Palestinian Territory</option>
<option value="PA">Panama</option>
<option value="PG">Papua New Guinea</option>
<option value="PY">Paraguay</option>
<option value="PE">Peru</option>
<option value="PH">Philippines</option>
<option value="PN">Pitcairn</option>
<option value="PL">Poland</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="QA">Qatar</option>
<option value="RO">Romania</option>
<option value="RU">Russia</option>
<option value="RW">Rwanda</option>
<option value="RE">Réunion</option>
<option value="SH">Saint Helena</option>
<option value="KN">Saint Kitts and Nevis</option>
<option value="LC">Saint Lucia</option>
<option value="PM">Saint Pierre and Miquelon</option>
<option value="VC">Saint Vincent and the Grenadines</option>
<option value="WS">Samoa</option>
<option value="SM">San Marino</option>
<option value="ST">Sao Tome and Principe</option>
<option value="SA">Saudi Arabia</option>
<option value="SN">Senegal</option>
<option value="SP">Serbia</option>
<option value="SC">Seychelles</option>
<option value="SL">Sierra Leone</option>
<option value="SG">Singapore</option>
<option value="SK">Slovakia</option>
<option value="SI">Slovenia</option>
<option value="SB">Solomon Islands</option>
<option value="SO">Somalia</option>
<option value="ZA">South Africa</option>
<option value="GS">South Georgia and the South Sandwich Islands</option>
<option value="KR">South Korea</option>
<option value="ES">Spain</option>
<option value="LK">Sri Lanka</option>
<option value="SD">Sudan</option>
<option value="SR">Suriname</option>
<option value="SJ">Svalbard and Jan Mayen</option>
<option value="SZ">Swaziland</option>
<option value="SE">Sweden</option>
<option value="CH">Switzerland</option>
<option value="SY">Syria</option>
<option value="TW">Taiwan</option>
<option value="TJ">Tajikistan</option>
<option value="TZ">Tanzania</option>
<option value="TH">Thailand</option>
<option value="TL">Timor-Leste</option>
<option value="TG">Togo</option>
<option value="TK">Tokelau</option>
<option value="TO">Tonga</option>
<option value="TT">Trinidad and Tobago</option>
<option value="TN">Tunisia</option>
<option value="TR">Turkey</option>
<option value="TM">Turkmenistan</option>
<option value="TC">Turks and Caicos Islands</option>
<option value="TV">Tuvalu</option>
<option value="VI">U.S. Virgin Islands</option>
<option value="UG">Uganda</option>
<option value="UA">Ukraine</option>
<option value="AE">United Arab Emirates</option>
<option value="GB">United Kingdom</option>
<option value="US">United States</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="UY">Uruguay</option>
<option value="UZ">Uzbekistan</option>
<option value="VU">Vanuatu</option>
<option value="VA">Vatican</option>
<option value="VE">Venezuela</option>
<option value="VN">Vietnam</option>
<option value="WF">Wallis and Futuna</option>
<option value="EH">Western Sahara</option>
<option value="YE">Yemen</option>
<option value="YU">Yugoslavia</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
</select>					</li>
					<li>
						<label for="occupation">Occupation: </label>
						<input type="text" name="occupation" id="occupation" />
					</li>
					<li>
						<label for="enemy">My favorite enemy: </label>
						<input type="text" name="enemy" id="enemy" />
					</li>
					<li>
						<label for="thumbnail_url">
							Avatar:<br />
							<span>Enter the URL of the picture you want to use. It will be cropped to 75x75 pixels</span>
						</label>
						<input type="text" name="thumbnail_url" id="thumbnail_url" style="vertical-align: top" />
						<img src="" id="avatar" alt="Your avatar" />					
					</li>
				</ol>
				<p>
					<span class="open-keywords">Pimp your profile</span> (by adding extra information)
				</p>
				<div id="keywords" class="hide">
					<h1>More info</h1>
					<div id="keyword-presets">
						<div class="group">
							<h3>Categories</h3>
							<p>
								<span class="keyword-category" style="font-weight: bold">Character</span>, <span class="keyword-category">Politics</span>,
								<span class="keyword-category">Religion</span>, <span class="keyword-category">Sex</span>,
								<span class="keyword-category">Wound</span>, <span class="keyword-category">Favourite issue</span>,
								<span class="keyword-category">Ambition</span>, <span class="keyword-category">My background</span>,
								<span class="keyword-category">Relationship</span> 
							</p>
						</div>

						<div class="group">
							<h3>keywords</h3>
							<p class="category-character category">
								<span class="keyword">Addicted</span>, <span class="keyword">Ashamed</span>,
								<span class="keyword">Blunt</span>, <span class="keyword">Emotional</span>,
								<span class="keyword">Fatalistic</span>, <span class="keyword">Helpful</span>,
								<span class="keyword">Horny</span>, <span class="keyword">Loveable</span>,
								<span class="keyword">Modern</span>, <span class="keyword">Passionate</span>,
								<span class="keyword">Pessimist</span>, <span class="keyword">Provocative</span>,
								<span class="keyword">Rational</span>, <span class="keyword">Rebelious</span>,
								<span class="keyword">Sensitive</span>, <span class="keyword">Sinful</span>,
								<span class="keyword">Spiritual</span>, <span class="keyword">Traditional</span>
							</p>
							<p class="category-politics category hide">
								<span class="keyword">Capitalistic</span>, <span class="keyword">Communist</span>,
								<span class="keyword">Conservative</span>, <span class="keyword">Democratic</span>,
								<span class="keyword">Extremist</span>, <span class="keyword">Fascist</span>,
								<span class="keyword">Feminist</span>, <span class="keyword">Green</span>,
								<span class="keyword">Liberal</span>, <span class="keyword">Social</span>
							</p>
							<p class="category-religion category hide">
								<span class="keyword">Atheistic</span>, <span class="keyword">Buddhist</span>,
								<span class="keyword">Christian</span>, <span class="keyword">Confusions</span>,
								<span class="keyword">Hindu</span>, <span class="keyword">Jewish</span>,
								<span class="keyword">Muslim</span>, <span class="keyword">Orthodox</span>
							</p>
							<p class="category-sex category hide">
								<span class="keyword">Bi</span>, <span class="keyword">Celebacy</span>,
								<span class="keyword">Don't like it</span>, <span class="keyword">Gay</span>,
								<span class="keyword">Hetero</span>, <span class="keyword">Lesbian</span>,
								<span class="keyword">Like it</span>, <span class="keyword">Transsexual</span>,
								<span class="keyword">Virgin</span>
							</p>
							<p class="category-wound category hide">
								<span class="keyword">Abuse</span>, <span class="keyword">Addiction</span>,
								<span class="keyword">Body</span>, <span class="keyword">Censorship</span>,
								<span class="keyword">Confession</span>, <span class="keyword">Death</span>,
								<span class="keyword">Divorce</span>, <span class="keyword">Drugs</span>,
								<span class="keyword">Fear</span>, <span class="keyword">Feeling</span>,
								<span class="keyword">lost</span>, <span class="keyword">Fight</span>,
								<span class="keyword">Friends</span>, <span class="keyword">Handicap</span>,
								<span class="keyword">Hate</span>, <span class="keyword">History</span>,
								<span class="keyword">Insults</span>, <span class="keyword">Lies</span>,
								<span class="keyword">Loss</span>, <span class="keyword">Pain</span>,
								<span class="keyword">Rape</span>, <span class="keyword">Scars</span>,
								<span class="keyword">Skin</span>, <span class="keyword">Terrorism</span>,
								<span class="keyword">Treason</span>, <span class="keyword">Truth</span>,
								<span class="keyword">Violence</span>, <span class="keyword">War</span>
							</p>
							<p class="category-favourite-issue category hide">
								<span class="keyword">Animal rights</span>, <span class="keyword">Art</span>,
								<span class="keyword">Art and culture</span>, <span class="keyword">Authorities</span>,
								<span class="keyword">Battle</span>, <span class="keyword">Books</span>,
								<span class="keyword">Brands</span>, <span class="keyword">Cartoons</span>,
								<span class="keyword">Censorship</span>, <span class="keyword">Dictatorship</span>,
								<span class="keyword">Dresscodes</span>, <span class="keyword">Drugs</span>,
								<span class="keyword">Education</span>, <span class="keyword">Education and developement</span>,
								<span class="keyword">Enemy</span>, <span class="keyword">Environment</span>,
								<span class="keyword">European Union</span>, <span class="keyword">Family/marriage/honour</span>,
								<span class="keyword">Fashion</span>, <span class="keyword">Food</span>,
								<span class="keyword">Freedom of speech</span>, <span class="keyword">Gay movement</span>,
								<span class="keyword">Globalisation</span>, <span class="keyword">Health</span>,
								<span class="keyword">History</span>, <span class="keyword">Immigration/integration</span>,
								<span class="keyword">International development</span>, <span class="keyword">Israel/Palestine</span>,
								<span class="keyword">Law</span>, <span class="keyword">Leaders in Africa</span>,
								<span class="keyword">Leadership</span>, <span class="keyword">Love</span>,
								<span class="keyword">Marriage</span>, <span class="keyword">Media</span>,
								<span class="keyword">Middle East</span>, <span class="keyword">Migration</span>,
								<span class="keyword">Movies</span>, <span class="keyword">Music</span>,
								<span class="keyword">Politics</span>, <span class="keyword">Religion</span>,
								<span class="keyword">Roots</span>, <span class="keyword">School</span>,
								<span class="keyword">Science/technology</span>, <span class="keyword">Sex</span>,
								<span class="keyword">Sport</span>, <span class="keyword">Terrorism</span>,
								<span class="keyword">The Media</span>, <span class="keyword">The West</span>,
								<span class="keyword">Travel</span>, <span class="keyword">War</span>,
								<span class="keyword">Words</span>
							</p>
							<p class="category-ambition category hide">
								<span class="keyword">Career Opportunity</span>, <span class="keyword">Destroy the world</span>,
								<span class="keyword">Familylife</span>, <span class="keyword">Freedom</span>,
								<span class="keyword">Freedom of speech</span>, <span class="keyword">Friendship</span>,
								<span class="keyword">Future</span>, <span class="keyword">Get famous</span>,
								<span class="keyword">Get rich</span>, <span class="keyword">Intimacy</span>,
								<span class="keyword">Leadership</span>, <span class="keyword">Love</span>,
								<span class="keyword">Migration</span>, <span class="keyword">Money</span>,
								<span class="keyword">My dream</span>, <span class="keyword">Passion</span>,
								<span class="keyword">Peace</span>, <span class="keyword">Power</span>,
								<span class="keyword">Pregnant</span>, <span class="keyword">Rights</span>,
								<span class="keyword">Save the world</span>, <span class="keyword">Worldpeace</span>
							</p>
							<p class="category-my-background category hide">
								<span class="keyword">Addiction</span>, <span class="keyword">Alone</span>,
								<span class="keyword">Angry</span>, <span class="keyword">Arab</span>,
								<span class="keyword">Arabic</span>, <span class="keyword">Beauty</span>,
								<span class="keyword">Body</span>, <span class="keyword">Chinese</span>,
								<span class="keyword">Colour</span>, <span class="keyword">Coloured</span>,
								<span class="keyword">Confession</span>, <span class="keyword">Extreme</span>,
								<span class="keyword">Family</span>, <span class="keyword">Fashion</span>,
								<span class="keyword">Guilt</span>, <span class="keyword">Hair</span>,
								<span class="keyword">Honour</span>, <span class="keyword">Humor</span>,
								<span class="keyword">Humour</span>, <span class="keyword">Identity</span>,
								<span class="keyword">Illegal</span>, <span class="keyword">Intimate</span>,
								<span class="keyword">Man</span>, <span class="keyword">Me</span>,
								<span class="keyword">Mixed</span>, <span class="keyword">My culture</span>,
								<span class="keyword">Opposition</span>, <span class="keyword">Pregnant</span>,
								<span class="keyword">Rebel</span>, <span class="keyword">Secret</span>,
								<span class="keyword">Sin</span>, <span class="keyword">Street</span>,
								<span class="keyword">Woman</span>
							</p>
							<p class="category-relationship category hide">
								<span class="keyword">Divorced</span>,
								<span class="keyword">Engaged</span>,
								<span class="keyword">In love </span>,
								<span class="keyword">Mariag</span>,
								<span class="keyword">Single</span>
							</p>
						</div>
						<p>
							<span class="close-keywords">Close X</span>
						</p>
					</div>
					<p>
						<label for="add-own">Add your own</label>
						<input type="text" name="add-own" id="add-own" />
						<input type="button" class="add-keyword" value="Add" />
					</p>
					<h1>Chosen keywords (click to remove)</h1>
					<div id="chosen-keywords">
						No keywords chosen
					</div>
				</div>
				<p>
					<button class="done">Done</button>
				</p>
			</div>

			<!-- PERSONAL HOMEPAGE -->
			<div id="home" class="page hide">
				<div id="home-debates">
					<div class="tabbed">
						<ul class="tabs">
							<li id="tab-debate-today" class="tab active">Debate of the day</li>
							<li id="tab-recent-debates" class="tab">Recent debates</li>
							<li id="tab-respected-debates" class="tab">Respected debates</li>
						</ul>
						<div id="debate-today" class="content"></div>
						<div id="recent-debates" class="content hide"></div>
						<div id="respected-debates" class="content hide"></div>
					</div>
				</div>
				
				<div id="home-opposites"></div>
			</div>

			<!-- MY PROFILE PAGE -->
			<div id="myprofile" class="page hide">
				<h1>My profile</h1>
				<div id="my-info"></div>
				<div id="my-statements-debates"></div>
				<div id="my-people"></div>
			</div>

			<!-- A PROFILE PAGE -->
			<div id="profile" class="page hide">
				<h1>Viewing profile</h1>
				<div id="profile-info"></div>
				<div id="statements-debates"></div>
				<div id="profile-opposites"></div>
			</div>

			<!-- SINGLE DEBATE PAGE -->
			<div id="debate" class="page hide">
				<h1>Debate</h1>
				<div id="debate-statement" class="group"></div>
				<div id="debate-react" class="group">
					<div id="compose-reaction">
						<div class="avatar"><img src="" /></div>
						<div class="commenter-name"></div>
						<div class="commenter-reaction group">
							Enter your comment:<br />
							<textarea name="comment" id="comment"></textarea>
							<label for="no-video" class="no-video">
								<input type="radio" id="no-video" name="videotype" class="no-video-input" />
								No video
							</label>
							<label for="embed-video" class="embed-video">
								<input type="radio" id="embed-video" name="videotype" class="embed-video-input" />
								Embed a video
							</label>
							<label for="create-video" class="create-video">
								<input type="radio" id="create-video" name="videotype" class="create-video-input" />
								Create a video
							</label> 
							<div class="video hide">
								Embedcode of your video (YouTube, Vimeo or Daily Motion):<br/>
								<textarea name="embedcode" id="embedcode"></textarea><br />
								<p>or</p>
								URL of your video (YouTube, Vimeo or Daily Motion):<br />
								<input type="text" name="videolink" id="videolink" />
							</div>
							<div class="recorder hide"></div>
							<input type="hidden" name="seesmic_url" id="seesmic_url" />

							<span class="send-reaction">Send</span>
						</div>
					</div>
					<span class="all-reactions">All comments</span>
					<span class="perfect-opposite-reactions">Comments from your perfect opposites</span>
				</div>
				<div id="debate-reactions"></div>
			</div>

			<!-- DEBATES OVERVIEW PAGE -->
			<div id="debates" class="page hide">
				<h1>Debates</h1>
				<div id="debates-list"></div>
			</div>

			<div id="my-opposites" class="page hide">
				<div id="my-perfect-opposites"></div>
				<div id="opposites-respects"></div>
			</div>

			<!-- ABOUT PAGE -->
			<div id="about" class="page hide">
				<h1>About LYPO</h1>
				<p>
					Love Your Perfect Opposite, is created because we believe you learn the most about yourself by talking to people who are different than you/who disagree with you.<br />
					It is the technological translation of the famous sentence:<br />
					"I disagree with what you say, but I will defend to death your right of saying that."<br />
					We are bored with just finding Friends on social networks, we want to find our Opposites and have a conversation/debate. 
				</p>
			</div>

			<div id="loading" class="page hide"></div>
		</div>	]]>
	</Content>
	<Content type="html" view="profile, showcase, preview, home, default">
	<![CDATA[
	<!-- ALm6fM33OyXi_A260sPactSjdTidrUG67KIv8ptzSfAnpQKdEovMQpP0qRbKByyGW4_F6YNtBWGNXUd34n0PSCfOxhHmB3QG5SzXWPt7C9hOCuPDlbJMbrwjUs-vfLuC0HnD3RKlA0o3 -->
			<link rel="stylesheet" type="text/css" href="http://lypo.driebit.net/gadget/css" media="all" />
		<!--[if IE]>
		<link rel="stylesheet" type="text/css" href="http://lypo.driebit.net/css/gadget-ie.css" media="all" />
		<![endif]-->	
		<script type="text/javascript">
		function initProfile() {
			gadgets.window.adjustHeight(400);

			var installBtn = document.getElementById('profileview').getElementsByTagName('span')[0];
			installBtn.onclick = function () {
				gadgets.views.requestNavigateTo(new gadgets.views.View("canvas"));
			}
		}

		gadgets.util.registerOnLoadHandler(initProfile);
		</script>
		<div id="profileview">
			<img src="http://lypo.driebit.net/images/gadget/trigger.gif" alt="Love Your Perfect Opposite" />
			<p>
				Oh: You have sooooo many friends<br />
				<strong>How BORING!</strong><br />
			</p>
			<p class="install">
				<span>Go to the gadget</span>
			</p>
		</div>	]]>
	</Content>
</Module>
