/**
created by: Benjamin Wong
date: 20071025
*/

var MAX_AVATAR_WIDTH = 80;
var MAX_AVATAR_HEIGHT = 81;
function loadFriendPages()
{ 
	loadFriendPage(1)
}

function LoadPublicPurchasesList()
{
	loadPublicPage(1);
}


function loadFriendPage(pageNum)
{
	//clear friends' latest friends list
	var listDiv = document.getElementById("myLatestTransactions");
	listDiv.innerHTML = '';
	var pageType = getSpanValue('photopage');
	var loadingDiv = document.createElement("div");
	var loadingImage = document.createElement("img");
	loadingImage.src = "/images/indicators/processing_small.gif";
	
	loadingDiv.innerHTML = " loading ";
	loadingDiv.appendChild(loadingImage);
	
	listDiv.appendChild(loadingDiv);
	
	setSpanValue('currPageNum', pageNum);
	
	window.setTimeout("engFriendsLatestFriends.getFriendsPurchases(" + pageNum + ", callback_loadPage);", 1000);
}


function loadPublicPage(pageNum)
{
	//clear friends' latest friends list
	var listDiv = document.getElementById("myLatestTransactions");
	listDiv.innerHTML = '';
	var loadingDiv = document.createElement("div");
	var loadingImage = document.createElement("img");
	loadingImage.src = "/images/indicators/processing_small.gif";
	loadingDiv.innerHTML = " loading ";
	loadingDiv.appendChild(loadingImage);
	listDiv.appendChild(loadingDiv);
	
	setSpanValue('currPageNum', pageNum);
	window.setTimeout("engFriendsLatestFriends.getPurchases(" + pageNum + ", callback_loadPage);", 1000);
}

function callback_loadPage(res)
{
	checkResponse(res.value);
	var dt = res.value;
	
	if (dt.Rows.length!=0) 
	{
		createPageControls(dt.Rows[0]);
	}
		
	var listDiv = document.getElementById("myLatestTransactions");
	listDiv.innerHTML = '';
		
	if (dt.Rows.length!=0) 
	{
		document.getElementById("numOfPhotosDisplayed").style.display = "block";
		document.getElementById("currRows").innerHTML = dt.Rows[0].Lower + " – " + dt.Rows[0].Upper + " ";
		document.getElementById("totalRows").innerHTML = dt.Rows[0].Total;
		
		var userList = document.createElement("ul");
		userList.className = "purchases-list";
				
		for (var i=0; i<dt.Rows.length; i++) 
		{						
			userList.appendChild(createUserListPurchasesItem(dt.Rows[i].Tran_ID, dt.Rows[i].Category_Name, dt.Rows[i].Tran_Description, dt.Rows[i].Tran_Amount, dt.Rows[i].New_Date_Time, dt.Rows[i].link,dt.Rows[i].CommentCount,dt.Rows[i].Photo,dt.Rows[i].RealName,dt.Rows[i].ProfileURL,dt.Rows[i].UserStatus,dt.Rows[i].UserSchool,dt.Rows[i].City,dt.Rows[i].Account_ID,dt.Rows[i].Username,dt.Rows[i].Tran_ToFrom,dt.Rows[i].UserID));
		}
		
		listDiv.appendChild(userList);
	}
	else 
	{	
			document.getElementById("numOfPhotosDisplayed").style.display = "none";
	}
}

function trim(stringInput) 
{
	return stringInput.replace(/^\s+|\s+$/g, '');
}

/* cleaner html version of createUserListItem */
function createUserListItem(TranID, CategoryName, TranDescription, TranAmount, New_Date_Time, link) 
{	
		
	var userListItem = document.createElement("li");
	userListItem.className = "latest-tran";
	
	var h3 = document.createElement("h3");
		
	var link0 = document.createElement("a");
	link0.className = "Tranlink";
	link0.setAttribute("href", "/profile/Money/Transactions.aspx?x=" + link);
	link0.innerHTML = CategoryName + ": " + TranDescription;
	
	h3.appendChild(link0);
	
	var div = document.createElement("li");
	div.className = "post-preview";
	div.innerHTML =  "R" + addDecimalPlaces(TranAmount);
	
		
	var uL = document.createElement("ul");
	uL.className = "metadata";
	
	var useranddate = document.createElement("li");
	useranddate.className = "user-and-date";
	
	
	var NewDateTime = document.createElement("span");
	NewDateTime.innerHTML = New_Date_Time;
	
	useranddate.appendChild(NewDateTime);
	uL.appendChild(div);
	uL.appendChild(useranddate);
	userListItem.appendChild(h3);
	userListItem.appendChild(uL);
		
	
	return userListItem
}

