/*
***************************************************************************
*	roteiros.js															  *
*																		  *
*	Loads menu and roteiros												  *
*																		  *
***************************************************************************
*/


//SET NUM. ENTRIES TO AN INPUT AT THE BOTTOM OF THE PAGE
function  setNumEntries(){
	$.getJSON("process/json_encode.php",
		function(data){
			
			var num_entries = data["num_entries"].num_entries;
			$("#num_entries").val(num_entries);
			//alert($("#num_entries").val());
		});
	
}

function loadMenu(){
	
		$.getJSON("process/json_encode.php",
			function(data){
				
				var num_entries = data["num_entries"].num_entries;
				
				//CALCULATES roteiros_container_ori TOTAL WIDTH
				var containerWidth = num_entries * 195;
				$("div#roteiros_container_ori").css({width: containerWidth+"px"});
				
				for(i=1; i<=num_entries; i++){
					
					//GET INTRO
					var id = data[i].id;
					var title = data[i].title;
					var intro = splitIntro(data[i].intro, title.length );
					var thumbnail = data[i].thumbnail;
					
					$("div#roteiros_container_ori").prepend("<div class='roteiros_menu_ori' onclick='loadRoteiro("+id+")'><div class='thumb'><img src='img/roteiros/thumbs/" + thumbnail + "' /></div><h1>" + title + "</h1>" + intro + "</p></div>");
					
					$("#menu_loading").hide();
					
				};
		});
};

function loadMenuVertical(){
	
		$.getJSON("process/json_encode.php",
			function(data){
				
				var num_entries = data["num_entries"].num_entries;
				
				//CALCULATES roteiros_container TOTAL HEIGHT
				var containerHeight = num_entries * 96;
				//alert(containerHeight);
				$("div#roteiros_container").css({height: containerHeight+"px"});
				
				for(i=1; i<=num_entries; i++){
					
					//GET INTRO
					var id = data[i].id;
					var title = data[i].title;
					var intro = splitIntro(data[i].intro, title.length,  data[i].id);
					var thumbnail = data[i].thumbnail;
					
					$("div#roteiros_container").prepend("<div class='roteiros_menu_peq' onclick='getRoteiro("+id+")'><div class='thumb'><img src='img/roteiros/thumbs/" + thumbnail + "' /></div><h1>" + title + "</h1>" + intro + "</p></div>");
					
					$("#menu_loading").hide();
					
				};
		});
};

//DIVIDE A STRING POR PALAVRAS E GUARDA AS 14 PRIMEIRAS
function splitIntro(data, tituloLength, id){
	
	var limitMax = 14;
	if(tituloLength <30){
		limitMax = 15;
		if(tituloLength <19){ 
			limitMax = 20;
		}
	}

	var total_words=data.split(/[\s\.\?]+/).slice(0, limitMax);
	
	//COLOCA OS ELEMENTOS DE 1 ARRAY NUMA STRING
	var intro = total_words.join(" ");
	
	intro = intro.replace('roteiros_txt_11', 'roteiros_txt');
	
	if(intro != ""){
	
		intro += "... <a class='ler_mais' href='roteiros.php?id="+id+"' target='_self'>Ler Mais &rsaquo;&rsaquo;</a>";
		intro = intro.replace(',.', '.');
		
	}
	
	return intro;
}

/* END MENU **************************************/

/* ROTEIRO **************************************/

/*LOADS ROTEIROS INFO */
function loadRoteiro(div_id, id_actual){
	var id = id_actual;
	
	if(id != div_id){
		id = div_id;
		
		$.getJSON("process/json_encode.php",
			function(data){
				
				//id=0 MEANS FIRST LOADING
				if(id==0){
					var num_entries = data["num_entries"].num_entries;
					id = num_entries;
				}

				$("h1#titulo").html(data[id].title);
				$("h5#h2").html(data[id].h2);
				$("div#intro").html(data[id].intro);
				$("div#intro").prepend("<img class='img_right' src='img/roteiros/entrevistas/" + data[id].img + "' alt='imagem do roteiro' />");
				$("div#entrevista").html(data[id].interview);
		});
	};
};

function getQueryString(){
	
	id = window.location.search.substring(1).replace("id=", "");
	
	return id;
};

function getRoteiro(id){
	var url = "roteiros.php?id="+id;
	window.location = url;
};