
		<!DOCTYPE html> 
		<html> 
		<head> 
			<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
			<title>Cuinetes.cat: receptes de cuina per compartir</title> 
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
			<meta name="apple-mobile-web-app-capable" content="yes">
			<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
			<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
			<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
			<link rel="apple-touch-icon" href="/apple-touch-icon-57x57.png">
			<link rel="apple-touch-startup-image" href="/splash-startup.png">
			<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-72x72.png"/>
			<link rel="icon" href="/apple-touch-icon-57x57.png" />
			<link rel="shortcut icon" href="/favicon.ico" />

			<meta name="HandheldFriendly" content="true">
			<link rel="author" href="/humans.txt" />
			<meta name="format-detection" content="telephone=no">

			<link rel="stylesheet" href="/include/jquery.mobile-1.2.0.min.css" />

			<!--<link href="ios/styles.css" rel="stylesheet" />-->


			<!--
			<link rel="stylesheet" href="/web-holo/themes/AndroidHoloDarkLight.min.css" />
			<link rel="stylesheet" href="/include/jquery.mobile.structure-1.2.0.min.css" />
 			<link rel="stylesheet" href="/web-holo/roboto/fonts.css" />
			-->

			<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

			<!--
			<script>
				// all dialog buttons should close their parent dialog
				$(".ui-dialog button").live("click", function() {		
					$("[data-role='dialog']").dialog("close");		
				});
				$(document).on("mobileinit", function(){
				  $.mobile.defaultPageTransition = "slide";
				});
			</script>
			-->

			<script type="text/javascript" src="/include/inicial.js"></script>
			<script src="/include/jquery.mobile-1.2.0.min.js"></script>
			<!--
			<style>
				#PersistentFooter {
					background: #FFF -webkit-radial-gradient(circle, #FFF, #dee2e4);
				}
				.ui-listview sup {
					font-size: 0.6em;
					color: #cc0000;
				}
			</style>
			-->

			<link rel="stylesheet" href="/include/jquery.mobile.theme-1.2.0.min.css"/>
			<script type='application/javascript' src='/include/fastclick.js'></script>			
			<link rel="stylesheet" href="/include/estil.css"/>
			<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700&subset=latin' rel='stylesheet' type='text/css'>
			<script type="text/javascript" src="/include/js.js"></script>
			<script type="text/javascript" src="/include/comu.js"></script>
			<link rel="stylesheet" type="text/css" href="/include/stars.css" />


		</head> 
		<body> 
	
<div data-role="page" id="inicial" data-url="inicial">
	<div data-role="header" data-position="fixed">
		<div data-role="navbar" class="botonera">
			<ul>
				<li><a href="#inicial"  class="ui-btn-active ui-state-persist"><img src="/include/images/icoA.png"><br>Inici</a></li>
				<li><a href="#llistaReceptes" data-transition="none"><img src="/include/images/icoB.png"><br>Receptes</a></li>
				<li><a href="#llistaUsuaris" data-transition="none"><img src="/include/images/icoC.png"><br>Cuiners</a></li>
				<li><a href="#llistaActivitats" data-transition="none"><img src="/include/images/icoD.png"><br>Activitat</a></li>
			</ul>
		</div><!-- /navbar -->

	</div><!-- /header -->

        <div data-role="content" id="inicial">
		<div id="wrap">
			<center>
				<img src="/img/logomescuiner.jpg" style="width:100%;">
			</center>
			<p>&nbsp;</p>
								<p><b>Benvingut a Cuinetes.cat!</b></p>
					<p>Introdueix el teu nom d'usuari i la teva contrasenya per poder-te identificar:</p>
					<div id="formEntrada">
						<form class="ui-body ui-body-b ui-corner-all" data-ajax="false" action="hola_cuiner.php" method="post" autocomplete="off">
							<label for="username" class="ui-hidden-accessible">Correu:</label>
							<input type="email" name="username" id="username" value="" placeholder="Correu electr�nic"/>
	
							<label for="password" class="ui-hidden-accessible">Contrasenya:</label>
							<input type="password" name="password" id="password" value="" placeholder="Contrasenya"/>
	
							<fieldset class="ui-grid-a">
								<div class="ui-block-a" ><button type="button" name="enviar" value="submit-value" id="enviar" onClick="registrarEntrada();">Accedeix</button></div>
								<div class="ui-block-b"><a href="#AltaUsuari" data-role="button" data-icon="plus" data-theme="c" data-transition="none">Crear usuari</a></div>
							</fieldset>
						</form>
						<p>&nbsp;</p>
						<a href="#RecordarClaus" data-role="button" data-icon="info" data-theme="c" data-transition="none">No recordes la contrasenya?</a>
					</div>

					<div data-role="popup" id="popupAccesErroni" class="ui-content" data-theme="e" data-overlay-theme="a">
						<h3>Dades err�nees</h3>
						<p>El correu o la contrasenya no s�n correctes. Prova-ho de nou.<p>
						<p>&nbsp;</p>
						<a href="#" data-role="button" data-rel="back" data-theme="b">D'acord</a>
					</div>


						</div>
	</div><!-- /content -->
