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

var oldClickedOn = "tdPictures";
var editRequested = false;
var picturesRequested = 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("pictures").style.display="none";
	document.getElementById("upload").style.display="none";
	document.getElementById("edit").style.display="none";
	
	document.getElementById(div2).style.display="";
	
	if(div2 == 'edit' && editRequested == false){
		getPicturesForEdit(10, 0);
		editRequested = true;
	}
	if(div2 == 'pictures' && editRequested == false){
		getPictures();
		picturesRequested = 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;
	//alert(url);
	sendRequest("addToFriendsContainerInnerWindow", url);
}

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);
}

function view(totalNum, num, src){
	total = totalNum;
	current = num;
	//alert(num);
	//alert("/users/<? echo $user_id;?>/" + src + num);
	//document.getElementById("pictureContainerInnerWindow").innerHTML = "<img width=" + width[num] + "px src='" + src + "'>";
	//alert(document.getElementById("pictureContainerInnerWindow").innerHTML);
	//document.getElementById("pictureContainerInnerWindow").style.display="";
	centerElement("pictureContainer", 600, 522);
	getImage(array[current]);
}

function previous(){
	document.getElementById("pictureContainerInnerWindow").innerHTML=loaderImage;
	document.getElementById("pictureContainerInnerWindow").style.display="none";
	document.getElementById("pictureContainerInnerWindow").style.display="block";
	if(current == 0)
		current = total - 1;
	else
		current = current - 1;
	//src = "/users/" + userId + "/image/" + array[current];
	getImage(array[current]);
	//document.getElementById("pictureContainerInnerWindow").innerHTML = "<img  width=" + width[current] + "px  src='" + src + "'>";
	//alert(document.getElementById("pictureContainerInnerWindow").innerHTML);
	//document.getElementById("pictureContainerInnerWindow").style.display="none";
	//document.getElementById("pictureContainerInnerWindow").style.display="block";
	//alert(array[0]);
}

function next(){
	document.getElementById("pictureContainerInnerWindow").innerHTML=loaderImage;
	document.getElementById("pictureContainerInnerWindow").style.display="none";
	document.getElementById("pictureContainerInnerWindow").style.display="block";
	if(current == total - 1)
		current = 0;
	else
		current = current + 1;
	getImage(array[current]);
	//src = "/users/" + userId + "/image/" + array[current];
	//document.getElementById("pictureContainerInnerWindow").innerHTML = "<img  width=" + width[current] + "px src='" + src + "'>";
	//alert(document.getElementById("pictureContainerInnerWindow").innerHTML);
	//document.getElementById("pictureContainerInnerWindow").style.display="none";
	//document.getElementById("pictureContainerInnerWindow").style.display="";
}

function magnify(){
	document.getElementById("pictureContainer").style.background="url(/icon/bg/bg_top_700.png)";
	document.getElementById("pictureContainer").style.width="700px";
	document.getElementById("tdImageDiv").style.height= "534px";
	document.getElementById("pictureContainer").style.height= "622px";
	
	document.getElementById("magnifyImage1").setAttribute("src", "/icon/magifier_zoom_out.png");
	document.getElementById("magnifyHref1").setAttribute("href", "javascript:unmagnify()");
	document.getElementById("magnifyImage2").setAttribute("src", "/icon/magifier_zoom_out.png");
	document.getElementById("magnifyHref2").setAttribute("href", "javascript:unmagnify()");
	currentScale = 600;
	
	//document.getElementById("pictureContainer").style.height="622px";
	
	getImage(array[current]);
}

function unmagnify(){
	document.getElementById("pictureContainer").style.background="url(/icon/bg/bg_top_600.png)";
	document.getElementById("pictureContainer").style.width="600px";
	document.getElementById("tdImageDiv").style.height= "434px";
	document.getElementById("pictureContainer").style.height= "522px";
	
	document.getElementById("magnifyImage1").setAttribute("src", "/icon/magnifier_zoom_in.png");
	document.getElementById("magnifyHref1").setAttribute("href", "javascript:magnify()");
	document.getElementById("magnifyImage2").setAttribute("src", "/icon/magnifier_zoom_in.png");
	document.getElementById("magnifyHref2").setAttribute("href", "javascript:magnify()");
	currentScale = 500;
	
	//document.getElementById("pictureContainer").style.height="522px";
	
	getImage(array[current]);
}

function deletePicture(srcVal){
	url = "/blog/picture/deletePicture?picture=" + srcVal;
	sendRequest("edit", url);
	editRequested = false;
	picturesRequested = false;
}

function submitForm(){
	document.getElementById("messageArea").innerHTML = '<center><img src="/ajax-loader-indicator-lite.gif" /></center>';
	document.getElementById("messageArea").style.display="";
	document.myForm.submit();
}

function submitProfileForm(){
	document.getElementById("messageArea2").innerHTML = '<center><img src="/ajax-loader-indicator-lite.gif" /></center>';
	document.getElementById("messageArea2").style.display="";
	document.forms[0].submit();
}

function uploadFinished(message){
	document.getElementById("messageArea").innerHTML = message;
	document.myForm.reset();
}

function profileUploadSuccess(message){
	document.getElementById("messageArea2").innerHTML = message;
	document.forms[0].reset();
	setTimeout("getPictures()", 2000);
}

function profileUploadFailed(message){
	document.getElementById("messageArea2").innerHTML = message;
	document.forms[0].reset();
}

function getImage(srcVal){
	url = "/blog/picture/getPicture?picture=" + srcVal + "&scale=" + currentScale;
	sendRequest("pictureContainerInnerWindow", url);
}

function uploadProfilePicture(){
	document.getElementById("uploadProfilePictureDiv").innerHTML = document.getElementById("uploadProfilePictureDivBackup").innerHTML;
	document.getElementById("uploadProfilePictureDiv").style.display="";
}

function deleteProfilePicture(){
	document.getElementById("deleteProfilePictureInnerWindow").innerHTML = document.getElementById("deleteProfilePictureBackup").innerHTML;
	centerElement("deleteProfilePictureContainer", 400, 300);
}

function sendDeleteProfilePicture(){
	url = "/blog/picture/deleteProfilePicture.php";
	sendRequestCallFunctionAfter("deleteProfilePictureInnerWindow", url, 1, "getPictures()");
}

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);
}