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,
			document.getElementById('text_input_4').value,
			document.getElementById('text_input_5').value
		);
	}
}

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

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] = parseInt(results[i]);
			realResults++; // increment real results
		}
		if( (results[i] > largest) && (results[i] != 'vuoto') ){
			largest = results[i];
		}
	
	}
	
	var width = 140; // set collum width to max / num of real results

	for(var i=0; i<results.length; i++){
		if(results[i] != 'vuoto'){
			var ti = 'text_input_'+(i+1);

			output_data.innerHTML = output_data.innerHTML+ "<div class='left' style='text-align: center; width: "+ width +"px;'><div class='box'>"+document.getElementById(ti).value+"<br />"+results[i]+"</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;
		
		var bar =
			"<div class='left'>"+
			"<div id='hidden"+count+"' style='display: none;'>"+
			"<div id='' style='width: "+ width +"px;'>"+
			"<div style='margin-top: "+ ( 316 - height ) +"px;'>"+
			"<div class='bar' style='height: "+ height +"px; background: rgb("+a+","+b+","+c+");' >"+
				//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;
}