var resizeFlashY = 0;

//cacheo
(function($){
    var cache = [];
    // Arguments are image paths relative to the current page.
    $.preLoadImages = function(){
        var args_len = arguments.length;
        for (var i = args_len; i--;) {
            var cacheImage = document.createElement('img');
            cacheImage.src = arguments[i];
            cache.push(cacheImage);
        }
    }
})(jQuery)

//preload//  >> url absolutas
jQuery.preLoadImages("/img/destacadosmenu/kids.jpg", "/img/destacadosmenu/adults.jpg", "/img/destacadosmenu/vintage.jpg", "/img/destacadosmenu/lookbook.jpg", "/img/destacadosmenu/footwear.jpg", "/img/destacadosmenu/denim.jpg", "/img/destacadosmenu/portobello.jpg", "/img/destacadosmenu/warhol.jpg", "/img/destacadosmenu/company.jpg");


////////////////
//DOM READY////
///////////////
jQuery(document).ready(function(){
								
//	jQuery("#seleccion_idioma").change(function(){})


	//llamada a setLanguage
	var sLanguage
	var controlIdioma = $("#seleccion_idioma").val();			
	switch(controlIdioma){
		case "0":
				sLanguage = "en";
				break;
		case "1":					
				sLanguage = "es";
				break;					
		case "2":
				sLanguage = "fr";
				break;
		default:
				sLanguage = "en";
				break;
		}
	var dataLang = "lan="+sLanguage;
	
	$.ajax({
	  url: "/php/setLanguage.php",
	  type: "GET",
	  data: dataLang,
	  success: function(data){}
	});			
	
	
	//controla si esta logado
	$.ajax({
	  url: "/php/hasLoged.php",
	  type: "POST",
	  success: function(data){
		//valor resultado
		var responseLogin = data;
		responseLogin = responseLogin.substring(10,11);
		if(responseLogin == "1"){	

			
				var wrapDiv = $("#user-nav");
				//elimna botones login/register
				$('#login-access').remove();
				$('#register-access').remove();
				
				//boton log-out
				var tElement01 = $('<a></a>');
				tElement01.addClass("button")		
				tElement01.attr("id","logout-access");
				tElement01.attr("href","/php/logout.php");
				var tElement01B = $('<span></span>');
				tElement01B.text("LOG OUT");				
				tElement01.append(tElement01B);

				//boton saludo usuario
				var tElement02 = $('<div></div>');
				tElement02.attr("id","info-usuario");
				var tElement02B = $('<strong></strong>');
				
				var nombreUsuario = data;
				nombreUsuario = nombreUsuario.substring(17,nombreUsuario.length);				
				
				tElement02B.text(nombreUsuario);	
				
				
				var controlIdioma = $("#seleccion_idioma").val();			
				switch(controlIdioma){
					case "0":
							tElement02.text("Hi, ");
							break;
					case "1":					
							tElement02.text("Hola, ");
							break;					
					case "2":
							tElement02.text("Bonjour, ");
							break;
					default:
							tElement02.text("Hi, ");
							break;
					}
				
				
				tElement02.append(tElement02B);

				
				var tElement03 = $('<div></div>');
				tElement03.attr("id","user-menu");
				
				var tElement03B = $('<p></p>');				
				tElement03B.attr("id","show-personal-menu");
				var tElement03BB = $('<span></span>');
				tElement03BB.text("MY");
				tElement03B.append(tElement03BB);
				tElement03.append(tElement03B);
				
				
				var tElement03C = $('<ul></ul>');
				/*
				tElement03C01 = $('<li></li>');
				tElement03C01.attr("id","wishlist-access");
				tElement03C01A = $('<a></a>');				
				tElement03C01A.attr("href","/php/wishlist.php");
				tElement03C01A.text("WISHLIST");
				tElement03C01.append(tElement03C01A);
				*/
				tElement03C02 = $('<li></li>');
				tElement03C02.attr("id","personal-info-access");				
				tElement03C02A = $('<a></a>');				

				
				var controlIdioma = $("#seleccion_idioma").val();			
				switch(controlIdioma){
					case "0":
							tElement03C02A.attr("href","/en/update-register.html");
							break;
					case "1":					
							tElement03C02A.attr("href","/es/update-register.html");
							break;					
					case "2":
							tElement03C02A.attr("href","/fr/update-register.html");
							break;
					default:
							tElement03C02A.attr("href","/en/update-register.html");
							break;
					}				
				
				tElement03C02A.text("PERSONAL INFO");
				tElement03C02.append(tElement03C02A);
				//tElement03C.append(tElement03C01);
				tElement03C.append(tElement03C02);				
				tElement03.append(tElement03C);


				wrapDiv.prepend(tElement03);
				wrapDiv.prepend(tElement02);
				wrapDiv.prepend(tElement01);							
		}
		
	  }
	});			
	

				
	jQuery("#reset-pass-access").colorbox();
	

	jQuery(".radio-link a").click(function(){
		var urlRadio = $(this).attr("href");
//		window.open(urlRadio,'radiopepejeans','height=150,width=400,status=yes,toolbar=no,menubar=no,location=no');		
		window.open("http://www.pepejeans.com/radio/",'radiopepejeans','height=150,width=400,status=no,toolbar=no,menubar=no,location=no');
		return false;		
	});
	
	
	jQuery(".gallery-zoom").colorbox();	
	
    if (jQuery("#events-detail .event-photo a").length > 0){
		jQuery("#events-detail .event-photo a").colorbox();		
	}
	
	
	$(".classification-racing th").hover(function(){
			$(this).addClass("hover-th");
		  },function(){
			$(this).removeClass("hover-th");
	})
	
	$(".cab-classification a").click(function(){
		
		if($(this).attr("href") == "#mundial-constructors"){
			$("#mundial-pilots").css("display","none");
			$("#mundial-constructors").css("display","block");
			$(this).parent().parent().find("LI").removeClass("sel");			
			$(this).parent().addClass("sel");
			return false;
		}
		
		if($(this).attr("href") == "#mundial-pilots"){
			$("#mundial-constructors").css("display","none");
			$("#mundial-pilots").css("display","block");
			$(this).parent().parent().find("LI").removeClass("sel");
			$(this).parent().addClass("sel");
			return false;
		}		
		
											  
	})
	

    //comprueba modulo home, lanza carrusel
    if (jQuery("#destacados-home-carrusel").length > 0){
        jQuery('#destacados-home-carrusel').jcarousel({
            wrap: 'circular'
        });
    }
	
    if (jQuery("#info-contact").length > 0){	
	jQuery("#info-contact span").click(function(){
			var comboVal = $(this).attr("data-combo");
			var obj  = document.getElementById("contact_filter_stuff");
			obj.selectedIndex = comboVal;
		});

    }	
	
    //comprueba modulo home, lanza carrusel
    if (jQuery("#contact-company").length > 0){
		setContactForm();
	}	
	

	//carga room2.0
    if (jQuery("#room2-0").length > 0){
		$("#social-facebook .content-social").load("../php/facebook.php");
		$("#social-youtube .content-social").load("../php/youtube.php");
		$("#social-flickr .content-social").load("../php/flickr.php");
		$("#social-twitter .content-social").load("../php/twitter.php");
	}
	
	
    //height size html
    if (jQuery("#charity-projects").length > 0){
		setMaxHeight("#charity-projects","#charity-projects-show");
	}
	
	
    if(jQuery("#racing-team").length > 0){
		setFooter("#racing-team");
		$(window).resize(function(){
			setFooter("#racing-team");
		});
	}
	
    if(jQuery("#company-events").length > 0){
		setFooter("#company-events");
		$(window).resize(function(){
			setFooter("#company-events");
		});
	}	
    
    //combo idiomas estilo
    jQuery(".combobox").msDropDown({
        showIcon: false
    });
	
	
	
    //imagenes galeria
    jQuery(".nav-advanced ul li").mouseenter(function(){
        obj = jQuery(this).find(".destacado-seccion-menu img");
        strIMG = jQuery(obj).attr("src");
        strIMG = "url(" + strIMG + ")";
        jQuery(this).parent().parent().find(".roll-seccion img").css("backgroundImage",strIMG);
    })
    
    jQuery(".nav > li").mouseenter(function(){
        obj = jQuery(this).find(".destacado-seccion-menu img");
        if (obj.length>0){
            strIMG = jQuery(obj[0]).attr("src");
            strIMG = "url("+strIMG+")";
            jQuery(this).parent().parent().find(".roll-seccion img").css("backgroundImage",strIMG);
        }
    })
	
	//muestra secciones company charity en un slide horizontal
	jQuery("#charity-projects .acces-project a").click(function(){
		var link = $(this).attr("href");
		var obj = $($(this).attr("href")).clone()
		$("#charity-projects-show").append(obj);
		var xSize = $(window).width();		
		$("#charity-projects-show").animate({width:xSize},350);
		return false;
	});
	
	//eventos al vuelo
	
	//cierre pantalla community
	jQuery('.charity-project-int .close, .charity-project-int .button').live('click', function(){
//		$.fn.colorbox({href: $(this).attr('href'),onComplete:function(){setLoginForm();}});
		$("#charity-projects-show").animate({width:"0"},350,function(){$(this).empty()});
		return false;
	
	});



	jQuery('#showLegalAltaUsuario').live('click', function(){
		var urlPopup = $(this).attr("href");
		window.open(urlPopup,'legal','height=450,width=300,status=no,toolbar=no,menubar=no,location=no');
		return false;	
	});
	
	
	jQuery('#showLegalTerms').live('click', function(){
		var urlPopup = $(this).attr("href");
		window.open(urlPopup,'legalTerms','height=450,width=500,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no');
		return false;	
	});	
	



	//pantalla login
	jQuery('#login-access').live('click', function(){
		$.fn.colorbox({href: $(this).attr('href'),onComplete:function(){setLoginForm();}});
		return false;		
	});	
	
	//pantalla login
	jQuery('#closeAlert').live('click', function(){
		$.fn.colorbox.close();
		return false;		
	});				
	
	
	//pantalla registro
	jQuery('#register-access').live('click', function(){
		$.fn.colorbox({href: $(this).attr('href'), width:"510px", height:"800px;",onComplete:function(){setRegisterForm();}});
		return false;		
	});
	
	
	//lanza mp4 e ipad / seccion denim



	
	//acceso wishlist
	jQuery('#wishlist-access').live('click', function(){

		$.ajax({
		  url: $(this).find("a").attr('href'),
		  type: "POST",
		  success: function(data){
			$.fn.colorbox({html:data});
		  }
		});	

		return false;
	});	
	
	//efecto on/off productos wishlist
	$(".wishlist-product").live("hover", function(){
		$(this).toggleClass("on");
	});
	

	//boton recordar contrasena
	$('#reset-pass-access').live('click', function(){
		$.fn.colorbox({href: $(this).attr('href')});
		return false;		
	});
	
	//boton recordar contrasena
	$('#personal-info-access a').live('click', function(){
		$.fn.colorbox({href: $(this).attr('href'), width:"510px", height:"670px;",onComplete:function(){setUpdateRegisterForm();}});
		
		return false;		
	});	
	
	
	
	
	
	$('#logout-access').live('click', function(){
		var urlPostLogOut = $(this).attr("href");

		$.ajax({
		  url: urlPostLogOut,
		  type: "POST",
		  success: function(){
				//eliminar items logado
				$("#logout-access").remove();
				$("#info-usuario").remove();
				$("#user-menu").remove();
				
				//crea botones para login
				var elem1 = $("<a></a>");
					elem1.addClass("button");
					elem1.attr("id","login-access");
					elem1.attr("href","en/login.html");
					var elem1Aux = $("<span></span>");
					elem1Aux.text("LOGIN");
					elem1.append(elem1Aux);
					
				var elem2 = $("<a></a>");
					elem2.addClass("button");
					elem2.attr("id","register-access");
					elem2.attr("href","en/register.html");
					var elem2Aux = $("<span></span>");
					elem2Aux.text("REGISTER");
					elem2.append(elem2Aux);
					
					$("#user-nav").append(elem2).append(elem1);
				
			  }
		})		

		return false;			  
		})
	
	
	//mostrar menu usuario logado
	$('#show-personal-menu').live('click', function(){
		$(this).addClass("selected");	
		$('#user-menu ul').slideDown('fast');
		return false;		
	});	
	
})


