function validateForm() {	
	
	var mail = document.getElementById('mail').value;		
		
	var counter=0;	
	
	var expMail = /^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/;
		
	if( (mail == "") || (!expMail.test(mail)) ) {
		document.getElementById('mailVal').innerHTML="e-mail inválido";
		document.getElementById('mail').focus();
		counter++;
	}
	else
	{
		document.getElementById('mailVal').style.visibility="hidden";
	}
	
	if ( counter==0 ) {
		document.getElementById('output').innerHTML="";	
		document.getElementById('output').innerHTML="enviando formulario...";		
		return true;			
	} else {		
		document.getElementById('output').innerHTML="";	
		document.getElementById('output').innerHTML="el formulario no ha sido enviado";			
		return false;
	}
		
}

//esta variable guarda la posicion de la paginacion para poder ocultar y mostrar los controles de izquierda y derecha
var posicion_paginacion=0;

function moverIzquierda()
{
	navigateDerecha.style.display="block";
	posicion_paginacion--;
	if(posicion_paginacion==0)
	{
		navigateIzquierda.style.display="none";
	}
	for(i=0;i<hijos.length;i++)
	{
		if(hijos[i].style.display=="block" && i!=0)
		{
			hijos[i].style.display="none";
			hijos[i-1].style.display="block";
			return;
		}
	}
}

function moverDerecha()
{
	posicion_paginacion++;
	if(posicion_paginacion==hijos.length-1)
	{
		navigateDerecha.style.display="none";
	}
	for(i=0;i<hijos.length;i++)
	{
		navigateIzquierda.style.display="block";
		
		if(i+1>hijos.length-1)
		{
			return;
		}			
		
		if(hijos[i].style.display=="block")
		{
			hijos[i].style.display="none";
			hijos[i+1].style.display="block";						
			return;
		}
	}
}

function setPhotoPlayer(archivo)
{
	swfobject.embedSWF(archivo, "photo_container", "457", "284", "9.0.0", "swf/expressInstall.swf", null, {wmode:"transparent"});
}

function setBio()
{
	$(function()
	{  
		$("#showHideBio").click(function(event) {  
		event.preventDefault();  				
		$("#bio").slideToggle();
		if(document.getElementById('showHideBio').src.indexOf('ver')!=-1)
		{
			document.getElementById('showHideBio').src="../img/ocultar_bio.jpg";
		}else
		{
			document.getElementById('showHideBio').src="../img/ver_bio.jpg";
		}
		});		
	});
}

function setThumbnails(seccion, idioma)
{
	director = seccion;
	talento = seccion;
	misce_video = seccion;
	
	switch(seccion)
	{
		//casos para directores
		case "javier_garrido":
		getAjax("javier_garrido.xml", "director", idioma);
		break;
		case "javier_garrido_mercado_hispano":
		getAjax("javier_garrido_mercado_hispano.xml", "director", idioma);
		break;
		case "eduardo_capilla":
		getAjax("eduardo_capilla.xml", "director", idioma);
		break;
		case "julian_fernandez":
		getAjax("julian_fernandez.xml", "director", idioma);
		break;
		case "julian_fernandez_music_videos":
		getAjax("julian_fernandez_music_videos.xml", "director", idioma);
		break;
		case "ulises_rosell":
		getAjax("ulises_rosell.xml", "director", idioma);
		break;
		
		//casos para talentos
		case "talento_chicos":
		getAjax("talento_chicos.xml", "talento", idioma);
		break;
		case "talento_20":
		getAjax("talento_20.xml", "talento", idioma);
		break;
		case "talento_30":
		getAjax("talento_30.xml", "talento", idioma);
		break;
		case "talento_40":
		getAjax("talento_40.xml", "talento", idioma);
		break;
		case "talento_50":
		getAjax("talento_50.xml", "talento", idioma);
		break;
		
		//casos para locaciones
		case "buenos_aires":
		getAjax("locaciones_buenos_aires.xml", "locaciones", idioma);
		break;
		case "caminos":
		getAjax("locaciones_caminos.xml", "locaciones", idioma);
		break;
		case "campos":
		getAjax("locaciones_campos.xml", "locaciones", idioma);
		break;
		case "desiertos":
		getAjax("locaciones_desiertos.xml", "locaciones", idioma);
		break;
		case "lagos":
		getAjax("locaciones_lagos.xml", "locaciones", idioma);
		break;
		case "montanias":
		getAjax("locaciones_montanias.xml", "locaciones", idioma);
		break;
		case "playas":
		getAjax("locaciones_playas.xml", "locaciones", idioma);
		break;
		case "pueblos":
		getAjax("locaciones_pueblos.xml", "locaciones", idioma);
		break;
		case "selvas":
		getAjax("locaciones_selvas.xml", "locaciones", idioma);
		break;
		
		//casos misceláneos
		case "series_tv":
		getAjax("series_tv.xml", "misce_video", idioma);
		break;
		case "ver_reel":
		getAjax("ver_reel.xml", "misce_video", idioma);
		break;		
	}
}

