$(function(){
	
	$("#main").css({"opacity": 0});	   	  
   	  $("#main").load("sections/home.php", 
		  function (responseText, textStatus, XMLHttpRequest) {
			  if (textStatus == "success") {
				 $('.flexslider').flexslider();
				 $("#main").animate({opacity:1});	
				 
				 				         
			  }				    
		  }
	  );
	
	
	
	$("#formNewsletter").validate({
		rules: {															
			newsletter_email: {
				required: true,
				email: true
			}															
		},
		messages: {															
			newsletter_email: "Ingresa un email valido"								
		},
		errorPlacement: function (error, element) {						
			$(element).css({border: "1px solid red"});									
		},
		invalidHandler: function(form, validator) {				      				        					    
		    var errors = validator.numberOfInvalids();
	    	if (errors) {					        						        	
	        	if (validator.errorList.length > 0) {
	            	for (x=0;x<validator.errorList.length;x++) {						              
		              	$.jGrowl(validator.errorList[x].message, {									
							sticky:			false,
							life: 			5000				
						});
	            	}
	        	}						        						       
	    	}								
	    },
		submitHandler: function(form) {
			$.post("sendnewsletter.php", $("#formNewsletter").serialize(), function() {
					
			});								   
		    $.jGrowl("<b>Gracias por suscribirte, te enviaremos informacion exclusiva a tu casilla.</b>", {
				sticky:			false,
				life: 			8000				
			});		  									
			//$("#formNewsletter").fadeOut();
			$("#newsletter_email").val("");
			$("#newsletter_email").css({border: "none"});			  
		}
	});	
	
	
	$("#enviarNewsletter").click(function(){		
		if($("#newsletter_email").val() != ""){	
			$("#formNewsletter").submit();								
		}				
	});
		
	$.fn.clearDefault = function(){
		return this.each(function(){
			var default_value = $(this).val();
			$(this).focus(function(){
				if ($(this).val() == default_value) $(this).val("");
			});
			$(this).blur(function(){
				if ($(this).val() == "") $(this).val(default_value);
			});
		});
	};
	
	$("#newsletter_email").clearDefault();
	
	$('a').each(function (i,obj){
	   $(obj).click(function (){
		   var section = $(obj).attr('rel');
		   
		   
		   if(section == "home"){	
		   	  $("#main").css({"opacity": 0});	   	  
		   	  $("#main").load("sections/home.php", 
				  function (responseText, textStatus, XMLHttpRequest) {
					  if (textStatus == "success") {						 
						 $("#main").animate({opacity:1});						         
					  }				    
				  }
			  );		   	     
		   }	
		   
		   if(section == "contact"){			   
		   	  $("#main").css({"opacity": 0});	   	  
		   	  $("#main").load("sections/contact.php", 
				  function (responseText, textStatus, XMLHttpRequest) {
					  if (textStatus == "success") {						 
						 $("#main").animate({opacity:1});
						 
						 $("#frmContact").validate({
							rules: {
								nombre: "required",
								apellido: "required",								
								email: {
									required: true,
									email: true
								},								
								comentario: "required"
							},
							messages: {
								nombre: "Dinos tu nombre",
								apellido: "Dinos tu apellido",								
								email: "Dinos tu email asi te respondemos",
								comentario: "Olvidaste poner tu comentario"
							},
							errorPlacement: function (error, element) {						
								$(element).css({border: "1px solid red"});									
							},
							invalidHandler: function(form, validator) {				      				        					    
							    var errors = validator.numberOfInvalids();
						    	if (errors) {					        						        	
						        	if (validator.errorList.length > 0) {
						            	for (x=0;x<validator.errorList.length;x++) {						              
							              	$.jGrowl(validator.errorList[x].message, {									
												sticky:			false,
												life: 			5000				
											});
						            	}
						        	}						        						       
						    	}								
						    },
							submitHandler: function(form) {
								$.post("sendmail.php", $("#frmContact").serialize(), function() {
									
								});
							   
							    $.jGrowl("<b>Gracias por contactarte con nosotros, te respondermos a la brevedad. Puedes continuar navegando en nustro site.</b>", {
									sticky:			false,
									life: 			8000				
								});		  
								$("#frmContact").fadeOut();	
								$('a[href="#!/home"]').click();				  
							}
						});
						
						$("#frmSubmit").click(function(){
							$("#frmContact").submit();							
						})					         
					  }				    
				  }
			  );	
		   }	
		   			   				   		   
		   if(section == "campaing"){	
		   	  $("#main").css({"opacity": 0});	   	  
		   	  $("#main").load("sections/campaing.php", 
				  function (responseText, textStatus, XMLHttpRequest) {
					  if (textStatus == "success") {
						 $('.flexslider').flexslider();
						 $("#main").animate({opacity:1});							 						 				        
					  }				    
				  }
			  );		   	     
		   }
		   
		    if(section == "archive"){	
		   	  $("#main").css({"opacity": 0});	   	  
		   	  $("#main").load("sections/archive.php", 
				  function (responseText, textStatus, XMLHttpRequest) {
					  if (textStatus == "success") {						 														
					  	$("div#makeMeScrollable").smoothDivScroll(
						{ 
							autoScroll: "onstart" , 
							autoScrollDirection: "backandforth", 
							autoScrollStep: 1, 
							autoScrollInterval: 15,	
							startAtElementId: "startAtMe", 
							visibleHotSpots: "always"
							}
						 );
						 $("#main").animate({opacity:1});										  						 					       
					  }				    
				  }
			  );		 				
		   }		
		   	   		   
		   if(section == "lookbook"){
		   	  $("#main").css({"opacity": 0});
		      $("#main").load("sections/lookbook.php", 
				  function (responseText, textStatus, XMLHttpRequest) {				  	
					  if (textStatus == "success") {						  	 				  
				         $('#liquid1').liquidcarousel({height:277, duration:100, hidearrows:false});
				         $('#lookbook a.nyroModal').nyroModal(
		         										{
		         											galleryCounts: false,
		         											callbacks: {
		         												size: function(){
		         													$(".liquid .previous").css({visibility: "hidden"});
														            $(".liquid .next").css({visibility: "hidden"});
		         												},
		         												afterShowCont: function(nm) {
														          $(".nyroModalTitle").width($(".nyroModalCont").width());
														          
														          
														        },
		         												afterResize: function(){				         													
				   	                                              $(".nyroModalTitle").width($(".nyroModalCont").width());
				   	                                              						
		         												},
		         												afterClose: function(){
		         													$(".liquid .previous").css({visibility: "visible"});
														            $(".liquid .next").css({visibility: "visible"});
		         												}			         												
		         											}
		         										}
		         									 );					         
				         $("#main").animate({opacity:1});				         
					  }				    
				  }
			  );
		   }
		   
		   if(section == "stores"){
		   	  $("#main").css({"opacity": 0});
		      $("#main").load("sections/stores.php", 
				  function (responseText, textStatus, XMLHttpRequest) {				  	
					  if (textStatus == "success") {						  	 				  				         				        
				         $("#main").animate({opacity:1});				         
					  }				    
				  }
			  );
		   }
		   
		   if(section == "backstage"){
		   	  $("#main").css({"opacity": 0});
		      $("#main").load("sections/backstage.php", 
				  function (responseText, textStatus, XMLHttpRequest) {				  	
					  if (textStatus == "success") {						  	 				  				      			         
				         $("#main").animate({opacity:1});
				         $('#backstage a.nyroModal').nyroModal({galleryCounts: false});	
					  }				    
				  }
			  );
		   }
		   
	   });
	});   	
	
   //if you need it on refresh, or if a user got the link from another page
   // it automatically will trigger the click therefore trigger the ajax
   if(window.location.hash != '#'){
	  $('a[href="'+window.location.hash+'"]').click();	 	
   }    
});