//contenido alternativo flash
function callbackHTMLAlternative(e){

    if (!e.success) {
				
		$("#mainmedia img").each(function(){										  
			$(this).attr("src",$(this).attr("data-src"));
		})
		
		$("#mainmedia").css("display","block");
		// flash no detectado

        // Apple detection object  
        var Apple = {};
        Apple.UA = navigator.userAgent;
        Apple.Device = false;
        Apple.Types = ["iPhone", "iPod", "iPad"];
        for (var d = 0; d < Apple.Types.length; d++) {
            var t = Apple.Types[d];
            Apple[t] = !!Apple.UA.match(new RegExp(t, "i"));
            Apple.Device = Apple.Device || Apple[t];
        }
        
        //comprueba si es interfaz táctil no flash
        if (!Apple.iPhone && !Apple.iPad && !Apple.iPod) {
			// INTERFAZ NO FLASH - NO TÁCTIL			
			
			//comprueba si es un funcionamiento carrusel
			if (jQuery("#alternative-carousel-media").length > 0) {			
					//set interfaz no-tactil sin flash y sin touch. jcarousel
					jQuery('#content').css("display", "none");
					jQuery('#footer').css("marginTop", "638px");
					jQuery('#alternative-carousel-media ul').jcarousel({
						wrap: 'circular'
					});
			}
			
			//comprueba si es un funcionamiento carrusel
			if (jQuery("#video-player-alternative").length > 0) {			
					//set interfaz no-tactil sin flash y sin touch. jcarousel
					jQuery('#content').css("display", "none");
					jQuery('#footer').css("marginTop", "638px");					
			}

		}else{
			//interfaz tactil 

			//comprueba si es un funcionamiento carrusel
			if (jQuery("#alternative-carousel-media").length > 0) {
				
						jQuery('#content').css("display", "none");
										
						//iterfaz apple: scroll + botones scrollTo();
						var elemLista = jQuery("#alternative-carousel-media ul li");
						
						jQuery("#alternative-carousel-media").attr("id", "alternative-carousel-media-apple");
						
						
						//check si es una version modificada
						var aux= $("body").attr("class");
						if(aux=="vintage"){
								var widthElements = elemLista.length * 304;
								$("#footer").css("marginTop","580px");
							}else{
								var widthElements = elemLista.length * 429;
								$("#footer").css("marginTop","638px");								
							}
						
						
						jQuery("#alternative-carousel-media-apple ul").css("width", widthElements);
						
						//añade botones scrollTo();
						//estructura html: <div id="buttons-touch"><p id="touchcarrusel-next-horizontal"></p><p id="touchcarrusel-prev-horizontal"></p></div>
						//creacion botones dinamica
						var d = document;
						//contenedor
						var objContainer = d.createElement("div");
						jQuery(objContainer).attr("id", "buttons-touch");
						//botones				
						var objContainerButtonPrev = d.createElement("span");
						jQuery(objContainerButtonPrev).attr("id", "touchcarrusel-prev-horizontal");
						var objContainerButtonNext = d.createElement("span");
						jQuery(objContainerButtonNext).attr("id", "touchcarrusel-next-horizontal");
						//apend anterior				
						jQuery(objContainer).append(objContainerButtonPrev).append(objContainerButtonNext);
						jQuery("#main-content").prepend(objContainer);
						
						//eventos botones
						jQuery("#touchcarrusel-next-horizontal").click(function(){
							jQuery("#alternative-carousel-media-apple").scrollTo({
								top: '0px',
								left: '+=429'
							}, 800);
						});
						
						jQuery("#touchcarrusel-prev-horizontal").click(function(){
							jQuery("#alternative-carousel-media-apple").scrollTo({
								top: '0px',
								left: '-=429'
							}, 800);
						});
			}//fin carrusel

			
			//comprueba si es un funcionamiento carrusel
			if (jQuery("#video-player-alternative").length > 0) {			
					//set interfaz no-tactil sin flash y sin touch. jcarousel
					jQuery('#content').css("display", "none");
					jQuery('#footer').css("marginTop", "638px");
			}
            //fin interfaz apple
        }
    }else{

		setFlashInterface();		
	}
}


