var grup_persones;
var grup_persones_selected;
var grup_thumbs;
var grup_thumbs_selected;


function getStyle(element, styleProperty) {
	var computedStyle = null;
	if (typeof element.currentStyle != "undefined")   {
		computedStyle = element.currentStyle;
    }else{
		computedStyle = document.defaultView.getComputedStyle(element, null);
    }
	return computedStyle[styleProperty];
}

function setAny(any){

	Ajax.GET(
		'ajax/setAny.php?any='+any,
		setAny_callback
	);
	
	
	try{
	
	 document.getElementById('anys_1930').className='';
	 document.getElementById('anys_1940').className='';
	 document.getElementById('anys_1950').className='';
	 document.getElementById('anys_1960').className='';
	 document.getElementById('anys_1970').className='';
	 document.getElementById('anys_1980').className='';

	 document.getElementById('anys_'+any).className='any-selected';
	 
	 }catch(e){}
	 

}


function setAny_callback(xmlDoc){

	try{
	
		var persones = xmlDoc.getElementsByTagName("persona"); //[0].firstChild.data;

		//var llistat_persones = document.getElementById('llistat_persones');
		//llistat_persones.innerHTML = "<ul id='llistat_persones_ul'>";
		
		var thumbs_videos = document.getElementById('thumbs_videos');
		thumbs_videos.style.width='5000px';
		//thumbs_videos.style.overflow='scroll';
		thumbs_videos.style.visibility='visible';
		thumbs_videos.innerHTML = "<table id='taula_thumbs' class='thumbs_videos_ul' width='*'><tr>";
		
		//var embed_videos = document.getElementById('embed_videos');
		//embed_videos.innerHTML = "";
		
		grup_persones = new grupElements();
		grup_persones_selected = new grupElements();
		grup_thumbs = new grupElements();
		grup_thumbs_selected = new grupElements();
		
		for(i=0;i<persones.length;i++){
			persona = persones[i];
			
			var id = i;
			try{
			
				var nom = persona.getElementsByTagName("nom")[0].firstChild.data;
				var any = persona.getElementsByTagName("any")[0].firstChild.data;
				var thumb = persona.getElementsByTagName("thumb")[0].firstChild.data;
				//var video_embed = persona.getElementsByTagName("video")[0].firstChild.data;
				
				//llistat_persones.innerHTML += "<li id='"+id+"_nom'><img src='"+thumb+"'/><a href=\"javascript:seleccionaVideo("+i+",'"+nom+"','persona')\">"+nom+"</a></li>";
				//llistat_persones.innerHTML += "<li id='"+id+"_nom_selected' style='visibility:hidden; display:none;'><img src='"+thumb+"'/><span class='nom-selected' style='color: #007e81; font-size:14px;	font-weight:bold;'>"+nom+"</span></li>";
				//thumbs_videos.innerHTML+='<li><a href="#">      <img src="img/1.jpg" alt="Menu"/><span>Menu</span>    </a></li>';
				thumbs_videos.innerHTML += "<td style='position:relative; display:inline; width:85px;'><a id='"+id+"_thumb' href=\"javascript:seleccionaVideo("+i+",'"+nom+"','thumb')\"><img src='"+thumb+"' class='thumbs-video-img' /></a>";
				thumbs_videos.innerHTML += "<a id='"+id+"_thumb_selected' href=\"javascript:seleccionaVideo("+i+",'"+nom+"','thumb')\" style='visibility:hidden; display:none;'><img src='"+thumb+"' class='thumbs-video-img-selected' style='width:79px;height:60px;	border: solid 3px #007e81;	margin-left:13px;	margin-right:13px'/></a></td>";
				//embed_videos.innerHTML = "<div id='"+id+"_embed' style='visibility:hidden; display:none;'>"+video_embed+"</div>";
				
				grup_persones.nouElement(id+'_nom');
				grup_persones_selected.nouElement(id+'_nom_selected');
				grup_thumbs.nouElement(id+'_thumb');
				grup_thumbs_selected.nouElement(id+'_thumb_selected');
				
			}catch(e){ 
				//alert(e); 
			}
				

			
			//alert(persona.getElementsByTagName("nom").length);
		}
		
		max_thumbs_width = persones.length * 85;
		
		
		
		//llistat_persones.innerHTML += "</ul>";
		thumbs_videos.innerHTML += "</tr></table>";
		
		//alert(max_thumbs_width);
		
		if(persones.length==0){
			//llistat_persones.innerHTML = "<ul id='llistat_persones_ul'><li>Videos disponibles pròximament.</li></ul>";
			thumbs_videos.innerHTML = "<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Videos disponibles pròximament.</p>";
		}else{
		
		}
		
		llistat_persones.scrollTop=0;
		document.getElementById('thumbs_scroll').scrollLeft=0;
		
		//alert(getStyle(document.getElementById('taula_thumbs'),"innerWidth"));
		//document.getElementById('thumbs_videos_ul').style.width = document.getElementById('thumbs_videos_ul').offsetWidth+"px";
		//alert(document.getElementById('thumbs_videos_ul').style.width);
		//thumbs_videos.style.overflow='hidden';
		//thumbs_videos.style.width="500px"
		//thumbs_videos.style.visibility='hidden';
		
		
	}catch(e){
		//alert("AJAX error: "+e);	
	}	

}