</div><!-- /page -->


<div data-role="page" id="AltaUsuari" data-url="AltaUsuari">
	<div data-role="header" data-position="fixed">
		<a href="#inicial" data-role="button" data-rel="back" data-icon="arrow-l" data-direction="reverse">Tornar</a>
		<h1>Alta d'usuari</h1>
	</div><!-- /header -->

	<div data-role="content">
		<script language="javascript">
			function revisa_frm() {
				//statements to validate the form	
				var emailok=0;
				var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
				var email = document.getElementById('email');
				if (!filter.test(email.value)) {
					$("#popupMail").popup("open");
					return false;
				} else {
					$.ajax({
						    type: "POST",
						    data: "email="+email.value,
						    async: false,
						    url: "/include/check_email.php",
						    success: function(data){
							if(data != "0") {
								//email duplicat
							    	emailok = 0;
								$("#popupDuplicat").popup("open");
								return false;
							} else {
							    	emailok = 1;
								//$('.email-dupl').hide();
							}
						    }
						});
				}



				if (document.getElementById('name').value == "") {
					$("#popupNom").popup("open");
					return false;
				} 
	
				if (document.getElementById('passwordalta').value == "") {
					$("#popupPassword").popup("open");
					return false;
				}

	
				if ((document.getElementById('name').value == "") || (!filter.test(email.value)) || (document.getElementById('password').value == "")){
					return false;
				} 

				if (emailok=="0") {
					return false;
				}


				if ((document.getElementById('name').value != "") && (filter.test(email.value)) && (document.getElementById('password').value != "")) {
					return true;
				} 
			return false;
			}

		</script>

		<p>Completa aquest formulari per donar-te d'alta a la xarxa de <b>Cuinetes.cat</b>.</p>

		<form action="publica_usuari.php" name="formulari_alta" id="formulari_alta" method="post" class="ui-body ui-body-b ui-corner-all" onSubmit="return revisa_frm()" data-ajax="false" autocomplete="off">
			<label for="name" class="ui-hidden-accessible">Nom</label>
			<input type="text" id="name" name="name" value="" placeholder="El teu nom"/>

			<label for="nom" class="ui-hidden-accessible">Correu electr�nic</label>
			<input type="email" id="email" name="email" value="" placeholder="El teu correu electr�nic"/>

			<label for="password" class="ui-hidden-accessible">Contrasenya</label>
			<input type="password" id="password" name="password" value="" placeholder="Contrasenya"/>

			<label><input type="checkbox" name="butlleti" id="butlleti" data-theme="d" />Em vull subscriure al butllet� de cuinetes.cat</label>

			<button type="submit" value="Registra'm" data-theme="b"/>Registra'm</button>
		</form>

		<div data-role="popup" id="popupDuplicat" class="ui-content" data-theme="e" data-overlay-theme="a">
			<h3>Dades err�nees</h3>
			<p>Aquest correu ja est� registrat a Cuinetes.cat. Prova-ho amb un altre.<p>
			<p>&nbsp;</p>
			<a href="#" data-role="button" data-rel="back" data-theme="b">D'acord</a>
		</div>

		<div data-role="popup" id="popupNom" class="ui-content" data-theme="e" data-overlay-theme="a">
			<h3>Falten dades</h3>
			<p>Has de proporcionar el teu nom.<p>
			<p>&nbsp;</p>
			<a href="#" data-role="button" data-rel="back" data-theme="b">D'acord</a>
		</div>

		<div data-role="popup" id="popupPassword" class="ui-content" data-theme="e" data-overlay-theme="a">
			<h3>Falten dades</h3>
			<p>Has de proporcionar la teva contrasenya.<p>
			<p>&nbsp;</p>
			<a href="#" data-role="button" data-rel="back" data-theme="b">D'acord</a>
		</div>

		<div data-role="popup" id="popupMail" class="ui-content" data-theme="e" data-overlay-theme="a">
			<h3>Falten dades</h3>
			<p>Has de proporcionar el teu correu.<p>
			<p>&nbsp;</p>
			<a href="#" data-role="button" data-rel="back" data-theme="b">D'acord</a>
		</div>
	</div><!-- /content -->