function callbackVideoHTMLAlternative(e){
	//interfaz <video> html5 - flash
    if (!e.success) {
			setFlashInterface();
		}else{			
			setFlashInterface();					
			}
}


function setFlashHeight(){
		var sizeY = $(window).height();
		if(sizeY>773){
				//nuevo tamaño flash ampliado
				sizeY = sizeY-157;
				//fijar margen del pie respecto
				//(sizeY-91);
				resizeFlashY = sizeY-616;
				
				return sizeY;
				
			}else{
				return 616;
				}
}

function setMaxHeight(theIdSelector,secondIdSelector){
	// colocacion 100% alto en pantallas grandes en algunas pantallas animada. 
	//Segundo parametro opcional en caso de wrap/animacion
	
	var obj = $(theIdSelector);
	//tamaño de pantalla
	var heightWindow = $(window).height();
	
	//segundo selector
	if(secondIdSelector){
		var objAux = $(secondIdSelector);	
		}
	// mayor que el minimo
	if(heightWindow>773){
		
		var contentHeight = $("#content").height();		
		
		calcFullHeigh = heightWindow-162;		
		
		if(calcFullHeigh>contentHeight){
			obj.css("height",calcFullHeigh);
			if(secondIdSelector){objAux.css("height",calcFullHeigh);}
		}
		
	}
}


