addLoadEvent(init);

var count=0;
var one_percent;
var dataStorage = null;


function init(){
	
	var button = document.getElementById('search_button');
	button.onclick = function(){
		FacebookAsk(
			document.getElementById('text_input_1').value,
			document.getElementById('text_input_2').value,
			document.getElementById('text_input_3').value
		);
	}
}

function FacebookAsk(search_phrase_1, search_phrase_2, search_phrase_3){
	
	var output_graph = document.getElementById('output_graph');
	output_graph.innerHTML = "<div class='caricamento'><img alt='' src='img/wait.gif' /> Dati in elaborazione...</div>";	
	
	ajax.post('check.php', 
		FacebookView, 
		'search_phrase_1='+search_phrase_1+'&'+'search_phrase_2='+search_phrase_2+'&'+'search_phrase_3='+search_phrase_3);	
	
}

function FacebookView(text){
	
	// Reset
	var output_graph = document.getElementById('output_graph');
	var output_data = document.getElementById('output_data');
	output_graph.innerHTML = '';
	output_data.innerHTML = '';
	count=0;

	// Slip up results and start printing
	var results = text.split(',');
	
	dataStorage = results;
	
	document.getElementById('exportPdf').style.display = 'none';
	for(i = 0; dataStorage.length > i; i++) {
		if(dataStorage[i] != 'vuoto') { 
			document.getElementById('exportPdf').style.display = 'block';
			
		}
	}
	
	
	var largest=0;
	var realResults=0; // get count of 'real results'
	for(var i=0; i<results.length; i++){

		
		if(results[i] != 'vuoto'){
    	results[i] = parseFloat(results[i]);
			realResults++; // increment real results
		}
		if( (results[i] > largest) && (results[i] != 'vuoto') ){
			largest = results[i];
		}
	
	}
	
	var width = 100; // set collum width to max / num of real results

	for(var i=0; i<results.length; i++){
		if(i == 0){
			var ti = 'text_input_1';
			output_data.innerHTML = output_data.innerHTML+ "<div class='left' style='text-align: center; width: "+ width +"px;'><div class='box'>"+results[i]+"%<br /><div class='result'>"+document.getElementById(ti).value+"</div></div></div>";
		}
		if(i == 1){
			var ti = 'text_input_1';
			output_data.innerHTML = output_data.innerHTML+ "<div class='left' style='text-align: center; width: "+ width +"px;'><div class='box'>"+results[i]+"%<br /></div></div>";
		}
	if(i == 2){
			var tio = 'text_input_2';
			output_data.innerHTML = output_data.innerHTML+ "<div class='left' style='text-align: center; width: "+ width +"px;'><div class='box'>"+results[i]+"%<br /><div class='result'>"+document.getElementById(tio).value+"</div></div></div>";
		}
	if(i == 3){
			var tio = 'text_input_2';
			output_data.innerHTML = output_data.innerHTML+ "<div class='left' style='text-align: center; width: "+ width +"px;'><div class='box'>"+results[i]+"%<br /></div></div>";
		}
		
	}
	
	one_percent = Math.round(largest/100);
	if(one_percent==0){ one_percent=1; }
	output_graph.innerHTML = "";
	printResults(output_graph, results, width);	
}

function printResults(output_graph, results, width){
	if(results[count] != 'vuoto'){
		var height = Math.round(results[count] / one_percent) *3;
		
		if( !height ){height=2;} 
		
		var a = Math.floor(Math.random()*200) + 95;
		var b = Math.floor(Math.random()*200) + 95;
		var c = Math.floor(Math.random()*200) + 95;
		if(count==0){
		var bar =
			"<div class='left'>"+
			"<div id='hidden"+count+"' style='display: none;'>"+
			"<div id='' style='width: "+ width +"px;'>"+
			"<div style='margin-top: "+ ( 296 - height ) +"px;'>"+
			"<div style='color:#5C75A9;font-family:arial;text-align:center;'>% Facebook</div>"+
			"<div class='bar' style='height: "+ height +"px; background:#5C75A9;' >"+
			"</div>"+
			"</div>"+
			"</div>"+
			"</div>"+
			"</div>";
		}
		if(count==1){
			var bar =
			"<div class='left'>"+
			"<div id='hidden"+count+"' style='display: none;'>"+
			"<div id='' style='width: "+ width +"px;'>"+
			"<div style='margin-top: "+ ( 296 - height ) +"px;'>"+
			"<div style='color:#7CB711;font-family:arial;text-align:center;'>% Reale</div>"+
			"<div class='bar' style='height: "+ height +"px; background:#7CB711;' >"+
				//results[count]+
			"</div>"+
			"</div>"+
			"</div>"+
			"</div>"+
			"</div>";
		
		
			
		}
		if(count==2){
			var bar =
				"<div class='left'>"+
			"<div id='hidden"+count+"' style='display: none;'>"+
			"<div id='' style='width: "+ width +"px;'>"+
			"<div style='margin-top: "+ ( 296 - height ) +"px;'>"+
			"<div style='color:#5C75A9;font-family:arial;text-align:center;'>% Facebook</div>"+
			"<div class='bar' style='height: "+ height +"px; background:#5C75A9;' >"+
				//results[count]+
			"</div>"+
			"</div>"+
			"</div>"+
			"</div>"+
			"</div>";
			
			
		}
		
		if(count==3){
				var bar =
			"<div class='left'>"+
			"<div id='hidden"+count+"' style='display: none;'>"+
			"<div id='' style='width: "+ width +"px;'>"+
			"<div style='margin-top: "+ ( 296 - height ) +"px;'>"+
			"<div style='color:#7CB711;font-family:arial;text-align:center;'>% Reale</div>"+
			"<div class='bar' style='height: "+ height +"px; background:#7CB711;' >"+
				//results[count]+
			"</div>"+
			"</div>"+
			"</div>"+
			"</div>"+
			"</div>";
			
			
		}
	}
	else {
		var bar =
			"<div style='float:left'>"+
			"<div id='hidden"+count+"' style='display: none;'>"+
			"<div id='' style='width: 0px'>"+
			"<div class='emptybar'>"+
			"</div>"+
			"</div>"+
			"</div>"+
			"</div>";	
	}	
		output_graph.innerHTML = output_graph.innerHTML + bar;
		revealBar(output_graph, results, count, width);
		count++;	
}


		
function revealBar(output_graph, results, count, width){

	Effect.SlideDown('hidden'+count,
		{	
			duration: 0.4,
			afterFinish:
				function(){
					if( count < (results.length-1) ){
						printResults(output_graph, results, width);
					}
				}
		}
	);

}




function addslashes(str) {
	str = str.replace(/'/g,"&#39;");
	return str;
}