/* cleaner html version of create Purchases UserList Item  done by shiva */
function createUserListPurchasesItem(TranID, CategoryName, TranDescription, TranAmount, New_Date_Time, link,CommentCount,Photo,RealName,ProfileURL,UserStatus,UserSchool,City,Account_ID,Username,Tran_ToFrom,UserID) 
{		
	var userListItem = document.createElement("li");
	userListItem.className = "purchases-post";	
		
	var link0 = document.createElement("a");
	link0.className = "purchaselink";
	link0.setAttribute("href", "/profile/Money/Transactions.aspx?x=" + link);
	link0.innerHTML = "<strong>"+Username + "</strong> : " + TranDescription;
	link0.onmouseover=function(){ViewPopUp(document.getElementById('PopUp'),this,Photo,RealName,ProfileURL,UserStatus,UserSchool,City,Account_ID,Username,UserID);}

	var div = document.createElement("li");
	div.className = "post-preview";
	div.innerHTML =  Tran_ToFrom + " : R" + addDecimalPlaces(TranAmount);
	
		
	var uL = document.createElement("ul");
	uL.className = "metadata";
	uL.style.padding="0px 0px 0px 30px";
	
	/* date time list item */
	var useranddate = document.createElement("li");
	useranddate.className = "user-and-date";		
	var NewDateTime = document.createElement("span");
	NewDateTime.innerHTML = New_Date_Time;	
	useranddate.appendChild(NewDateTime);
	
	/* comment list item */
	var commentli = document.createElement("li");
	commentli.className = "comment-count";		
	var commentspan = document.createElement("span");
	commentspan.innerHTML = CommentCount;	
	commentli.appendChild(commentspan);
		
	uL.appendChild(div);
	uL.appendChild(useranddate);
	uL.appendChild(commentli);
	
	userListItem.appendChild(link0);
	userListItem.appendChild(uL);
		
	
	return userListItem
}

/* end purchases */

function createPageControls(row){
	var dt = row;
	
	if (dt.Pages == 1) {
		return;
	}
	
	var pageType = getSpanValue('photopage');
	
	var ul = document.getElementById("pages");
	ul.innerHTML = "";
	
	var pages = dt.Pages;
	var currP = getSpanValue('currPageNum');
	
	var imgPrev = document.createElement("img");
	imgPrev.src = "/images/arrow_medium_left.gif";
	imgPrev.alt = "Previous";
	
	var aPrev = document.createElement("a");
	if (pageType == "Public")
	{
	aPrev.href = "javascript:loadPublicPage(" + (parseInt(currP) - 1) + ");";
	}
	else
	{
	aPrev.href = "javascript:loadFriendPage(" + (parseInt(currP) - 1) + ");";
	}
	aPrev.appendChild(imgPrev);
	
	var liPrev = document.createElement("li");
	liPrev.appendChild(aPrev);
	liPrev.className = "previous";
	
	var imgNext = document.createElement("img");
	imgNext.src = "/images/arrow_medium_right.gif";
	imgNext.alt = "Next";
	
	var aNext = document.createElement("a");
	if (pageType == "Public")
	{
	aNext.href = "javascript:loadPublicPage(" + (parseInt(currP) + 1) + ");";
	}
	else
	{
	aNext.href = "javascript:loadFriendPage(" + (parseInt(currP) + 1) + ");";
	}
	
	aNext.appendChild(imgNext);
	
	var liNext = document.createElement("li");
	liNext.appendChild(aNext);
	liNext.className = "next";
	
	if (pages > 1) {
		if (getSpanValue('currPageNum') != "1") {
			ul.appendChild(liPrev);
		}
	}
			
	for (var i=0; i<pages; i++) {
		var a = document.createElement("a");
		
		a.innerHTML = i + 1;
		
		var li = document.createElement("li");
		
		if ((i + 1) == getSpanValue('currPageNum')) {
			li.className = "current";
			a.href = "#";
		}
		else {
			if (pageType == "Public")
			{
			a.href = "javascript:loadPublicPage(" + (i + 1) + ");";
			}
			else
			{
			a.href = "javascript:loadFriendPage(" + (i + 1) + ");";
			}
		}
		
		li.appendChild(a);
		ul.appendChild(li);	
	}
	
	if (pages > 1) {
		if (getSpanValue('currPageNum') != pages) {
			ul.appendChild(liNext);
		}
		
	}
}