function callbackHTMLAlternativeGallery(e){
    if (!e.success){
		
		$("#mainmedia img").each(function(){										  
			$(this).attr("src",$(this).attr("data-src"));
		})
				
		
		setGaleria();		
		jQuery('#content').css("display", "none");
		jQuery('#footer').css("marginTop", "665px");
	}else{
		setFlashInterface();
		}
	
}

function setContactForm(){
	var filterContact01 = $("#contact_filter_stuff");
	var filterContact02 = $("#contact_filter_country");
	var nameContact = $("#contact_name");
	var emailContact = $("#contact_email");
	var messageContact = $("#contact_message");
		
	nameContact.blur(validateName);
	nameContact.keyup(validateName);
		
	emailContact.blur(validateEmail);
	emailContact.keyup(validateEmail);	
	
	filterContact01.change(validateCombo);
	filterContact02.change(validateCombo);
	
	messageContact.blur(validateName);
	messageContact.keyup(validateName);	
	
	
	//
    if (jQuery("#contact_message").length > 0){	
		   $('#contact_message').keyup(function(){
				var len = this.value.length;
				if (len >= 500){
					this.value = this.value.substring(0, 500);
				}
			});	
	}	

	
	var theFormContact = $("#contact-form");		
	theFormContact.submit(function(){
								   
		var check = [];
		check[0] = validateEmail("contact_email",true);
		check[1] = validateName("contact_name",true);
		check[2] = validateCombo("contact_filter_stuff");
		check[3] = validateCombo("contact_filter_country");		
		check[4] = validateName("contact_message",true);
		
		var pasaValidacion = true;
		for(var aa = 0;aa<check.length;aa++){
			if(check[aa] == false){pasaValidacion=false;}
		}
		if(!pasaValidacion){return false;}		
				
		//validacion completada
		var sName = nameContact.val();
		var sEmail = emailContact.val();
		var sFilter01 = filterContact01.val();
		var sFilter02 = filterContact02.val();
		var sMessage = messageContact.val();		
		
		var sLanguage
		var controlIdioma = $("#seleccion_idioma").val();			
		switch(controlIdioma){
			case "0":
					sLanguage = "en";
					break;
			case "1":					
					sLanguage = "es";
					break;					
			case "2":
					sLanguage = "fr";
					break;
			default:
					sLanguage = "en";
					break;
			}		

		var urlPost = $(this).attr("action");
		var dataPost = "contact_name="+sName+"&contact_email="+sEmail+"&contact_filter_stuff="+sFilter01+"&contact_filter_country="+sFilter02+"&contact_message="+sMessage+"&lang="+sLanguage;

		$.ajax({
		  url: urlPost,
		  type: "POST",
		  data: dataPost,
		  success: function(data){
			//valor resultado		
			
			var responseSucces = data;
			responseSucces = responseSucces.substring(10,11);
			  
			if(responseSucces == "1"){	
				var responseMessage = data;
				responseMessage = responseMessage.substring(20,responseMessage.length);				
//				$("#formContact form").css("visibility","hidden");
//				$("#formContact").prepend("<p class='contact-ok'>"+responseMessage+"</p>");					

					$("#contact_name").val("");
					$("#contact_email").val("");
					$("#contact_message").val("");
					
					var obj = document.getElementById("contact_filter_country");
					obj.selectedIndex = 0;
					var obj = document.getElementById("contact_filter_stuff");
					obj.selectedIndex = 0;					
					$.fn.colorbox({href: "contact-ok.html"});

				}else{
					var responseMessage = data;
					responseMessage = responseMessage.substring(20,responseMessage.length);
					$("#responseContact").text(responseMessage);
				}
		  }
		});	
			
		return false;
	
	})

}