function seleccionaVideo(index,id,from){

	if(from=="thumb"){
		from="t";
	}else if(from=="persona"){
		from="p";
	}else{
		from="fdsfdsf";
	}

	id=escape(id);
	
	Ajax.GET(
		"ajax/seleccionaVideo.php?index="+index+"&id="+id+"&from="+from,
		seleccionaVideo_callback
	);
	
	if(from=="p"){
		grup_persones.amagaSolPerId(index+'_nom');	
		grup_persones_selected.mostraSolPerId(index+'_nom_selected');
	}
	
	if(from=="t"){
		grup_thumbs.amagaSolPerId(index+'_thumb','inline');	
		grup_thumbs_selected.mostraSolPerId(index+'_thumb_selected','inline');
		grup_persones.mostraTots();
		grup_persones_selected.amagaTots();
		
	}
	
	mostraElement("boto_entrevista");
	
}

function seleccionaVideo_callback(xmlDoc){
	try{
		var video = xmlDoc.getElementsByTagName("video")[0].firstChild.data;
		var index = xmlDoc.getElementsByTagName("index")[0].firstChild.data;
		var from = xmlDoc.getElementsByTagName("from")[0].firstChild.data;
		
/*		
		try{
			document.getElementById("embed_movie").src="http://www.youtube.com/v/"+video+"&hl=en&fs=1&autoplay=1";
			document.getElementById("embed_movie").style.visibility='visible';//reload();
			document.getElementById("param_movie").value="http://www.youtube.com/v/"+video+"&hl=en&fs=1&autoplay=1";
		}catch(e){
		alert(e);
		}
	*/	
		document.getElementById("video").innerHTML = xmlDoc.getElementsByTagName("video")[0].firstChild.data;
		
		try{
			if(from=="p"){
				grup_persones.amagaSolPerId(index+'_nom');	
				grup_persones_selected.mostraSolPerId(index+'_nom_selected');
			}
			if(from=="t"){
				grup_thumbs.amagaSolPerId(index+'_thumb','inline');	
				grup_thumbs_selected.mostraSolPerId(index+'_thumb_selected','inline');
				grup_persones.mostraTots();
				grup_persones_selected.amagaTots();
				
			}
		}catch(e){}
		
		/*
		if(from=="t"){
			document.getElementById('llistat_persones').scrollTop=(index*35);
		}else if(from=="p"){
			document.getElementById('thumbs_scroll').scrollLeft=(index*105);
		}else{
			document.getElementById('llistat_persones').scrollTop=(index*35);
			document.getElementById('thumbs_scroll').scrollLeft=(index*105);
		}
		*/
		//alert(document.getElementById(index+'_nom').offsetTop);
		
	}catch(e){
		//alert("AJAX error: "+e);
	}
}