<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>V Foto</title>
    <link rel="stylesheet" href="css/style.css" />
   	<script src="../ui/js/jquery-1.9.1.js"></script>

    <script src="js/login.js"></script>
    <script src="website.js"></script>
   
    <?php
	//$ip = '';
   // if(!empty($_GET['ip']))
	//$ip = $_GET['ip'];
	?>
<script>
 	$(document).ready(function(e) {
        $('#login').click(function(){
		 Logar();
		})



		function Logar(){
			var nome = $('#nome').val();
			var senha = $('#senha').val(); 
			$.ajax({
			 type: "POST",
			 url: "receber.php",
			 data:'nome='+nome+'&senha='+senha,  
			 beforeSend: function(){$("#inclusao").html('<div align="center" style="padding:10%"><img src="../img/ajax-loader.gif" /></div>').fadeIn('slow');},
			 success: function(R){ $("#inclusao").html(R).fadeIn('fast')} 
			}) //fim ajax	
		}


		/////////////Capitura a key////////////
$(".login").keypress(function(event) {
  if ( event.which == 13 ) {
     event.preventDefault();
  	 Logar();
   }

});

$(".login").click(function() {
  $(".login").keypress();
});

///////////////////////////
		


	
			
});
 

		
		




</script>
    
<style>
 
 
 .mold{
/*Sobras*/
-moz-box-shadow: 5px 5px 5px #666666; 
-webkit-box-shadow: 5px 5px 5px #666666;
box-shadow: 5px 5px 5px #666666;

/*Arredondamento*/
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px; /* Para Opera 10.5+*/ 
border: 1px solid #CCC;

cursor:pointer;
margin-bottom:20px;

}

.mold:hover{
	-moz-opacity: 0.8;
	opacity: 0.8 ;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter: alpha(opacity=80); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}


</style>    
    

</head>
<body>
    <div id="bar">
        <div id="container">
            <!-- Login Starts Here -->
            <div id="loginContainer">
                <a href="#" id="loginButton"><span>Stúdio</span><em></em></a>
              <div style="clear:both"></div>
                <div id="loginBox">                
                    <div id="loginForm">
                      <fieldset id="body">
                            <fieldset>
                                <label for="nome">Nome</label>
                                <input type="text" name="nome" id="nome" />
                            </fieldset>
                            <fieldset>
                                <label for="senha">Senha</label>
                                <input type="password" name="senha" id="senha" class="login" />
                            </fieldset>
                            <input type="submit" id="login" value="Logar" />
                        </fieldset>
                        <span><div id="inclusao"></div></span>
                  </div>
                </div>
            </div>
            <!-- Login Ends Here -->
        </div>
    </div>
<div id="pnLogo" align="center"><img src="images/logo_vfoto.png" width="314" height="146"></div>
<div id="pnAlbum"></div>

<div align="center" id="pnTituloWebsite"><?php //echo $descricao;?></div>
<div align="center" id="pnPrincipalWebSiteOut"></div>
<div id="pnPrincipalWebSiteOutScript" ></div>

<div id="pnVerLogin">
        <div id="pnCamp">
          <input name="edtWebsite" type="text" id="edtWebsite" size="30">
          <button id="btnVerFoto" class="button white medium">Ver Foto</button>
        </div>
        <div id="pnMessagen" align="center"><div>
		<div id="pnEscolher" align="center" >
        <button id="btnEstolherFotosX9" class="button white medium">Escolher Fotos</button><div>
</div>
</div>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>


<script src="../js/slide.js"></script>
</body>
</html>