function setLoginForm(){
	
	var usernameLogin = $("#login_email");
	var passwordLogin = $("#login_password");	
	
	var theFormLogin = $("#login-usuario");	
		
	usernameLogin.blur(validateEmail);
	usernameLogin.keyup(validateEmail);
	
	passwordLogin.blur(validateNameStr);
	passwordLogin.keyup(validateNameStr);
	
	theFormLogin.submit(function(){
		var check = [];
		check[0] = validateEmail("login_email",true);					
		check[1] = validateNameStr("login_password",true);

		var pasaValidacion = true;
		for(var aa = 0;aa<check.length;aa++){
			if(check[aa] == false){pasaValidacion=false;}
		}
		if(!pasaValidacion){return false;}

		//si pasa validacion login ajax
		
		var sLoginName = usernameLogin.val();
		var sPasswordName = passwordLogin.val();
		
		var sLanguage
		var controlIdioma = $("#seleccion_idioma").val();			
		switch(controlIdioma){
			case "0":
					sLanguage = "en";
					break;
			case "1":					
					sLanguage = "es";
					break;					
			case "2":
					sLanguage = "fr";
					break;
			default:
					sLanguage = "en";
					break;
			}		
							

		var urlPost = $(this).attr("action");
		var dataPost = "email="+sLoginName+"&password="+sPasswordName+"&lan="+sLanguage;



		$.ajax({
		  url: urlPost,
		  type: "POST",
		  data: dataPost,
		  success: function(data){
			  
			var responseSucces = data;
			responseSucces = responseSucces.substring(10,11);
				
			if(responseSucces == "1"){	

				var wrapDiv = $("#user-nav");
				//elimna botones login/register
				$('#login-access').remove();
				$('#register-access').remove();
				
				//boton log-out
				var tElement01 = $('<a></a>');
				tElement01.addClass("button")		
				tElement01.attr("id","logout-access");
				tElement01.attr("href","/php/logout.php");
				var tElement01B = $('<span></span>');
				tElement01B.text("LOG OUT");				
				tElement01.append(tElement01B);

				//boton saludo usuario
				var tElement02 = $('<div></div>');
				tElement02.attr("id","info-usuario");
				var tElement02B = $('<strong></strong>');
				
				var nombreUsuario = data;
				nombreUsuario = nombreUsuario.substring(17,nombreUsuario.length);				
				
				tElement02B.text(nombreUsuario);				
				
				var controlIdioma = $("#seleccion_idioma").val();			
				switch(controlIdioma){
					case "0":
							tElement02.text("Hi, ");
							break;
					case "1":					
							tElement02.text("Hola, ");
							break;					
					case "2":
							tElement02.text("Bonjour, ");
							break;
					default:
							tElement02.text("Hi, ");
							break;
					}
				

				tElement02.append(tElement02B);

				
				var tElement03 = $('<div></div>');
				tElement03.attr("id","user-menu");
				
				var tElement03B = $('<p></p>');				
				tElement03B.attr("id","show-personal-menu");
				var tElement03BB = $('<span></span>');
				tElement03BB.text("MY");
				tElement03B.append(tElement03BB);
				tElement03.append(tElement03B);
				
				
				var tElement03C = $('<ul></ul>');
				/*
				tElement03C01 = $('<li></li>');
				tElement03C01.attr("id","wishlist-access");
				tElement03C01A = $('<a></a>');				
				tElement03C01A.attr("href","/php/wishlist.php");
				tElement03C01A.text("WISHLIST");
				tElement03C01.append(tElement03C01A);
				*/
				tElement03C02 = $('<li></li>');
				tElement03C02.attr("id","personal-info-access");				
				tElement03C02A = $('<a></a>');	
				
				var controlIdioma = $("#seleccion_idioma").val();			
				switch(controlIdioma){
					case "0":
							tElement03C02A.attr("href","/en/update-register.html");
							break;
					case "1":					
							tElement03C02A.attr("href","/es/update-register.html");
							break;					
					case "2":
							tElement03C02A.attr("href","/fr/update-register.html");
							break;
					default:
							tElement03C02A.attr("href","/en/update-register.html");
							break;
					}				
				
				
				tElement03C02A.text("PERSONAL INFO");
				tElement03C02.append(tElement03C02A);
				//tElement03C.append(tElement03C01);
				tElement03C.append(tElement03C02);				
				tElement03.append(tElement03C);


				wrapDiv.prepend(tElement03);
				wrapDiv.prepend(tElement02);
				wrapDiv.prepend(tElement01);				





							
				
				$.fn.colorbox.close()				
				//$.fn.colorbox({href:"http://localhost/en/register-ok.html"});
				}else{
					var responseSuccesText = data;
					responseSuccesText = responseSuccesText.substring(20,responseSuccesText.length);
					$("#responseLogin").text(responseSuccesText);					
					}
		  }
		 
		});				
		return false;
	})
		
}


var dayBirthJson;
var monthBirthJson;
var yearBirthJson;

function setUpdateRegisterForm(){
	
	
	//llamada json
	$.ajax({
			  url: "/php/userInfo.php",
			  dataType: "json",	
			  contentType: "application/json; charset=utf-8",
			  type: "POST",
			  success: function(data) {
				//valor resultado
				
				
				
				if (typeof data == "string") {
				   xml = new ActiveXObject("Microsoft.XMLDOM");
				   xml.async = false;
				   xml.loadXML(data);	   
				 } else {
					xml = data;
				 }
				
				
				
				//actualiza el formulario con los valores JSON
				var strJSONname = xml.name;
				var strJSONsurname = xml.surname;
				var strJSONdate_birth = xml.date_birth;
				var strJSONcountry = xml.country;
				var strJSONphone = xml.phone;
				var strJSONsex = xml.sex;	
				
				
				var usernameRegister = $("#name");
				var surnameRegister = $("#surname");
				var phoneRegister = $("#telefono");				
				var comboCountry = $("#country");
				var comboGender = $("#sex");				
				var checkLegal = $("#conditions_register");

				dayBirthJson = $("#date_birth");	
				monthBirthJson = $("#month_birth");
				yearBirthJson = $("#year_birth");

				
				usernameRegister.val(strJSONname);
				surnameRegister.val(strJSONsurname);
				phoneRegister.val(strJSONphone);
				
				comboCountry.val(strJSONcountry);
				comboGender.val(strJSONsex);

				var temBirth = strJSONdate_birth.split("-")
				dayBirthJson.val(temBirth[0]);
				monthBirthJson.val(temBirth[1]);
				yearBirthJson.val(temBirth[2]);								
				
				
				usernameRegister.blur(validateNameStr);  
				usernameRegister.keyup(validateNameStr);  
				
				surnameRegister.blur(validateNameStr);
				surnameRegister.keyup(validateNameStr);
					
				phoneRegister.blur(validatePhone);
				phoneRegister.keyup(validatePhone);				
				
				comboCountry.change(validateCombo);
				comboGender.change(validateCombo);
				
				
				//eventos campo fecha
				dayBirthJson.blur(validateDateBirthUpdate);
				dayBirthJson.keyup(validateDateBirthUpdate);
				
				monthBirthJson.blur(validateDateBirthUpdate);
				monthBirthJson.keyup(validateDateBirthUpdate);
				
				yearBirthJson.blur(validateDateBirthUpdate);
				yearBirthJson.keyup(validateDateBirthUpdate);
				
				
				checkLegal.click(validateConditions);				

			  }
			  
			  
			});	
	
		//validacion formulario
		var theFormUpdate = $("#register-usuario-update");					
		theFormUpdate.submit(function(){ 
			//valores formulario		
			

			
			var usernameRegisterUpdate = $("#name");
			var surnameRegisterUpdate = $("#surname");
			var phoneRegisterUpdate = $("#telefono");				
			var comboCountryUpdate = $("#country");
			var comboGenderUpdate = $("#sex");				
			var checkLegalUpdate = $("#conditions_register");
			
			
			var sUsername = usernameRegisterUpdate.val();
			var sSurname = surnameRegisterUpdate.val();
			var sDayBirth = dayBirthJson.val();
			var sMonthBirth = monthBirthJson.val();
			var sYearBirth = yearBirthJson.val();

			var sLegal = checkLegalUpdate.val();
			
			var sPhone = phoneRegisterUpdate.val();
			var sGender = comboGenderUpdate.val();
			var sCountry = comboCountryUpdate.val();			
			
			
			// COMPROBAR PASOS
			/***********************/
			var check = []
			check[0] = validateNameStr("name",true);
			check[1] = validateNameStr("surname",true);
//			check[2] = validateName("nickname_register",true);
			//passwords
			
			check[2] = validateDateBirthUpdate();
			//pais
			check[3] = validateCombo("country");
			//telefono
			check[4] = validatePhone("telefono");
			//gender
			check[5] = validateCombo("sex");
			
			var pasaValidacion = true;
			for( var aa = 0; aa<check.length;aa++){
				if(check[aa] == false){pasaValidacion=false;}
			}			
			
			
			/*COMPROBAR LEGAL*/
			var objLegal = document.getElementById("conditions_register");
			if(!objLegal.checked){
				var txtLegal = document.getElementById("txtLegal");
				$(txtLegal).addClass("error");
				return false;
				}else{
					var txtLegal = document.getElementById("txtLegal");
					$(txtLegal).removeClass("error");					
					}


			if(!pasaValidacion){return false;}
			//si pasa la validacion hace llamada AJAX			
			
			
			/*llamada ajax*/
			var urlPost = $(this).attr("action");
			
			

			var sLanguage
			var controlIdioma = $("#seleccion_idioma").val();			
			switch(controlIdioma){
				case "0":
						sLanguage = "en";
						break;
				case "1":					
						sLanguage = "es";
						break;					
				case "2":
						sLanguage = "fr";
						break;
				default:
						sLanguage = "en";
						break;
				}		
							

			var dataPost = "name="+sUsername+"&surname="+sSurname+"&date_birth="+sDayBirth+"-"+sMonthBirth+"-"+sYearBirth+"&country="+sCountry+"&phone="+sPhone+"&sex="+sGender+"&lan="+sLanguage;
			
			$.ajax({
			  url: urlPost,
			  type: "POST",
			  data: dataPost,
			  success: function(data){
				//valor resultado
				
				var responseSucces = data;
				responseSucces = responseSucces.substring(10,11);
				if(responseSucces == "1"){
					$("#info-usuario strong").html($("#name").val());
					$.fn.colorbox({href:"/"+sLanguage+"/update-ok.html"});
					}else{
						//valor mensaje
						var responseMessage = data;
						responseMessage = responseMessage.substring(20,responseMessage.length);
						$("#responseRegister").text(responseMessage);
						}

			  }
			});			
			return false;


	});
	
}


