$(document).ready(function() {
  	$('#eroare').hide();
  	var i=0;
  	var ok=0;
  	$('#pas2').hide();
  	$('#pas3').hide();
  	$('#pas4').hide();
  	$('#succes').hide();
  	$('#eroare').hide();
  	$('a#img2').hide();
  	$('a#img3').hide();
  	$('a#img4').hide();
  	$('a#img5').hide();
  	$('a#img6').hide();
  	$('a#img7').hide();
  	$('a#img8').hide();
  	$('a#img9').hide();
  	$('a#img10').hide();
  	$('a#image2').hide();
  	$('a#image3').hide();
  	$('a#image4').hide();
  	$('a#image5').hide();
  	$('a#image6').hide();
  	$('a#image7').hide();
  	$('a#image8').hide();
  	$('a#image9').hide();
  	$('a#image10').hide();
  	//Validare pasul 1
  	$('input#f1').blur(function () {
       if($('input#f1').val().length==0){
       			$('input#f1').next().text(" Camp obligatoriu!");
       			ok=0;}
       else {$('input#f1').next().text(" OK!");ok=1;}
    });
    $('input#f2').blur(function () {
       if($('input#f2').val().length==0){
       $('input#f2').next().text(" Camp obligatoriu!");ok=0;}
    });
    $('input#f3').blur(function () {
   	    if($('input#f3').val().length==0){$('input#f3').next().text(" Camp obligatoriu!");ok=0;}
       else{
       var format=/^\d\d\/\d\d\/\d{4}$/;
       if(!format.test($('input#f3').val())) {$('input#f3').next().text("Introduceti data in format zz/ll/aaaa!");ok=0;}
       else {$('input#f3').next().text("OK!");ok=1;}
       }
    });
    $('input#f4').blur(function () {
   	    if($('input#f4').val().length==0){$('input#f4').next().text(" Camp obligatoriu!");ok=0;}
       else{
       var format=/[0-9]/;
       if(!format.test($('input#f4').val())) {$('input#f4').next().text("Introduceti doar numere!");ok=0;}
       else {$('input#f4').next().text("OK!");ok=1;}
       }
    });
    $('input#f5').blur(function () {
   	    if($('input#f5').val().length==0){$('input#f5').next().text(" Camp obligatoriu!");ok=0;}
       else{
       var format=/^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$/;
       if(!format.test($('input#f5').val())) {$('input#f5').next().text("Introduceti o adresa de email valida!");ok=0;}
       else {$('input#f5').next().text("OK!");ok=1;}
       }
    });
  	//Sfarsit validare pasul 1 
  	
  	$('#btn1').click( function() {
  		if(ok==1){
  		$('p#completeaza_tot').hide();
   		var elemente=$('#elemente').serialize();
   		$('#pas1').hide();
   		$('#loading').show();
   		$.post("procesare-pas1",{elemente:elemente},
   		function(data)
   		{
   		if(data.ok='ok'){
   			$('#loading').hide();
   			$('#pas2').show();
   			$('#succes').hide();
   			
   			$('a#img1').click(function(){
   					$('a#img1').hide();
   					$('a#img2').show();
   			});
   			$('a#img2').click(function(){
   					$('a#img2').hide();
   					$('a#img3').show();
   			});    
   			$('a#img3').click(function(){
   					$('a#img3').hide();
   					$('a#img4').show();   				
   			});    			
   			$('a#img4').click(function(){
   					$('a#img4').hide();
   					$('a#img5').show();
   			});    			
   			$('a#img5').click(function(){
   					$('a#img5').hide();
   					$('a#img6').show(); 				
   			});    		
   			$('a#img6').click(function(){
   					$('a#img6').hide();
   					$('a#img7').show();	
   			});    			
   			$('a#img7').click(function(){
   					$('a#img7').hide();
   					$('a#img8').show();
   			}); 
   			$('a#img8').click(function(){
   					$('a#img8').hide();
   					$('a#img9').show();
     			}); 
   			$('a#img9').click(function(){
   					$('a#img9').hide();
   					$('a#img10').show();
   			}); 
   			$('a#img10').click(function(){
   					$('a#img10').hide();
   					$('#img').append("<p>Ati adaugat numarul maxim de imagini. Daca doriti sa schimbati una sau mai multe mergeti in zona de client dupa ce terminati inregistrarea!</p>");	
   			}); 
   			$('#btn2').click(function(){
   				$('#pas2').hide();
   				$('#loading').show();
   				var elemente_pas2=$('#elemente_pas2').serialize();
   				$.post("procesare-pas2",{elemente_pas2:elemente_pas2},
   					function(data){
   						if(data.ok='ok'){
   							$('#loading').hide();
   							$('#pas3').show();
   							$('#btn3').click(function(){
   							$('#pas3').hide();
   							$('#loading').show();
   							var elemente_pas3=$('#elemente_pas3').serialize();
   							$.post("procesare-pas3",{elemente_pas3:elemente_pas3},
   								function(data){
   									if(data.ok='ok'){
   										$('#loading').hide();
   										$('#pas4').show();
   											$('a#image1').click(function(){
   														i=i+1;
									   					$('a#image1').hide();
									   					$('a#image2').show();
									   			});
									   			$('a#image2').click(function(){
									   					i=i+1;
									   					$('a#image2').hide();
									   					$('a#image3').show();
									   			});    
									   			$('a#image3').click(function(){
									   					i=i+1;
									   					$('a#image3').hide();
									   					$('a#image4').show();   				
									   			});    			
									   			$('a#image4').click(function(){
									   					i=i+1;
									   					$('a#image4').hide();
									   					$('a#image5').show();
									   			});    			
									   			$('a#image5').click(function(){
									   					i=i+1;
									   					$('p#more_pics').remove;
									   					$('a#image5').hide();
									   					$('a#image6').show(); 				
									   			});    		
									   			$('a#image6').click(function(){
									   					i=i+1;
									   					$('a#image6').hide();
									   					$('a#image7').show();	
									   			});    			
									   			$('a#image7').click(function(){
									   					i=i+1;
									   					$('a#image7').hide();
									   					$('a#image8').show();
									   			}); 
									   			$('a#image8').click(function(){
									   					i=i+1;
									   					$('a#image8').hide();
									   					$('a#image9').show();
									     			}); 
									   			$('a#image9').click(function(){
									   					i=i+1;
									   					$('a#image9').hide();
									   					$('a#image10').show();
									   			}); 
									   			$('a#image10').click(function(){
									   					i=i+1;
									   					$('a#image10').hide();
									   					$('#images').append("<p>Ati adaugat numarul maxim de imagini. Daca doriti sa schimbati una sau mai multe mergeti in zona de client dupa ce terminati inregistrarea!</p>");	
									   			}); 
										$('#btn4').click(function(){
											if(i>4){
											$('#pas4').hide();
											$('#loading').show();
											var elemente_pas4=$('#elemente_pas4').serialize();
											$.post("procesare-pas4",{elemente_pas4:elemente_pas4},
												function(data){
													//alert(data);
													if(data.ok='ok'){
														$('#loading').hide();
														$('#succes').show();
													}else{
														$('#loading').hide();
   														$('#eroare').show();
   														}
													});
												}else{
													$('p#more_pics').remove();
													$('#pas4').append("<p style='color:red;font-size:25px;' id='more_pics'>Trebuie sa introduceti cel putin 5 imagini pentru a putea finaliza inregistrarea</p>");
												}	
												});
								 										
   									}else{
   										$('#loading').hide();
   										$('#eroare').show();}
   									});
   									});
   							
   							}else{
   								$('#loading').hide();
   								$('#eroare').show();}
   					});
   				
   			}); 		
   		}else{
   				$('#eroare').show();
   			}
   		
   		
   		});
   	}else{$('p#completeaza_tot').remove();
   	$('#completeaza').append("<p style='color:red;font-size:25px;' id='completeaza_tot'>Trebuie sa completati corect toate campurile obligatorii pentru a merge mai departe.</p>");}	  		
   });
     	
});