var mapId = "mapfollowers";
var mapHeight = 418;
var chartId = "followerstimezones";
var chartHeight = 300;
var cloudId = "wcdiv";

google.load("prototype", "1"); 
google.load("scriptaculous", "1");
google.load("visualization", "1", {"packages": ["map", "linechart"]});
var isValidUser = false;
var followerCount = -1;
var followersLoadedCount = 0;
var sinceTime;
var allStatusCount = 0;
var tweetistId = -1;
var FOLLOWERS_PER_PAGE = 100;
var followerPageCount = 0;

function authenticate(){
	$("statusbar").innerHTML = "Authenticating <img src=\"/media/images/progress-bar.gif\"/>";
	document.forms[0].action="control?action=authenticate";
	document.forms[0].submit();
}

function verify(){
	// commenting it for now as there is no credentials entry
	/*if(document.scapeitform.username.value.replace(/^\s+|\s+$/g, '') == ""){
		$("statusbar").innerHTML = "Please enter a valid username";
		return false;
	}
	if(document.scapeitform.password.value.replace(/^\s+|\s+$/g, '') == ""){
		$("statusbar").innerHTML = "Please enter a password";
		return false;
	}*/
	// first set the statusbar
	$("statusbar").innerHTML = "Authenticating <img src=\"/media/images/progress-bar.gif\"/>";
	//now hit the server
	new Ajax.Request("control", {asynchronous: false, 
								parameters: {action:"verify"},
								onFailure:function(transport){$("statusbar").innerHTML = "Some problem.  Couldn't authenticate.";}
	});
}
function scapeIt(){
	try{
		verify(); 
		if(isValidUser){
			tweetist = new Tweetist(tweetistId, "", "");
			startPulling();
		}
		else{
			document.scapeitform.password.value = "";
		}
	}
	catch(error){
		document.scapeitform.password.value = "";
	}
}

function startPulling(){
	// first set the progress bars
	// console.log("Started pulling for data");
	var progressIndicator = "<img src=\"/media/images/progress.gif\" style=\"display:block;margin:6px auto\"/>";
	$(mapId).show();
	$(chartId).show();
	$(cloudId).show();
	$(mapId).innerHTML = progressIndicator;
	$(chartId).innerHTML = progressIndicator;
	$(cloudId).innerHTML = progressIndicator;
	// console.log("Map Id : "+$(mapId));
	//now start a "where" request
	new Ajax.Request("control", {	parameters: {action:"where"}});
}
function showWherePB(pageNumber){
	if(followerPageCount > 0){
		$("pb0").style.border = "1px solid #b0ad93";
		$("pb0").show();
		var percentage = Math.round(pageNumber / followerPageCount * 100);
		$("pb0").innerHTML = percentage + " %";
		$("pb0").style.backgroundPosition = "-" + Math.round((100 - percentage) * 1.4) + "px center";
	}
}
var clickedTab = "";
function showTab(pageLink){
	var slashLocation = pageLink.href.lastIndexOf("/");
	var newlyClickedTab = pageLink.href.substring(slashLocation + 1);
	if(newlyClickedTab != clickedTab){
		clickedTab = newlyClickedTab;
		//now set the tab
		$("tab").className = "navmenulink";
		$("tababout").className = "navmenulink";
		$("tabfaq").className = "navmenulink";
		$("tabprivacy").className = "navmenulink";
		if(clickedTab == ""){
			showTabContent();
		}
		else{
			$("infocontent").innerHTML = "";
			new Ajax.Updater("infocontent", "control", {method: "get", parameters:{"action":"infocontent","tabname":clickedTab,js: true}, onSuccess:showTabContent()});
		}
	}
	return false;
}
function showTabContent(){
	$("tab" + clickedTab).className="navmenulink active";
	if(clickedTab == ""){
		$("infocontainer").hide();
		$("homecontainer").show();
	}
	else{
		$("infocontainer").show();
		$("homecontainer").hide();
	}
}