// CONTROL FORMULARIO DE REGISTRO
var pass1;
var pass2;
var dayBirth;
var monthBirth;
var yearBirth;

function setRegisterForm(){ 

	//campos
	var usernameRegister = $("#name");
	var emailUsername = $("#email");
	var surnameRegister = $("#surname");	
//	var nicknameRegister = $("#nickname_register");	

	var phoneRegister = $("#telefono");
	var conditionsLegal = $("#conditions_register");
	var checkLegal = $("#conditions_register");	
	var theForm = $("#register-usuario");

	dayBirth = $("#date_birth");	
	monthBirth = $("#month_birth");
	yearBirth = $("#year_birth");
	
	pass1 = $("#password1");
	pass2 = $("#password2");
	
	var comboCountry = $("#country");
	var comboGender = $("#sex");	
	
	//eventos
	usernameRegister.blur(validateNameStr);  
	usernameRegister.keyup(validateNameStr);  
	
	
	phoneRegister.blur(validatePhone);
	phoneRegister.keyup(validatePhone);


	comboCountry.change(validateCombo);
	comboGender.change(validateCombo);	
	
	surnameRegister.blur(validateNameStr);
	surnameRegister.keyup(validateNameStr);
	
	emailUsername.blur(validateEmail);  
	emailUsername.keyup(validateEmail);
	
	pass1.blur(validatePass1);
	pass1.keyup(validatePass1);
	
	pass2.blur(validatePass2);
	pass2.keyup(validatePass2);

	//eventos campo fecha
	dayBirth.blur(validateDateBirth);
	dayBirth.keyup(validateDateBirth);
	
	monthBirth.blur(validateDateBirth);
	monthBirth.keyup(validateDateBirth);
	
	yearBirth.blur(validateDateBirth);
	yearBirth.keyup(validateDateBirth);
	
	
	checkLegal.click(validateConditions);

	//SUBMIT
	theForm.submit(function(){ 
							
							
			// campos formulario registro							
			var sUsername = usernameRegister.val();
			var sSurname = surnameRegister.val();
			var sPassword1 = pass1.val();
			var sPassword2 = pass2.val();
			var sDayBirth = dayBirth.val();
			var sMonthBirth = monthBirth.val();
			var sYearBirth = yearBirth.val();
			var sEmail = emailUsername.val();
			var sLegal = conditionsLegal.val();
			
			var sPhone = phoneRegister.val();
			var sGender = comboGender.val();
			var sCountry = comboCountry.val();			
			
			

			// COMPROBAR PASOS
			/***********************/
			var check = []
			check[0] = validateNameStr("name",true);
			check[1] = validateNameStr("surname",true);
//			check[2] = validateName("nickname_register",true);


			//passwords
			if(sPassword1==sPassword2 && sPassword1.length>4){
				check[2] = true;	
				}else{
					check[2] = false;
					validatePass1();
					validatePass2();					
					}
			

	
			check[3] = validateDateBirth();
			check[4] = validateEmail("email",true);			
			//pais
			check[5] = validateCombo("country");
			//telefono
			check[6] = validateDateBirth();
			//gender
			check[7] = validateCombo("sex");
			check[8] = validatePhone("telefono");			
			
			var pasaValidacion = true;
			for( var aa = 0; aa<check.length;aa++){
				if(check[aa] == false){pasaValidacion=false;}
			}
		
	
			/*COMPROBAR LEGAL*/
			var objLegal = document.getElementById("conditions_register");
			if(!objLegal.checked){
				var txtLegal = document.getElementById("txtLegal");
				$(txtLegal).addClass("error");
				return false;
				}else{
					var txtLegal = document.getElementById("txtLegal");
					$(txtLegal).removeClass("error");					
					}


			if(!pasaValidacion){return false;}
			//si pasa la validacion hace llamada AJAX

			/*llamada ajax*/
			var urlPost = $(this).attr("action");
			

			
		var sLanguage
		var controlIdioma = $("#seleccion_idioma").val();			
		switch(controlIdioma){
			case "0":
					sLanguage = "en";
					break;
			case "1":					
					sLanguage = "es";
					break;					
			case "2":
					sLanguage = "fr";
					break;
			default:
					sLanguage = "en";
					break;
			}		
			
			
			
			var dataPost = "name="+sUsername+"&surname="+sSurname+"&password1="+sPassword1+"&password2="+sPassword2+"&email="+sEmail+"&date_birth="+sDayBirth+"-"+sMonthBirth+"-"+sYearBirth+"&country="+sCountry+"&phone="+sPhone+"&sex="+sGender+"&lan="+sLanguage;
			
			$.ajax({
			  url: urlPost,
			  type: "POST",
			  data: dataPost,
			  success: function(data) {
				//valor resultado
				var responseSucces = data;
				responseSucces = responseSucces.substring(10,11);
				if(responseSucces == "1"){					
					$.fn.colorbox({href:"/"+sLanguage+"/register-ok.html"});
					}else{
						//valor mensaje
						var responseMessage = data;
						responseMessage = responseMessage.substring(20,responseMessage.length);
						$("#responseRegister").text(responseMessage)
						}

			  }
			});			
			return false;
	});		


}