function getAjax(xml, seccion, idioma)
{
	var xmlHttp;
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
		loadXML(xmlHttp, xml, seccion, idioma);		
	} 
	catch (e)
	{
		// Internet Explorer
		try
		{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			loadXML(xmlHttp, xml, seccion, idioma);
		}
		catch (e)
		{
			try
			{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
				loadXML(xmlHttp, xml, seccion, idioma);
			}
			catch (e)
			{
				alert("Su navegador no soporta AJAX!");
				return false;
			}
		}
	}	
}

function showVideo()
{
	document.getElementById("izquierda_replace_director").style.display = "block";
	document.getElementById("izquierda_replace_director").style.paddingTop = "5px";
	document.getElementById("izquierda_director").style.display = "none";
	document.getElementById("switch_to_video_navigation").style.right = "120px";
	document.getElementById("switch_to_video_navigation").style.top = "-15px";
	document.getElementById("site_logo").style.display = "none";
}

function showExpandida()
{
	var img = this.alt;
	
	/*$('#img_expandida').fadeOut('fast', function() {
		$('#img_expandida').attr("src","../img_expandidas/locaciones"+img);
		$('#img_expandida').fadeIn('slow');
	});*/
	
	var img = document.getElementById('img_expandida');
	img.style.display = "block";	
	img.src = "../img_expandidas/locaciones"+this.alt;
	$('#img_expandida').fadeIn('slow');	
	
}

function applyFade()
{
	$(".fade").mouseover(function () {
	$(this).fadeTo("fast", 0.50);
	});
				
	$(".fade").mouseout(function () {
	 $(this).fadeTo("medium", 1);
	});
}

