/* Timeline scripts */

 function filterCategory(categ)
 {
 	document.getElementById("category").value="'"+categ+"'";
	document.getElementById("currentNextFrom").value="-1";									 	
 	tl1_move(1, parseInt(document.getElementById("currYear").value));
 }
 function filterCategory0(categ)
 {
 	document.getElementById("category0").value="'"+categ+"'";
	document.getElementById("currentNextFrom0").value="-1";									 	
 	tl1_move(1, parseInt(document.getElementById("currYear0").value));
 }
 
 function loadEra(num) {
	 
	 //pointer starts from 0 to 3
	 document.getElementById("currentNextFrom").value="-1";
	 
	 switch(num){
	 case 1:anio="-5000";era_title="5000 A.C - 1000 A.C";break;
	 case 2:anio="-999";era_title="999 A.C - 500 D.C";break;
	 case 3:anio="501";era_title="501 D.C - 1450 D.C";break;
	 case 4:anio="1451";era_title="1451 D.C - 1780 D.C";break;
	 case 5:anio="1781";era_title="1781 D.C - 1900 D.C";break;
	 case 6:anio="1901";era_title="1901 D.C - 1950 D.C";break;
	 case 7:anio="1951";era_title="1951 D.C - Actualidad";break;
	 }
 
 	//Put name area into div
 	$("#tl1_ttl").html(era_title+"<input type='hidden' id='currYear' value='"+anio+"' /><input type='hidden' id='num' value='"+num+"' /><input type='hidden' id='category' value=''></input>")
 				
	 document.getElementById("currYear").value=parseInt(anio);
	 					 									 
	 //Get bottom timeline
 	document.getElementById("tl1_bottom").style.backgroundImage= "url('docroot/images/timeline_bottom_"+num+".jpg')";
     								 
 	$("#tl1_entries").load("era0.html?eraNum=" + num);
 	}
 
 function tl1_move(dir, currYear) {
	 categ=document.getElementById('category').value;
	 
 	
	 $("#tl1_entries").html("<div class='tl1_loading'><img src='docroot/images/loading1.gif'></div>")
	 
	var currentNextFrom=document.getElementById("currentNextFrom").value;
 	currentNextFrom=parseInt(currentNextFrom);	
	
  	if(document.getElementById("currentNextFrom").value!="-1")
  	{
	  	if (dir==1) {
	 			 from=parseInt(currentNextFrom+4);
	 			 document.getElementById("currentNextFrom").value=from;
		}else {
				 from=parseInt(currentNextFrom-4);
	 			 document.getElementById("currentNextFrom").value=from;
		}
		
	}else{

		from=0;
		document.getElementById("currentNextFrom").value=from;
	}
	 
	 to=parseInt(from+3);

 	
	 if(from<=0)
	 {
	 	 from=0;
	 	 to=3;
	 	 document.getElementById("currentNextFrom").value=0;
	 }
	 //alert("Vars: tl_results.html?anio="+currYear+"&category="+categ+"&from="+from+"&to="+to);
	 $("#tl1_entries").load("tl_results.html?anio="+currYear+"&category="+categ+"&from="+from+"&to="+to);
}