function showLogin(){
	jQuery("#login-access").trigger("click");
}

function showResetPass(){
    jQuery("#register-access").trigger("click");
}

//desactiva capa para eventos flash en firefox
function setFlashInterface(){
	jQuery('#content').css("display", "none");		
		if(resizeFlashY>0){
			resizeFlashY = 614+resizeFlashY;
			jQuery('#footer').css("marginTop", resizeFlashY);
			}else{
			jQuery('#footer').css("marginTop", "616px");	
			}	

}

//funciones validacion
//valida nombre
function validateName(element,pasoFinal){	
	var obj;	
	if(pasoFinal){
		//validacion final
		obj = document.getElementById(element);
	}else{
		//validacion onfly
		obj = this;	
		}
		

	if(obj.value.length < 5){  
		$(obj).addClass("error");
		var strSpan = "#"+obj.id+"-info";
		$(strSpan).addClass("error");
		return false;
    }else{
			$(obj).removeClass("error");
			var strSpan = "#"+obj.id+"-info";
			$(strSpan).removeClass("error");		
			return true;
	}
}


//valida nombre
function validateNameStr(element,pasoFinal){	
	var obj;	
	if(pasoFinal){
		//validacion final
		obj = document.getElementById(element);
	}else{
		//validacion onfly
		obj = this;	
		}
		

	if(obj.value.length < 3){  
		$(obj).addClass("error");
		var strSpan = "#"+obj.id+"-info";
		$(strSpan).addClass("error");
		return false;
    }else{
			$(obj).removeClass("error");
			var strSpan = "#"+obj.id+"-info";
			$(strSpan).removeClass("error");		
			return true;
	}
}

function validatePhone(theId){
	
	if(typeof(theId)=="string"){
		obj = document.getElementById(theId);	
		}else{
			obj = this;
			}
			

	if(/^[0-9]+$/.test(obj.value)){
		$(obj).removeClass("error");					
		return true
	}else{
		$(obj).addClass("error");					
		return false;
	}
	
}

function validateCombo(theId){	
	if(typeof(theId)=="string"){
		obj = document.getElementById(theId);	
		}else{
			obj = this;
			}

	if(obj.value=="0"){
		$(obj).addClass("error");
		return false;
		}else{
		$(obj).removeClass("error");
			return true;
			}
}

//valida email
function validateEmail(element,pasoFinal){
	var obj;	
	if(pasoFinal){
		//validacion final
		obj = document.getElementById(element);
	}else{
		//validacion onfly
		obj = this;	
		}	
		
   elementValue = obj.value;
   var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
   var testPass = emailPattern.test(elementValue);  
   if(testPass){
			$(obj).removeClass("error");
			var strSpan = "#"+obj.id+"-info";
			$(strSpan).removeClass("error");
			return true;
	   }else{
				$(obj).addClass("error");

				var strSpan = "#"+obj.id+"-info";
				$(strSpan).addClass("error");
				return false;
	   }
 } 


function validatePass1(){  

    if(pass1.val().length<6){  
        pass1.addClass("error"); 
		var strSpan = "#"+pass1.attr("id")+"-info";
		$(strSpan).addClass("error");

        return false;  
    }  
    //it's valid  
    else{  
        pass1.removeClass("error");  
		var strSpan = "#"+pass1.attr("id")+"-info";
		$(strSpan).removeClass("error");		
        validatePass2();  
        return true;  
    } 

}  


function validatePass2(){  

    var a = $("#password1");  
    var b = $("#password2");  
    //are NOT valid  
    if( pass1.val() != pass2.val() ){  
        pass2.addClass("error");  
		var strSpan = "#"+pass2.attr("id")+"-info";
		$(strSpan).text("Passwords doesn't match!");
		$(strSpan).addClass("error");
        return false;  
    }  
    //are valid  
    else{  
        pass2.removeClass("error");  
		
		var strSpan = "#"+pass2.attr("id")+"-info";
		$(strSpan).text("Confirm password");
		$(strSpan).removeClass("error");		
        return true;  
    }  
}  

function validateDateBirth(){

	var strDay = dayBirth.val();
	var strMonth = monthBirth.val();
	var strYear = yearBirth.val();

	var checkDate = isDate(strDay,strMonth,strYear);
	if(!checkDate){
		dayBirth.addClass("error");	
		monthBirth.addClass("error");	
		yearBirth.addClass("error");
		$("#date-birth-info").addClass("error");
		return false;
		}else{
			$("#date-birth-info").removeClass("error");
			dayBirth.removeClass("error");	
			monthBirth.removeClass("error");	
			yearBirth.removeClass("error");	
			return true;
			}
}