function loadXML(req, xml, seccion, idioma)
{
	var div = document.getElementById('videoNavigation');
	
	req.onreadystatechange=function()
	{
		if(req.readyState==4)
		{
			var xml=req.responseXML;
			
			if(seccion=="director")
			{
				var nodos=(xml.getElementsByTagName('video'));
				var len=nodos.length;			
				
				for(i=0;i<len;i++)
				{
					var texto = xml.getElementsByTagName("video")[i].childNodes[0].nodeValue;
					var empresa=nodos[i].getAttribute("empresa");
					
					if(idioma=="es")
					{
						var nombre=nodos[i].getAttribute("nombre");
					}else{
						var nombre=nodos[i].getAttribute("nombre_ingles");
					}
					
					var src=nodos[i].getAttribute("src");
					var agencia=nodos[i].getAttribute("agencia");
					var thumb=nodos[i].getAttribute("thumb");	
										
					var pod = document.createElement("div");
					pod.className="pod";
					
					var link = document.createElement("a");
					
					if(director=="javier_garrido_mercado_hispano")
					{
						director="javier_garrido";
					}
					
					if(director=="julian_fernandez_music_videos")
					{
						director="julian_fernandez";
					}
					
					if(idioma=="es")
					{
						link.href="video_player.php?v="+src+"&e="+empresa+"&n="+nombre+"&a="+agencia+"&s="+director;
					}else{
						link.href="video_player_en.php?v="+src+"&e="+empresa+"&n="+nombre+"&a="+agencia+"&s="+director;
					}
					
					
					var img = document.createElement("img");
					img.className="fade";
					
					var pod_empresa = document.createElement("span");
					var pod_nombre = document.createElement("span");
					var pod_agencia = document.createElement("span");
					
					pod_empresa.innerHTML = empresa;
					pod_nombre.innerHTML = nombre;
					pod_agencia.innerHTML = agencia;

					if(director=="javier_garrido_mercado_hispano")
					{
						director="javier_garrido";						
					}	

					if(director=="julian_fernandez_music_videos")
					{
						director="julian_fernandez";
					}					
					
					img.src = "../thumbs/expanded_thumbs/"+director+"/"+thumb;				
					
					link.appendChild(img);
					
					pod.appendChild(link);
					pod.appendChild(pod_empresa);
					pod.appendChild(pod_nombre);
					pod.appendChild(pod_agencia);
					div.appendChild(pod);									
				}		
				
				applyFade();			
			}
			
			if(seccion=="misce_video")
			{
				var nodos=(xml.getElementsByTagName('video'));
				var len=nodos.length;			
				
				for(i=0;i<len;i++)
				{
					var texto = xml.getElementsByTagName("video")[i].childNodes[0].nodeValue;
					var empresa=nodos[i].getAttribute("empresa");
					if(idioma=="es")
					{
						var nombre=nodos[i].getAttribute("nombre");
					}else{
						var nombre=nodos[i].getAttribute("nombre_ingles");
					}
					
					
					var src=nodos[i].getAttribute("src");
					var agencia=nodos[i].getAttribute("agencia");
					var thumb=nodos[i].getAttribute("thumb");	
										
					var pod = document.createElement("div");
					pod.className="pod";
					
					var link = document.createElement("a");
					
					if(idioma=="es")
					{
						link.href="video_player.php?v="+src+"&e="+empresa+"&n="+nombre+"&a="+agencia+"&s="+director;
					}else{
						link.href="video_player_en.php?v="+src+"&e="+empresa+"&n="+nombre+"&a="+agencia+"&s="+director;
					}
					
					
					var img = document.createElement("img");
					img.className="fade";
					
					var pod_empresa = document.createElement("span");
					var pod_nombre = document.createElement("span");
					var pod_agencia = document.createElement("span");
					var pod_director = document.createElement("span");
					var pod_productora = document.createElement("span");
					
					pod_empresa.innerHTML = empresa;
					pod_nombre.innerHTML = nombre;
					pod_agencia.innerHTML = agencia;						
					
					img.src = "../thumbs/expanded_thumbs/"+misce_video+"/"+thumb;				
									
					pod.appendChild(link);
					pod.appendChild(pod_empresa);
					pod.appendChild(pod_nombre);
					pod.appendChild(pod_agencia);
					
					if(nodos[i].getAttribute("director"))
					{
						var director_=nodos[i].getAttribute("director");
						var productora=nodos[i].getAttribute("productora");
						
						pod_director.innerHTML = director_;
						pod_productora.innerHTML = productora;
												
						pod.appendChild(pod_productora);
						pod.appendChild(pod_director);
						
						if(idioma=="es")
						{
							link.href="video_player.php?v="+src+"&e="+empresa+"&n="+nombre+"&a="+agencia+"&s="+director;	
						}else{
							link.href="video_player_en.php?v="+src+"&e="+empresa+"&n="+nombre+"&a="+agencia+"&s="+director;
						}
						
					}
					
					link.appendChild(img);
					
					div.appendChild(pod);						
				}		
				
				applyFade();		
			
			}

			if(seccion=="talento")
			{
				var nodos=(xml.getElementsByTagName('foto'));
				var len=nodos.length;				
				
				for(i=0;i<len;i++)
				{
					var texto = xml.getElementsByTagName("foto")[i].childNodes[0].nodeValue;
					var nombre=nodos[i].getAttribute("nombre");
					var expandida=nodos[i].getAttribute("expandida");
					var agencia=nodos[i].getAttribute("agencia");
					var thumb=nodos[i].getAttribute("thumb");	
					
					var img = document.createElement("img");
					img.className="no_fade_no_cursor";					
					img.src = "../thumbs/talento"+thumb;
					div.appendChild(img);				
				}
				applyFade();
			}
			
			if(seccion=="locaciones")
			{
				var nodos=(xml.getElementsByTagName('foto'));
				var len=nodos.length;			
				
				var contador=0;
				var vuelta=0;
				var tmpDiv;
				
				for(i=0;i<len;i++)
				{
					var texto = xml.getElementsByTagName("foto")[i].childNodes[0].nodeValue;
					var nombre=nodos[i].getAttribute("nombre");
					var expandida=nodos[i].getAttribute("expandida");
					var agencia=nodos[i].getAttribute("agencia");
					var thumb=nodos[i].getAttribute("thumb");	
					var dummy = nodos[0].getAttribute("expandida");				
					
					if(contador<12)
					{
						if(contador==0)
						{
							tmpDiv = document.createElement("div");
							tmpDiv.id="tmpDiv"+vuelta;						
						}
						
						contador++;
						
						var img = document.createElement("img");
						img.className="fade";
						img.alt=expandida;
						
						var exp = document.getElementById('img_expandida');
						exp.style.display = "block";
						img.src = "../img_expandidas/locaciones"+this.alt;				
						
						exp.src="../img_expandidas/locaciones"+dummy;
								
						img.onclick = showExpandida;
						
						img.src = "../thumbs/locaciones"+thumb;				
						tmpDiv.appendChild(img);
						
						if(contador==12)
						{
							contador = 0;
							vuelta++;							
						}						
					}
					
					//agrega un tmpDiv con 12 imágenes al div del html
					div.appendChild(tmpDiv);				
				}
				
				hijos = div.getElementsByTagName("div");
				
				var pagination = document.getElementById('paginationBtns');
				for(i=0;i<hijos.length;i++)
				{
					tmpA = document.createElement("a");
					tmpA.href = "#";
					tmpA.rel = i+1;
					tmpA.innerHTML = i+1;
					pagination.appendChild(tmpA);
				}
				
				applyFade();
				setPagination();
			}
			
		}
	}
	
	req.open("GET","../xml/"+xml,true);
	req.send(null);
}

