var friendsDiv = "friends";
var bestfriendsDiv = "bestfriends";
var familyDiv = "family";

var oldClickedOn = "tdFriend";
var friendsRequested = false;
var bestfriendsRequested = false;
var familyRequested = false;

function mouseOver(div){
	div.style.backgroundColor='#ECEFF5';
	//div.style.color='#3B5998';
	//div.style.fontWeight='bold';
}

function mouseOut(div){
	div.style.backgroundColor='#ffffff';
	//div.style.color='#0077BB';
	//div.style.fontWeight='normal';
}

function mouseClick(div1, div2){
	document.getElementById(oldClickedOn).style.fontWeight="normal";
	document.getElementById(oldClickedOn).style.color="#0077BB";
	document.getElementById(div1).style.fontWeight="bold";
	document.getElementById(div1).style.color="darkBlue";
	oldClickedOn = div1;
	document.getElementById("friends").style.display="none";
	document.getElementById("bestfriends").style.display="none";
	document.getElementById("family").style.display="none";
	document.getElementById("search").style.display="none";
	document.getElementById(div2).style.display="";
	if(div2 == 'friends' && friendsRequested == false){
		getFriends(10, 0);
		friendsRequested = true;
	}
	if(div2 == 'bestfriends' && bestfriendsRequested == false){
		getBestFriends(10, 0);
		bestfriendsRequested = true;
	}
	if(div2 == 'family' && familyRequested == false){
		getFamily(10, 0);
		familyRequested = true;
	}
	
}

function addToFriends(id, fname, lname){
	document.getElementById("friendIdDiv").innerHTML=id;
	document.getElementById("addToFriendsContainerInnerWindow").innerHTML=document.getElementById("addToFriendsBackup").innerHTML;
	document.getElementById("friendName").innerHTML = fname + " " + lname;
	centerElement("addToFriendsContainer", 500, 400);	
}

function sendFriendRequest(){
	theId = document.getElementById("friendIdDiv").innerHTML;
	url="/blog/friend/addToFriend?id=" + theId;
	sendRequest("addToFriendsContainerInnerWindow", url);
}

function addToBestFriends(id, fname, lname){
	document.getElementById("friendIdDiv").innerHTML=id;
	document.getElementById("addToFriendsContainerInnerWindow").innerHTML=document.getElementById("addToBestFriendsBackup").innerHTML;
	document.getElementById("bestFriendName").innerHTML = fname + " " + lname;
	centerElement("addToFriendsContainer", 500, 400);	
}

function sendBestFriendRequest(){
	theId = document.getElementById("friendIdDiv").innerHTML;
	url="/blog/friend/addToBestFriend?id=" + theId;
	sendRequest("addToFriendsContainerInnerWindow", url);
}

function addToFamily(id, fname, lname){
	document.getElementById("friendIdDiv").innerHTML=id;
	document.getElementById("addToFriendsContainerInnerWindow").innerHTML=document.getElementById("addToFamilyBackup").innerHTML;
	document.getElementById("familyName").innerHTML = fname + " " + lname;
	centerElement("addToFriendsContainer", 500, 400);	
}

function sendFamilyRequest(){
	theId = document.getElementById("friendIdDiv").innerHTML;
	url="/blog/friend/addToFamily?id=" + theId;
	sendRequest("addToFriendsContainerInnerWindow", url);
}

function sendEmail(id, fname, lname){
	document.getElementById("emailContent").innerHTML = document.getElementById("tempEmailDiv").innerHTML;
	document.getElementById("friendIdDiv").innerHTML=id;
	document.getElementById("messageOrEmail").innerHTML=" email ";
	document.getElementById("messageFriendName").innerHTML = fname + " " + lname;
	document.getElementById("subject").value="";
	document.getElementById("messageArea").value=""
	centerElement("emailArea", 570,420);
}

function sendMessage(id, fname, lname){
	document.getElementById("emailContent").innerHTML = document.getElementById("tempMessageDiv").innerHTML;
	document.getElementById("friendIdDiv").innerHTML=id;
	document.getElementById("messageOrEmail").innerHTML=" a message ";
	document.getElementById("messageFriendName").innerHTML = fname + " " + lname;
	document.getElementById("messageArea").value=""
	centerElement("emailArea", 570,420);
}

function send(){
	theId = document.getElementById("friendIdDiv").innerHTML;
	subject1 = document.getElementById("subject").value;
	message1 = document.getElementById("messageArea").value;
	sendPostRequest('emailContent', "/blog/friend/sendEmail", "id= " + theId +  "&subject="+ subject1 + "&message="+message1, 1);
}

function send2(){
	theId = document.getElementById("friendIdDiv").innerHTML;
	message1 = document.getElementById("messageArea").value;
	sendPostRequest('emailContent', "/blog/message/submitMessage",  "id= " + theId +  "&message="+message1, 1);
}

function searchByEmail(per_page, start, counter){
	currentEmailSearch = document.getElementById('emailSearcText').value;
	if(currentEmailSearch == ''){
		return;
	}	
	url = "/blog/friend/search?email=" + currentEmailSearch + "&start=" + start + "&per_page=" + per_page + "&counter=" + counter;
	
	sendRequest("emailSearchResult", url);
}

function searchByName(start, per_page, counter){
	currentFName = document.getElementById('fnameText').value;
	currentLName = document.getElementById('lnameText').value;
	if(currentFName == '' && currentLName == ''){
		return;
	}	
	url = "/blog/friend/search?fname=" + currentFName + "&lname=" + currentLName + "&start=" + start + "&per_page=" + per_page + "&counter=" + counter;
	sendRequest("nameSearchResult", url);
}

function changeSearchByEmail(){
	document.getElementById('searchByNameDiv').style.display = "none";
	document.getElementById('searchByEmailDiv').style.display = "";
}

function changeSearchByName(){
	document.getElementById('searchByNameDiv').style.display = "";
	document.getElementById('searchByEmailDiv').style.display = "none";
}

function share(){
	document.getElementById('shareInnerWindow').innerHTML = document.getElementById('shareInnerWindowBackup').innerHTML;
	centerElement("shareDiv",500, 400);
}

function sendShare(theId){
	theEmail = document.getElementById('shareEmailText').value;
	if(theEmail == '')
		return;
		
	sendPostRequest('shareInnerWindow', "/blog/friend/shareFriends", "email=" + theEmail + "&id=" + theId, 1);
}