function validateDateBirthUpdate(){

	var strDay = dayBirthJson.val();
	var strMonth = monthBirthJson.val();
	var strYear = yearBirthJson.val();

	var checkDate = isDate(strDay,strMonth,strYear);
	if(!checkDate){
		dayBirthJson.addClass("error");	
		monthBirthJson.addClass("error");	
		yearBirthJson.addClass("error");
		$("#date-birth-info").addClass("error");
		return false;
		}else{
			$("#date-birth-info").removeClass("error");
			dayBirthJson.removeClass("error");	
			monthBirthJson.removeClass("error");	
			yearBirthJson.removeClass("error");	
			return true;
			}
}

function validateConditions(){

	var objLegal = document.getElementById("conditions_register");
	if(!objLegal.checked){
		var txtLegal = document.getElementById("txtLegal");
		$(txtLegal).addClass("error");

		}else{
			var txtLegal = document.getElementById("txtLegal");
			$(txtLegal).removeClass("error");

			}

}

//validar fecha
function isDate(txtDateDay,txtDateMonth,txtDateYear){
	

	var objDate; // date object initialized from the txtDate string
	var mSeconds; // milliseconds from txtDate
	
	var day   = txtDateDay - 0;
	var month = txtDateMonth - 1;//because months in JS start with 0
	var year  = txtDateYear - 0;	

  // test year range
  if (year < 1920 || year > 2010) return false;

  // convert txtDate to the milliseconds
  mSeconds = (new Date(year, month, day)).getTime();

  // initialize Date() object from calculated milliseconds
  objDate = new Date();
  objDate.setTime(mSeconds);

  // compare input parameter date and created Date() object
  // if difference exists then date isn't valid
  if (objDate.getFullYear() != year) return false;
  if (objDate.getMonth() != month) return false;
  if (objDate.getDate() != day) return false;

  // otherwise return true
  return true;
}

//control de cierre click menu Usuario
var mouse_is_inside = false;
$(document).ready(function()
{
    $('#user-menu').hover(function(){ 
        mouse_is_inside=true; 
    }, function(){ 
        mouse_is_inside=false; 

    });

    $("body").mouseup(function(){ 
        if(! mouse_is_inside){
			$('#user-menu ul').slideUp("fast",function(){$('#show-personal-menu').removeClass("selected");});
		}
    });
});



//TEST GALLERIFIC

function setGaleria(){

				// We only want these styles applied when javascript is enabled
				$('div.content').css('display', 'block');

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs ul.thumbs li, div.navigation a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 9,
					preloadAhead:              10,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play',
					pauseLinkText:             'Pause',
					prevLinkText:              '&lsaquo; Previous',
					nextLinkText:              'Next &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             true,
					autoStart:                 false,
					syncTransitions:           true,
					defaultTransitionDuration: 900,
					onSlideChange:				function(prevIndex, nextIndex){
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);

						// Update the photo index display
						this.$captionContainer.find('div.photo-index')
							.html('Photo '+ (nextIndex+1) +' of '+ this.data.length);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn: function(){
						var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
						var nextPageLink = this.find('a.next').css('visibility', 'hidden');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('visibility', 'visible');

						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('visibility', 'visible');
						this.fadeTo('fast', 1.0);
					}
				});

				/**************** Event handlers for custom next / prev page links **********************/
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});

				gallery.find('a.next').click(function(e) {
					gallery.nextPage();
					e.preventDefault();
				});

				/**** Functions to support integration of galleriffic with the jquery.history plugin ****/
				// PageLoad function
				// 1. after calling $.historyInit();
				// 2. after calling $.historyLoad();
				// 3. after pushing "Go Back" button of a browser
				function pageload(hash) {
					// hash doesn't contain the first # character.
					if(hash) {
						$.galleriffic.gotoImage(hash);
					} else {
						gallery.gotoIndex(0);
					}
				}

				// Initialize history plugin.
				$.historyInit(pageload, "advanced.html");

				// set onlick event for buttons using the jQuery 1.3 live method
				$("a[rel='history']").live('click', function(e) {
					if (e.button != 0) return true;
					var hash = this.href;
					hash = hash.replace(/^.*#/, '');
					// moves to a new page. 
					$.historyLoad(hash);
					return false;
				});

}

//submit redireccion
var urlDomain = "http://www.pepejeans.com/";
function changeLan(){
		var objForm = document.getElementById("theLangForm");
		var controlHome = $("#ishome").val();
		var controlURL = $("#theurl").val();
		if(controlHome == 1){

				var controlIdioma = $("#seleccion_idioma").val();			
				switch(controlIdioma){
					case "0":
							prefixHome = "index.html"
							break;
					case "1":					
							prefixHome = "home-es.html"
							break;					
					case "2":
							prefixHome = "home-fr.html"
							break;
					default:
							prefixHome = "home.html"
							break;
					}

				var urlRedirect = urlDomain+prefixHome;
				document.location.href=urlRedirect;
				return false;								
			
			
			}else{				
				var controlIdioma = $("#seleccion_idioma").val();
				var prefix;
				switch(controlIdioma){
					case "0":
							prefix = "en/"
							break;
					case "1":					
							prefix = "es/"
							break;					
					case "2":
							prefix = "fr/"
							break;
					default:
							prefix = "en/"
							break;
					}
				}
				
				var urlRedirect = urlDomain+prefix+controlURL;
				document.location.href=urlRedirect;
				return false;
}

function setFooter(theId){
		var objH = jQuery(theId).height();
		var hWeb= objH+157;
		
		var hWindow = jQuery(window).height();
		if(hWindow>hWeb){
			var newPad = hWindow-hWeb;
			jQuery("#footer").css("padding-bottom",newPad);
		}else{
			jQuery("#footer").css("padding-bottom","0px");
			}	
}