function setPagination()
{
	$(document).ready(function() {
		 
		//Set Default State of each portfolio piece
		$(".paging").show();
		$(".paging a:first").addClass("active");
					
		//Get size of images, how many there are, then determin the size of the image reel.
		var imageWidth = $(".window").width();
		var imageSum = $(".image_reel div").size();
		var imageReelWidth = imageWidth * imageSum;
				
		//Adjust the image reel to its new size
		$(".image_reel").css({'width' : imageReelWidth});
				
		//Paging + Slider Function
		rotate = function(){	
			var triggerID = $active.attr("rel") - 1; //Get number of times to slide
			var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
		 
			$(".paging a").removeClass('active'); //Remove all active class
			$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
			
			//Slider Animation
			$(".image_reel").animate({ 
				left: -image_reelPosition
			}, 800 );
					
		}; 
				
		//Rotation + Timing Event
		rotateSwitch = function(){		
			play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
				$active = $('.paging a.active').next();
				if ( $active.length === 0) { //If paging reaches the end...
					$active = $('.paging a:first'); //go back to first
				}
				rotate(); //Trigger the paging and slider function
			}, 50000); //Timer speed in milliseconds (3 seconds)
		};
				
		rotateSwitch(); //Run function on launch
				
				//On Hover
		$(".image_reel a").hover(function() {
			clearInterval(play); //Stop the rotation
		}, function() {
			rotateSwitch(); //Resume rotation
		});	
				
		//On Click
		$(".paging a").click(function() {	
			$active = $(this); //Activate the clicked paging
			//Reset Timer
			clearInterval(play); //Stop the rotation
			rotate(); //Trigger rotation immediately
			rotateSwitch(); // Resume rotation
			return false; //Prevent browser jump to link anchor
		});	
			
	});
}

function handleMenu(e)
{
	var div;
	
	//captura el evento para IE
	if (!e) var e = window.event;
	
	switch(this.id)
	{
		case "controlaMenuTalento":
		div = menuTalento;
		break;
		case "controlaMenuLocaciones":
		div = menuLocaciones;
		break;
		case "controlaMenuInfo":
		div = menuInfo;
		break;	
	}
	
	if(e.type=="mouseover")
	{
		div.style.display = "block";		
	}else{
		div.style.display = "none";
	}
	
}

function setMenu()
{
	menuTalento = document.getElementById('menuTalento');
	menuLocaciones = document.getElementById('menuLocaciones');
	menuInfo = document.getElementById('menuInfo');
			
	document.getElementById('controlaMenuTalento').onmouseover = handleMenu;
	document.getElementById('controlaMenuTalento').onmouseout = handleMenu;
	document.getElementById('controlaMenuLocaciones').onmouseover = handleMenu;
	document.getElementById('controlaMenuLocaciones').onmouseout = handleMenu;
	document.getElementById('controlaMenuInfo').onmouseover = handleMenu;
	document.getElementById('controlaMenuInfo').onmouseout = handleMenu;
}