</div><!-- /page -->


<div data-role="page" id="RecordarClaus" data-url="RecordarClaus">
	<div data-role="header" data-position="fixed">
		<a href="#inicial" data-role="button" data-rel="back" data-icon="arrow-l" data-direction="reverse">Tornar</a>
		<h1>Recordar clau</h1>
	</div><!-- /header -->

	<div data-role="content">
		<p>Si no recordes la contrasenya que vas escollir per poder accedir al teu compte, des d'aqu� en podr�s crear una de nova.</p>

		<p>Per fer-ho, cal que introdueixis el teu correu electr�nic a la seg�ent casella i facis click a <b>Recuperar contrasenya</b>.</p>

		<form name="enviar_contrasenya" id="enviar_contrasenya"  action="enviar_contrasenya.php" method="POST" data-ajax="false">
			<label for="name" class="ui-hidden-accessible">Correu electr�nic</label>
			<input type="email" id="correu" name="correu" value="" placeholder="Correu electr�nic"/>

                        <div id="solicitarClau"><a href="#" data-role="button" data-theme="b">Recuperar contrasenya</button></a></div>

		</form>

                <div data-role="popup" id="popupNoRecorda" class="ui-content" data-theme="e" data-overlay-theme="a">
                        <h3>Dades err�nees</h3>
			<p>No trobem ning� registrat amb aquest correu. Torna-ho a provar.</p>
                        <p>&nbsp;</p>
                        <a href="#" data-role="button" data-rel="back" data-theme="b">D'acord</a>
                </div>
                <div data-role="popup" id="popupRecordaOk" class="ui-content" data-theme="e" data-overlay-theme="a">
                        <h3>Recuperaci� de contrasenya</h3>
                        <p>T'acabem d'enviat un correu amb les instruccions per recuperar la teva contrasenya. Si no l'has rebut d'aqu� 5 minuts, revisa la carpeta de Correu Brossa.</p>
                        <p>&nbsp;</p>
                        <a href="#" data-role="button" data-rel="back" data-theme="b">D'acord</a>
               </div>



	</div><!-- /content -->
</div><!-- /page -->