function filterCategory0(categ)
 {
 	document.getElementById("category0").value="'"+categ+"'";
	document.getElementById("currentNextFrom0").value="-1";									 	
 	tl1_move(1, parseInt(document.getElementById("currYear0").value));
 }

 function loadEra2(num) 
 {
	 //pointer starts from 0 to 3
	 document.getElementById("currentNextFrom0").value="-1";
	 
	 switch(num){
	 case 1:anio="-5000";era_title="5000 A.C - 1000 A.C";break;
	 case 2:anio="-999";era_title="999 A.C - 500 D.C";break;
	 case 3:anio="501";era_title="501 D.C - 1450 D.C";break;
	 case 4:anio="1451";era_title="1451 D.C - 1780 D.C";break;
	 case 5:anio="1781";era_title="1781 D.C - 1900 D.C";break;
	 case 6:anio="1901";era_title="1901 D.C - 1950 D.C";break;
	 case 7:anio="1951";era_title="1951 D.C - Actualidad";break;
	 }
 
 	//Put name area into div
 	$("#tl0_ttl").html(era_title+"<input type='hidden' id='currYear0' value='"+anio+"' /><input type='hidden' id='num0' value='"+num+"' /><input type='hidden' id='category0' value=''></input>")
							 				
	 document.getElementById("currYear0").value=parseInt(anio);
	 					 									 
	 //Get bottom timeline
 	 document.getElementById("tl0_bottom").style.backgroundImage= "url('docroot/images/timeline_bottom_"+num+".jpg')";
     								 
 	$("#tl0_entries").load("era0.html?eraNum=" + num);
}
 
 function tl0_move(dir, currYear) {
	 
	var categ = document.getElementById('category0').value;
	var currentNextFrom = parseInt(document.getElementById("currentNextFrom0").value); 
	 
	$("#tl0_entries").html("<div class='tl1_loading'><img src='docroot/images/loading1.gif'></div>")
	if(document.getElementById("currentNextFrom0").value!="-1")
  	{
	  	if (dir==1) {
	 			 from=parseInt(currentNextFrom+4);
	 			 document.getElementById("currentNextFrom0").value=from;
		}else {
				 from=parseInt(currentNextFrom-4);
	 			 document.getElementById("currentNextFrom0").value=from;
		}	
	}else{
		from=0;
		document.getElementById("currentNextFrom0").value=from;
	}
	 to=parseInt(from+3);
 	
	 if(from<=0)
	 {
	 	 from=0;
	 	 to=3;
	 	 document.getElementById("currentNextFrom0").value=0;
	 }
	 $("#tl0_entries").load("tl_results.html?anio="+currYear+"&category="+categ+"&from="+from+"&to="+to);
}

 function showContent(hideFirstNodeValue, currentNodeValue) {
		ObjCurrentNodeDes = document.getElementById("box_text_des"+currentNodeValue);
		if( ObjCurrentNodeDes.style.display == "block")
		{
			if(hideFirstNodeValue!=0)document.getElementById(hideFirstNodeValue).style.display = "block";
			ObjCurrentNodeDes.style.display ="none";
		}else{		
				//hidden all content from divs
				for(i=1;i<=4;i++)
				{
					idNodo=document.getElementById("node"+i).value;
					document.getElementById("box_text_des"+idNodo).style.display = "none";
				}	
								
				if(hideFirstNodeValue!=0)
				{
					if(ObjCurrentNodeDes.style.display == "none" || ObjCurrentNodeDes.style.display=="")
					{			
						document.getElementById(hideFirstNodeValue).style.display = "none";	
					}else{
						document.getElementById(hideFirstNodeValue).style.display = "block";
					}
				}
				
			//show content
			ObjCurrentNodeDes.style.display = "block"
		}
		
	}
	function statusArrow(currentNodeValue){
		Element="latboxEntry"+currentNodeValue;
		var clase = document.getElementById(Element).getAttribute("class");
		if(clase=="lateral_boxEntry")
		{
		 	document.getElementById(Element).setAttribute("class", "lateral_boxEntry_selected");
		}else{
			document.getElementById(Element).setAttribute("class", "lateral_boxEntry");
		}
	}
	function showtl(era, layer_tl) {
		tl0open = false;
		if (layer_tl==0 && tl0open) {$("#timeline_container_"+layer_tl).slideToggle("slow"); tl0open=false; return}


	    if(layer_tl==0)
	    {
	    	if(layer_tl==0 && !tl0open) {$("#timeline_container_"+layer_tl).slideToggle("slow"); tl0open=true}
		    loadEra2(era)
	    }else{
		    $("#timeline_container"+layer_tl).hide("slow");
			$("#timeline_container"+layer_tl).show("slow");
		    loadEra(era)
	    }
	}
	
	function specificYear0() {
		
	}