<div data-role="page" id="llistaActivitats" data-url="llistaActivitats">
	<div data-role="header" data-position="fixed">
		<div data-role="navbar" class="botonera">
			<ul>
				<li><a href="#inicial" data-transition="none" data-direction="reverse"><img src="/include/images/icoA.png"><br>Inici</a></li>
				<li><a href="#llistaReceptes" data-transition="none" data-direction="reverse"><img src="/include/images/icoB.png"><br>Receptes</a></li>
				<li><a href="#llistaUsuaris" data-transition="none" data-direction="reverse"><img src="/include/images/icoC.png"><br>Cuiners</a></li>
				<li><a href="#" class="ui-btn-active ui-state-persist" data-transition="none"><img src="/include/images/icoD.png"><br>Activitat</a></li>
			</ul>
		</div><!-- /navbar -->

	</div><!-- /header -->

	<div data-role="content">
			<script type="text/javascript">
				$(document).ready(function(){
					$("form#submit_wall").submit(function() {
						var message_wall = $('#message_wall').attr('value');
						$.ajax({
							type: "POST",
							url: "/escriure_mur.php",
							data:"message_wall="+ message_wall,
							success: function(resultat){
								if (resultat!='') {
									$("#llistatActivitats").prepend(resultat);
									$('#llistatActivitats').listview("refresh");
									$("#llistatActivitats first").fadeIn();
								}
							}
						});
						$('#message_wall').val('');
						return false;
					});
				});

			</script>

			<style>
				/* 9lessons.blogspot.com tutorials Srinivas Tamada */
				.message_box {
					height:60px; width:100%; border:dashed 1px #48B1D9; padding:5px ;
				}

				.number {
					float:right; 
					background-color:#48B1D9; 
					color:#000; 
					padding-left:3px; 
					padding-bottom:3px;
					padding-right:3px;
					font-weight:bold;
				}
			</style>

							<!-- //no hi ha usuari definit-->
				<div id="block_empty">&nbsp;</div>
				<p>Per poder veure les activitats a <b>Cuinetes.cat</b> cal ser un usuari registrat.</p>

				<fieldset class="ui-grid-a">
					<div class="ui-block-a"><a href="#inicial" data-role="button" data-theme="b" data-transition="none" data-direction="reverse">Accedeix</button></a></div>
					<div class="ui-block-b"><a href="#AltaUsuari" data-role="button" data-icon="plus" data-theme="c" data-transition="none">Crear usuari</button></a></div>	   
				</fieldset>
					</div>
	</div><!-- /content -->
</div><!-- /page -->


<div data-role="page" id="llistaReceptes" data-url="llistaReceptes">
	<div data-role="header" data-position="fixed">
		<div data-role="navbar" class="botonera">
			<ul>
				<li><a href="#inicial" data-transition="none" data-direction="reverse"><img src="/include/images/icoA.png"><br>Inici</a></li>
				<li><a href="#llistaReceptes" class="ui-btn-active ui-state-persist"><img src="/include/images/icoB.png"><br>Receptes</a></li>
				<li><a href="#llistaUsuaris" data-transition="none"><img src="/include/images/icoC.png"><br>Cuiners</a></li>
				<li><a href="#llistaActivitats" data-transition="none"><img src="/include/images/icoD.png"><br>Activitat</a></li>
			</ul>
		</div><!-- /navbar -->

	</div><!-- /header -->

	<div data-role="content">
		<div class="content-primary">
			<div id="divReceptes">
			</div>
		</div>
	</div><!-- /content -->
</div><!-- /page -->

<div data-role="page" id="llistaUsuaris" data-url="llistaUsuaris">
	<div data-role="header" data-position="fixed">
		<div data-role="navbar" class="botonera">
			<ul>
				<li><a href="#inicial" data-transition="none" data-direction="reverse"><img src="/include/images/icoA.png"><br>Inici</a></li>
				<li><a href="#llistaReceptes" data-transition="none" data-direction="reverse"><img src="/include/images/icoB.png"><br>Receptes</a></li>
				<li><a href="#" class="ui-btn-active ui-state-persist"><img src="/include/images/icoC.png"><br>Cuiners</a></li>
				<li><a href="#llistaActivitats" data-transition="none"><img src="/include/images/icoD.png"><br>Activitat</a></li>
			</ul>
		</div><!-- /navbar -->

	</div><!-- /header -->

	<div data-role="content">
		<div class="content-primary">
			<div id="divCuiners">
			</div>
		</div>
	</div><!-- /content -->
</div><!-- /page -->

</body>
</html>
