function loadAlbums(){
	//engAlbum.getAlbums(callback_loadAlbums);
	loadAlbumList(1);
	engBlogTopics.getTopics(loadBlogsAdd);
	engBlogTopics.getTopics(loadBlogsEdit);
}

function LoadAllAlbums()
{
	engAlbum.getAlbums(callback_loadAllAlbums);	
	
	document.getElementById("numOfPhotosDisplayed").style.display="none";
	
	var ul = document.getElementById("pages");
	ul.innerHTML = "";
	ul.classname="paginationControls";
	
	var asplit = document.createElement("a");
	asplit.href="javascript:loadAlbums();";
	asplit.innerHTML="Split results onto separate pages";
	
	var lisplit = document.createElement("li");
	lisplit.className = "showAll";
		
	lisplit.appendChild(asplit);
	ul.appendChild(lisplit);
}


function loadAlbumList(pageNum)
{
	var listDiv = document.getElementById("myAlbumList");
	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("engAlbum.getAlbumsList(" + pageNum + ",80, callback_loadAlbums);", 1000);	
}



function callback_loadAlbums(res)
{
	if (res.error!=null){alert(res.error)};

	checkResponse(res.value);
	var dt = res.value;
	
	var pageNum=getSpanValue('currPageNum');
	var pageIndex=((parseInt(pageNum)-1)*5);
	
	if (dt.length!=0) {
		createAlbumPageControls(dt[0]);
	}
	//createPageControls
	var listDiv = document.getElementById("myAlbumList");
	listDiv.innerHTML = '';
	listDiv.style.textAlign='left';
	
	var tbl = document.getElementById("tblAlbums"); 
	var rows = tbl.rows; 
    while(rows.length) // length=0 -> stop 
	{
		tbl.deleteRow(rows.length-1);
	}
	
	var showSocialNetworking = false;
		
	if (dt.length!=0)
	{
		if(dt[0] == null)
		{
			var insertTable = document.createElement("tr");
			tbl.appendChild(insertTable);
									
			var tblCell1 = insertTable.insertCell(0)
			tblCell1.id = "cell1";
			tblCell1.colSpan = "5";
			tblCell1.innerHTML = "You have not created any photo albums yet.";
			document.getElementById("numOfPhotosDisplayed").style.display = "block";
			document.getElementById("currRows").innerHTML = "0 – 0 ";
			document.getElementById("totalRows").innerHTML = "0";			
		}
		else
		{
			document.getElementById("numOfPhotosDisplayed").style.display = "block";
			
			var lower = 0;
			var length = dt.length;
			
			if (dt[dt.length-1] == null)
				length = length - 1;
				
			if (length > 0 )
				lower = 1;
				
			document.getElementById("currRows").innerHTML = lower + " – " + length + " ";
			document.getElementById("totalRows").innerHTML = length;
			for (var i=0; i<dt.length ; i++)
			{				
				if(dt[i])
				{
					var insertTable = document.createElement("tr");
					tbl.appendChild(insertTable);
								
					var tblCell1 = insertTable.insertCell(0)
					var tblCell2 = insertTable.insertCell(1)
					var tblCell3 = insertTable.insertCell(2)
					var tblCell4 = insertTable.insertCell(3)
					var tblCell5 = insertTable.insertCell(4)
					
					tblCell1.style.width="30%";
					tblCell2.style.width="40%";
					tblCell3.style.width="10%";
					tblCell4.style.width="10%";
					tblCell5.style.width="10%";
					
					//var tblCell5 = insertTable.insertCell(4)			
					
					var aTopic = document.createElement("a");
					
					//Split the title with spaces so that the title can be wrapped in the table.
					var wordsInTitle =  dt[i].AlbumTitle.split(' ');
					
					for (k = 0; k < wordsInTitle.length; k++) {
					    if (wordsInTitle[k].length > 10) {
					        var newTitle = "";				    
					        for(j = 0; j < wordsInTitle[k].length; j++){
                                 if ((j % 10) == 0){
			                        newTitle += " ";
				                 }						    
					             newTitle += wordsInTitle[k][j];
					        }
                            wordsInTitle[k] = newTitle.substring(1,newTitle.length);
					    }
					    dt[i].AlbumTitle = wordsInTitle.join(" ");
					}
					aTopic.innerHTML = dt[i].AlbumTitle;
					aTopic.href = "javascript:goToAlbum(" + dt[i].ID + ");";
					tblCell1.appendChild(aTopic);			
					if ((dt[i].BlogTitle == "")||(dt[i].blogID == 0))
					{
					
					}
					else
					{
						var aAlbum = document.createElement("a");
						aAlbum.href = "javascript:goToTopic(" + dt[i].blogID + ");";
						aAlbum.innerHTML = dt[i].BlogTitle;
						
						aAlbum.className = "blog";
						
						tblCell1.appendChild(aAlbum);
					}
					//tblCell3.innerHTML = dt.Rows[i].Album_Short_Date;
					
					var spnPosts = document.createElement("span");
					spnPosts.className = "commentsSynopsis";
					spnPosts.innerHTML = dt[i].photoCount + " photo(s)";
					
					tblCell1.appendChild(spnPosts);
					
					//alert(dt[i].photos.length);
					//all image code
					var photodiv= document.createElement("div");
					photodiv.id="thumbs";
					photodiv.innerHTML="&nbsp;"
					if (dt[i].photos!=null)
					{
						if (dt[i].photos.length != 0)
						{						
							for (var j=0; j<dt[i].photos.length; j++)
							{		
								var img = document.createElement("img");
								
								img.src = dt[i].photos[j].photoSrc;							
								img.style.border="1px solid #ffffff";											
								
								var aImg = document.createElement("a");
								aImg.href = "javascript:goToPhoto(" + dt[i].photos[j].PhotoID + ");";							
								aImg.appendChild(img);
								
								img.onmouseover=function(){ this.style.border='1px solid #a7a6a3'; };
								img.onmouseout=function(){ this.style.border='1px solid #ffffff'; };
								
								photodiv.appendChild(aImg);
								
								var spnSpace = document.createElement("span");
								spnSpace.innerHTML = "&nbsp;&nbsp;";
								photodiv.appendChild(spnSpace)
							}						
						}					
					}			
					tblCell2.appendChild(photodiv);		
					
					tblCell3.className = "dateCreated";
					tblCell3.innerHTML = dt[i].DateCreated;
					
					tblCell3.className = "dateCreated";
					switch (dt[i].Security)
					{
							case "0":
								tblCell4.innerHTML = "Public";
								showSocialNetworking = true;
							break
							case "1":
								tblCell4.innerHTML = "Private";
							break
							case "2":
								tblCell4.innerHTML = "Group Share";
							break
							case "4":
								tblCell4.innerHTML = "Friend Share";
							break
					}	
						
					var aEdit = document.createElement("a");
					aEdit.innerHTML = "Edit";
					aEdit.href = "javascript:showEditAlbum(" + dt[i].ID + ");";
					
					var liEdit = document.createElement("li");
					liEdit.className = "edit";
					
					liEdit.appendChild(aEdit);
					
					var aDelete = document.createElement("a");
					aDelete.innerHTML = "Delete";
					aDelete.href = "javascript:showDeleteAlbum(" + dt[i].ID + ");";
					
					var liDelete = document.createElement("li");
					liDelete.className = "delete";
					
					liDelete.appendChild(aDelete);
					
					var ul = document.createElement("ul");
					
					ul.appendChild(liEdit);
					ul.appendChild(liDelete);
					
					tblCell5.appendChild(ul);
						
					if (i==0)
					{
						tblCell5.className = "options firstOptions";	
					}
					else
					{
						tblCell5.className = "options";
					}					
				}
			}
				
		}
	}
	else
	{
		var insertTable = document.createElement("tr");
		tbl.appendChild(insertTable);
								
		var tblCell1 = insertTable.insertCell(0)
		tblCell1.colSpan = "5";
		tblCell1.innerHTML = "There are no albums.";	
			document.getElementById("numOfPhotosDisplayed").style.display = "block";
			document.getElementById("currRows").innerHTML = "0&nbsp;&#8211;&nbsp;0&nbsp;";
			document.getElementById("totalRows").innerHTML = "0";			
	}
	
		
		if (showSocialNetworking) {
		    if ($('SocialNetworking') != null) {
		        $('SocialNetworking').style.display='block';
		    }		
		}
		else {
		    if ($('SocialNetworking') != null) {
		        $('SocialNetworking').style.display='none';
		    }
		}	
	stripetableBody();
	//resizeTopImages();
}

function callback_loadAllAlbums(res)
{
	if (res.error!=null){alert(res.error)};

	checkResponse(res.value);
	var dt = res.value;
	var showSocialNetworking = false;
	
	//createPageControls
	var listDiv = document.getElementById("myAlbumList");
	listDiv.innerHTML = '';
	
	var tbl = document.getElementById("tblAlbums"); 
	var rows = tbl.rows; 
    while(rows.length) // length=0 -> stop 
	{
		tbl.deleteRow(rows.length-1);
	}
		
	if (dt.length!=0)
	{
		if(dt[0] == null)
		{
			var insertTable = document.createElement("tr");
			tbl.appendChild(insertTable);
									
			var tblCell1 = insertTable.insertCell(0)
			tblCell1.id = "cell1";
			tblCell1.colSpan = "5";
			tblCell1.innerHTML = "You have not created any photo albums yet.";
		}
		else
		{
			for (var i=0; i<dt.length ; i++)
			{				
				var insertTable = document.createElement("tr");
				tbl.appendChild(insertTable);
							
				var tblCell1 = insertTable.insertCell(0)
				var tblCell2 = insertTable.insertCell(1)
				var tblCell3 = insertTable.insertCell(2)
				var tblCell4 = insertTable.insertCell(3)
				var tblCell5 = insertTable.insertCell(4)
				
				//var tblCell5 = insertTable.insertCell(4)			
				
				var aTopic = document.createElement("a");
				aTopic.innerHTML = dt[i].AlbumTitle;
				aTopic.href = "javascript:goToAlbum(" + dt[i].ID + ");";
				tblCell1.appendChild(aTopic);			
				if ((dt[i].BlogTitle == "")||(dt[i].blogID == 0))
				{
				
				}
				else
				{
					var aAlbum = document.createElement("a");
					aAlbum.href = "javascript:goToTopic(" + dt[i].blogID + ");";
					aAlbum.innerHTML = dt[i].BlogTitle;
					
					aAlbum.className = "blog";
					
					tblCell1.appendChild(aAlbum);
				}
				//tblCell3.innerHTML = dt.Rows[i].Album_Short_Date;
				
				var spnPosts = document.createElement("span");
				spnPosts.className = "commentsSynopsis";
				spnPosts.innerHTML = dt[i].photoCount + " photo(s)";
				
				tblCell1.appendChild(spnPosts);
				
				//alert(dt[i].photos.length);
				//top 3 image code
				var photodiv= document.createElement("div");
				photodiv.id="thumbs";
				photodiv.innerHTML="&nbsp;"
				if (dt[i].photos!=null)
				{
					if (dt[i].photos.length != 0)
					{						
						for (var j=0; j<dt[i].photos.length; j++)
						{		
							var img = document.createElement("img");
							
							img.src = dt[i].photos[j].photoSrc;							
							img.style.border="1px solid #ffffff";
													
							
							var aImg = document.createElement("a");
							aImg.href = "javascript:goToPhoto(" + dt[i].photos[j].PhotoID + ");";							
							aImg.appendChild(img);
							
							img.onmouseover=function(){ this.style.border='1px solid #a7a6a3'; };
							img.onmouseout=function(){ this.style.border='1px solid #ffffff'; };
							
							photodiv.appendChild(aImg);
							
							var spnSpace = document.createElement("span");
							spnSpace.innerHTML = "&nbsp;&nbsp;";
							photodiv.appendChild(spnSpace)
						}						
					}
				}
				tblCell2.appendChild(photodiv);
				
				tblCell3.className = "dateCreated";
				tblCell3.innerHTML = dt[i].DateCreated;
				
				tblCell3.className = "dateCreated";
				switch (dt[i].Security)
				{
						case "0":
							tblCell4.innerHTML = "Public";
							showSocialNetworking = true;
						break
						case "1":
							tblCell4.innerHTML = "Private";
						break
						case "2":
							tblCell4.innerHTML = "Group Share";
						break
						case "4":
							tblCell4.innerHTML = "Friend Share";
						break
				}	
					
				var aEdit = document.createElement("a");
				aEdit.innerHTML = "Edit";
				aEdit.href = "javascript:showEditAlbum(" + dt[i].ID + ");";
				
				var liEdit = document.createElement("li");
				liEdit.className = "edit";
				
				liEdit.appendChild(aEdit);
				
				var aDelete = document.createElement("a");
				aDelete.innerHTML = "Delete";
				aDelete.href = "javascript:showDeleteAlbum(" + dt[i].ID + ");";
				
				var liDelete = document.createElement("li");
				liDelete.className = "delete";
				
				liDelete.appendChild(aDelete);
				
				var ul = document.createElement("ul");
				
				ul.appendChild(liEdit);
				ul.appendChild(liDelete);
				
				tblCell5.appendChild(ul);
					
				if (i==0)
				{
					tblCell5.className = "options firstOptions";	
				}
				else
				{
					tblCell5.className = "options";
				}					
			}
				
		}
	}
	else
	{
		var insertTable = document.createElement("tr");
		tbl.appendChild(insertTable);
								
		var tblCell1 = insertTable.insertCell(0)
		tblCell1.colSpan = "4";
		tblCell1.innerHTML = "There are no albums.";		
	}
	
		if (showSocialNetworking) {
		    if ($('SocialNetworking') != null) {
		        $('SocialNetworking').style.display='block';
		    }		
		}
		else {
		    if ($('SocialNetworking') != null) {
		        $('SocialNetworking').style.display='none';
		    }
		}	
	stripetableBody();
	//resizeTopImages();
}



function createAlbumPageControls(row)
{
	var dt = row;	
	if (dt == null || dt.Pages == 1 ) {
		return;
	}
	
	var pageType = getSpanValue('photopage');
	
	var ul = document.getElementById("pages");
	ul.innerHTML = "";
	ul.classname="paginationControls";
	
	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:loadAlbumList(" + (parseInt(currP) - 1) + ");";
	}
	else
	{
		aPrev.href = "javascript:loadAlbumList(" + (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:loadAlbumList(" + (parseInt(currP) + 1) + ");";
	}
	else
	{
		aNext.href = "javascript:loadAlbumList(" + (parseInt(currP) + 1) + ");";
	}
	
	aNext.appendChild(imgNext);
	
	var liNext = document.createElement("li");
	liNext.appendChild(aNext);
	liNext.className = "next";
	
	var aShowAll = document.createElement("a");
	aShowAll.href = "javascript: LoadAllAlbums();";
	aShowAll.innerHTML = "View All on Single Page";
	
	var liShowAll = document.createElement("li")
	liShowAll.className = "showAll";
	
	liShowAll.appendChild(aShowAll);
	
	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:loadAlbumList(" + (i + 1) + ");";
			}
			else
			{
			a.href = "javascript:loadAlbumList(" + (i + 1) + ");";
			}
		}
		
		li.appendChild(a);
		ul.appendChild(li);	
	}
	
	if (pages > 1) 
	{
		if (getSpanValue('currPageNum') != pages) {
			ul.appendChild(liNext);
		}
		ul.appendChild(liShowAll);
	}
}




function showAddAlbum(){
	openModalWindow('addAlbum');
}

function addAlbum()
{
	var title = getControlValue('txtAlbumTitle');
	var security = getSelectedRadioValue('radSecurity');
	var topic = getDropDownSelected('ddBlogTopic');
	var tag= getControlValue('txttags');
	var friendsIDs;

	friendsIDs = getFriendsIDs("ulFriends");


	if(friendsIDs[0] == void 0)
	{
		friendsIDs[0] = 0;
	}
	
	var goupsIDs;
	goupsIDs = getGroupsIDs("ulGroupsList");

	if(goupsIDs[0] == void 0)
	{
		goupsIDs[0] = 0;
	}
		
	showFeedback('addAlbumActionContainer');
	engAlbum.addNewAlbum('txtAlbumTitle', title, security, topic, friendsIDs, goupsIDs,'txttags',tag, callback_addAlbum);
}

function callback_addAlbum(res)
{
	checkResponse(res.value);
	var results = res.value.Tables[0];
	if (results.Rows[0].result == "True")
	{
		var controls = res.value.Tables[1];
		for (var i=0; i<controls.Rows.length; i++)
		{
			clearInputField('txtAlbumTitle');
			clearInputField('txttags');
			setControlErrorMessage('txtAlbumTitle','');
		}
		switch (results.Rows[0].errMessage)
		{
			case "valid":				
				feedbackValid('Saving','Saved');
				//window.setTimeout('RedirectAlbum();', 4000);	
				OnAlbumCreated(results.Rows[1].errMessage);
			break
		}
	}
	else
	{
		var controls = res.value.Tables[1];
		switch (results.Rows[0].errMessage)
		{
			case "invalid":
				feedbackInvalid('addAlbumActionContainer');
				window.setTimeout(function(){processValidationResponse(controls)}, 2001);				
			break
		}
	}
}

function OnAlbumCreated(AlbumId)
{
	try
	{
		var ID=parseInt(AlbumId);
		window.setTimeout('goToAlbum('+ID+');',2000);			
	}
	catch(e)
	{
		window.setTimeout('hideAddAlbum();', 4000);	
	}
}

function hideAddAlbum()
{
	engAlbum.getAlbums(callback_loadAlbums);
	closeModalWindow('addAlbum');
	cleanupFeedback('addAlbumActionContainer');
}

var currentEditAlbum;

function showEditAlbum(itemID){
	setSpanValue('editAlbumID', itemID);
	currentEditAlbum = itemID
	engAlbum.populateObjectAlbum(itemID, populateEditAlbum);
}

function populateEditAlbum(res)
{
	if (res.error!=null){alert(res.error)};

	var album = res.value;
	
	setControlValue('txtEditAlbumTitle', album.AlbumTitle);
	setSelectedRadioValue('radEditSecurity', album.SecurityID);
	setDropDownSelected('ddEditBlogTopic', album.blogID);
	
	setControlValue('txtedittags',album.Tag);
	var ul = document.getElementById("ulEditFriendsList");	
	ul.innerHTML = "";
					
	switch (album.SecurityID)
		{
			case 0:
				document.getElementById("editFriendContainer").style.display = "none";
				document.getElementById("editGroups").style.display = "none";
				break;
			break
			case 1:			
				document.getElementById("editFriendContainer").style.display = "none";
				document.getElementById("editGroups").style.display = "none";
				break;
			break
			case 4:
				if (album.users!=null)
					{
						for (var j = 0;j<album.users.length;j++)
						{
							var chk = document.createElement("input");
							chk.type = "checkbox";
							chk.value = album.users[j].UserID;
							chk.id = "c_"+album.users[j].UserID;
							chk.style.display = "none"; 
							
							var lbl = document.createElement("label");
							lbl.innerHTML = album.users[j].Username;
							lbl.id = "l_"+album.users[j].UserID;
							
							var img = document.createElement("img");
							img.id = "i_"+album.users[j].UserID;
							img.alt ="Remove";
							img.src="/images/icons/delete.gif";
							
							var aImg = document.createElement("a");
							aImg.href ="javascript:deleteEditFriend(" + album.users[j].UserID + ");";
							aImg.id = "a_"+album.users[j].UserID;
							aImg.appendChild(img);
							
							var li = document.createElement("li");
							li.id="l_"+album.users[j].UserID;
							
							li.appendChild(chk);
							li.appendChild(lbl);
							li.appendChild(aImg);	
									
							ul.appendChild(li);
						}
					
					}		
					showEditFriendsOptions();
			break
			case 2:
				var chks = document.getElementById("ulEditGroupsList").getElementsByTagName("input");
				
				for (var i = 0;i<chks.length;i++)
				{							
					chks[i].checked = false;								

				}
					
				for (var i = 0;i<chks.length;i++)
				{
				 if (album.groups != null ) {
					for (var j = 0;j<album.groups.length;j++)
					{
						if (chks[i].value == album.groups[j].GroupID)
						{
								chks[i].checked = true;
						}
					}
				 }
				}
					
				showEditGroupsOptions();
			break
		}
	openModalWindow('editAlbum');
}

function editAlbum()
{
	var albumID = getSpanValue('editAlbumID');
	var title = getControlValue('txtEditAlbumTitle');
	var security = getSelectedRadioValue('radEditSecurity');
	var topic = getDropDownSelected('ddEditBlogTopic');
	var tag = getControlValue('txtedittags');

	var friendsIDs;
	friendsIDs = getFriendsIDs("ulEditFriendsList");

	if(friendsIDs[0] == void 0)
	{
		friendsIDs[0] = 0;
	}
	
	var goupsIDs;
	goupsIDs = getGroupsIDs("ulEditGroupsList");

	if(goupsIDs[0] == void 0)
	{
		goupsIDs[0] = 0;
	}
		
	showFeedback('editAlbumActionContainer');
	engAlbum.editAlbum(albumID, 'txtEditAlbumTitle', title, security, topic, friendsIDs, goupsIDs,tag, callback_editAlbum);
}

function callback_editAlbum(res)
{
	checkResponse(res.value);
	var results = res.value.Tables[0];
	if(results.Rows[0].result == "True")
	{
		var controls = res.value.Tables[1];
		for (var i=0; i<controls.Rows.length; i++)
		{
			clearInputField('txtEditAlbumTitle');
			setControlErrorMessage('txtAlbumTitle','');
		}
		switch (results.Rows[0].errMessage)
		{
			case "valid":
				feedbackValid('Saving','Saved');
				window.setTimeout('hideEditAlbum();', 4000);
			break
		}
	}
	else
	{
		var controls = res.value.Tables[1];
		switch (results.Rows[0].errMessage)
		{
			case "invalid":
				feedbackInvalid('editAlbumActionContainer');
				window.setTimeout(function(){processValidationResponse(controls)}, 2001);
			break
		}
	}
}

function hideEditAlbum()
{	
	engAlbum.getAlbums(callback_loadAlbums);
	closeModalWindow('editAlbum');
	cleanupFeedback('editAlbumActionContainer');
}

function showDeleteAlbum(itemID){
	setSpanValue('removeAlbumID', itemID);
	
	engAlbum.populateAlbum(itemID, populateDeleteAlbum);
}

function populateDeleteAlbum(res){

checkResponse(res.value);

	var dt = res.value;
	setSpanValue('removeAlbumTitle', dt.Rows[0].Album_Title);
	setSpanValue('photoCount', dt.Rows[0].Photo_Count);
	
	openModalWindow('removeAlbum');
}

function deleteAlbum(){
	var albumID = getSpanValue('removeAlbumID');
	showFeedback('deleteAlbumActionContainer');
	engAlbum.DeleteAlbumNew(albumID, callback_deleteAlbum);
	
}

function callback_deleteAlbum(res){

checkResponse(res.value);

	if (res.value)
		{
		feedbackValid('Deleting','Deleted');
		window.setTimeout("hideDeleteAlbum();", 4000);
		}
	else
		{
		feedbackInvalid('deleteAlbumActionContainer');
		}
}	

function hideDeleteAlbum(){
	
	engAlbum.getAlbums(callback_loadAlbums);
	closeModalWindow('removeAlbum');
	cleanupFeedback('deleteAlbumActionContainer');
}

function loadBlogsAdd(res){

	checkResponse(res.value);

	var control = document.getElementById("ddBlogTopic");
	
	var dt = res.value;
	
	var def = document.createElement("option");
	def.innerHTML = "No Blog";
	def.value = "0";
	
	control.appendChild(def);
	
	for (var i=0; i<dt.Rows.length; i++)
	{
		var opt = document.createElement("option");
		opt.innerHTML = dt.Rows[i].Title;
		opt.value = dt.Rows[i].topic_id;
		
		control.appendChild(opt)
	}
}

function loadBlogsEdit(res){

checkResponse(res.value);

	var control = document.getElementById("ddEditBlogTopic");
	
	var dt = res.value;
	
	var def = document.createElement("option");
	def.innerHTML = "No Blog";
	def.value = "0";
	
	control.appendChild(def);
	
	for (var i=0; i<dt.Rows.length; i++)
		{
		var opt = document.createElement("option");
		opt.innerHTML = dt.Rows[i].Title;
		opt.value = dt.Rows[i].topic_id;
		
		control.appendChild(opt)
		}
}

function goToAlbum(itemID){
	engAlbum.goToAlbumPhotos(itemID, callback_goToAlbum);
}

function callback_goToAlbum(res){
checkResponse(res.value);

	window.location = "photoAlbum.aspx";
}

function goToTopic(itemID){
	engBlogTopics.goToTopicPosts(itemID, callback_goToTopic);
}

function callback_goToTopic(res){

checkResponse(res.value);

window.location = "/myBlog/topic.aspx";
}

function loadGroups(itemID){
	setSpanValue('grpAlbumID', itemID);
	openModalWindow('groups');
	engAlbum.getGroupsForAlbumID(itemID, callback_loadGroupsForAlbum);
	engAlbum.getGroupsNotForAlbumID(itemID, callback_loadGroupsNotForAlbum);
}

function callback_loadGroupsForAlbum(res){

checkResponse(res.value);

	var dt = res.value;
	
	var ul = document.getElementById("ulAlbumInGroups");
	ul.innerHTML = "";
	
	if (dt.Rows.length!=0)
		{
		
		for (var i=0; i<dt.Rows.length; i++)
			{
			var a = document.createElement("a");
			a.innerHTML = dt.Rows[i].Description;
			a.href = "#";
			
			var span = document.createElement("span");
			span.appendChild(a);
			
			var aRemove = document.createElement("a");
			aRemove.href = "javascript:removeAlbumFromGroup(" + dt.Rows[i].AIG_ID + ");";
			aRemove.innerHTML = "Remove";
			aRemove.className = "remove";
			aRemove.title = "Remove this album from GroupName."
			
			
			var li = document.createElement("li");
			li.className = "clearfix";
	
			li.appendChild(span);
			li.appendChild(aRemove);
			
			ul.appendChild(li);
			}
				
		}
	else
		{
		var li = document.createElement("li");
		li.innerHTML = "No groups have access";
		
		ul.appendChild(li);
		}
	
}

function callback_loadGroupsNotForAlbum(res){
checkResponse(res.value);

	var dt = res.value;
	
	var ul = document.getElementById("ulAlbumNotInGroups");
	
	ul.innerHTML = "";
	
	if (dt.Rows.length!=0)
		{
		
		for (var i=0; i<dt.Rows.length; i++)
			{
			var a = document.createElement("a");
			a.innerHTML = dt.Rows[i].Description;
			a.href = "#";
			
			var span = document.createElement("span");
			span.appendChild(a);
			
			var aAdd = document.createElement("a");
			aAdd.href = "javascript:addAlbumToGroup(" + dt.Rows[i].Group_ID + ");";
			aAdd.innerHTML = "Add";
			aAdd.className = "add";
			aAdd.title = "Add this album to GroupName."
			
			
			var li = document.createElement("li");
			li.className = "clearfix";
	
			li.appendChild(span);
			li.appendChild(aAdd);
			
			ul.appendChild(li);
			}
				
		}
	else
		{
		var li = document.createElement("li");
		li.innerHTML = "All groups have access";
		
		ul.appendChild(li);
		}
}

function removeAlbumFromGroup(itemID){
	engAlbum.unAssignAlbumFromGroup(itemID, callback_reloadGroups)
}

function addAlbumToGroup(itemID){
	var albumID = getSpanValue('grpAlbumID');
	
	engAlbum.assignAlbumToGroup(itemID, albumID, callback_reloadGroups)
	
}

function callback_reloadGroups(res){

checkResponse(res.value);

	var itemID = getSpanValue('grpAlbumID');
	if (res.value)
		{
		engAlbum.getGroupsForAlbumID(itemID, callback_loadGroupsForAlbum);
		engAlbum.getGroupsNotForAlbumID(itemID, callback_loadGroupsNotForAlbum);
		}
}

//share with friends

//share with friends

function showFriendsOptions(){
	document.getElementById("addEventFriends").style.display = "block";
	document.getElementById("addGroups").style.display = "none";
		
}

function hideFriendsOptions(){
	document.getElementById("addEventFriends").style.display = "none";
}

function showGroupsOptions(){
	document.getElementById("addEventFriends").style.display = "none";
	document.getElementById("addGroups").style.display = "block";
		
}

function showPublicPrivate(){
	document.getElementById("addEventFriends").style.display = "none";
	document.getElementById("addGroups").style.display = "none";
		
}

function showEditFriendsOptions(){
	document.getElementById("editFriendContainer").style.display = "block";
	document.getElementById("editGroups").style.display = "none";
}

function hideEditFriendOptions(){
	document.getElementById("editFriendContainer").style.display = "none";
}

function showEditGroupsOptions(){

	document.getElementById("editFriendContainer").style.display = "none";
	document.getElementById("editGroups").style.display = "block";
		
}

function refreshEditUsersOptions() {
  engAlbum.PopulateAlbumSharedUsers(currentEditAlbum, callback_refreshEditUsersOptions);
}

function callback_refreshEditUsersOptions(res) {
	if (res.error!=null){alert(res.error)};

	var album = res.value;
	var ul = document.getElementById("ulEditFriendsList");	
	ul.innerHTML = "";
    if (album.users != null) {
						for (var j = 0;j<album.users.length;j++)
						{
							var chk = document.createElement("input");
							chk.type = "checkbox";
							chk.value = album.users[j].UserID;
							chk.id = "c_"+album.users[j].UserID;
							chk.style.display = "none"; 
							
							var lbl = document.createElement("label");
							lbl.innerHTML = album.users[j].Username;
							lbl.id = "l_"+album.users[j].UserID;
							
							var img = document.createElement("img");
							img.id = "i_"+album.users[j].UserID;
							img.alt ="Remove";
							img.src="/images/icons/delete.gif";
							
							var aImg = document.createElement("a");
							aImg.href ="javascript:deleteEditFriend(" + album.users[j].UserID + ");";
							aImg.id = "a_"+album.users[j].UserID;
							aImg.appendChild(img);
							
							var li = document.createElement("li");
							li.id="l_"+album.users[j].UserID;
							
							li.appendChild(chk);
							li.appendChild(lbl);
							li.appendChild(aImg);	
									
							ul.appendChild(li);
						}	
	}	
	showEditFriendsOptions();
}

function refreshEditGroupsOptions() {
  engAlbum.PopulateAlbumGroups(currentEditAlbum, callback_refreshEditGroupsOptions);
}

function callback_refreshEditGroupsOptions(res) {
	if (res.error!=null){alert(res.error)};

	var album = res.value;
	var ul = document.getElementById("ulEditFriendsList");	
	ul.innerHTML = "";

				var chks = document.getElementById("ulEditGroupsList").getElementsByTagName("input");
				
				for (var i = 0;i<chks.length;i++)
				{							
					chks[i].checked = false;								

				}
					
				if (album.groups != null) {	
					for (var i = 0;i<chks.length;i++)
					{
						for (var j = 0;j<album.groups.length;j++)
						{
						 
							if (chks[i].value == album.groups[j].GroupID)
							{
									chks[i].checked = true;
							}
							
						}
					}
				}
					
	showEditGroupsOptions();
}

function showEditPublicPrivate(){
	document.getElementById("editFriendContainer").style.display = "none";
	document.getElementById("editGroups").style.display = "none";
		
}

function callback_AutoCompleteFriends(res)
{
	checkResponse(res.value);
	if (res.value != null)
	{
		var ds = res.value;
		var listControlID = "autoCompleteListtxtFriends";
		var listControlWrapper = "txtFriendsListWrapper";
		document.getElementById(listControlID).innerHTML = "";
		
		var ul = document.createElement("ul");
		ul.id = "autoList";
		
		if (ds != null && typeof(ds) == "object" && ds.Rows.length != 0)
		{
			for (var i=0; i<ds.Rows.length; i++)
			{
				var li = document.createElement("li");
				var a = document.createElement("a");

				a.href = "javascript:completeFriends('" + ds.Rows[i].UserID + "','" + ds.Rows[i].Username + " (" + ds.Rows[i].firstname + " " + ds.Rows[i].lastname.replace("'", "") + ")" + "');void(0);";
				a.innerHTML = ds.Rows[i].Username+ " ("+ds.Rows[i].firstname + " " + ds.Rows[i].lastname+")";
				
				li.appendChild(a);
				ul.appendChild(li)
			}				
			document.getElementById(listControlID).appendChild(ul);
			document.getElementById(listControlWrapper).style.display = "block";
			document.getElementById(listControlID).style.display = "block";
		}
		else
		{
			document.getElementById(listControlWrapper).style.display = "none";
			document.getElementById(listControlID).style.display = "none";
		}		
	}
}
function completeFriends(accID, username)
{
	Effect.Fade('txtFriendsListWrapper');
	var ul = document.getElementById("ulFriendsList");	
	var chks = document.getElementById("ulFriendsList").getElementsByTagName("input");
	var counter = 0;
	if(chks.length != 0)
	{
		for(var i=0;i<chks.length;i++)
		{
			if(accID == chks[i].value)
			{
				counter = 1;
			}
		}			
			
		if(counter == 0)
		{
			var chk = document.createElement("input");
			chk.type = "checkbox";
			chk.value = accID;
			chk.id = "c_"+accID;
			chk.style.display = "none"; 
			var lbl = document.createElement("label");
			lbl.innerHTML = username;
			lbl.id = "l_"+accID;
			var img = document.createElement("img");
			img.id = "i_"+accID;
			img.alt ="Remove";
			img.src="/images/icons/delete.gif";
			var aImg = document.createElement("a");
			aImg.href ="javascript:deleteFriend(" + accID + ");";
			aImg.id = "a_"+accID;
			aImg.appendChild(img);
			var li = document.createElement("li");
			li.id="l_"+accID;
			li.appendChild(chk);
			li.appendChild(lbl);
			li.appendChild(aImg);			
			ul.appendChild(li);
		}
		else
		{
			alert('You have already selected to share the event with this person.');
		}
		
	}
	else
	{
		var chk = document.createElement("input");
		chk.type = "checkbox";
		chk.value = accID;
		chk.id = "c_"+accID;
		chk.style.display = "none"; 
		var lbl = document.createElement("label");
		lbl.innerHTML = username;
		lbl.id = "l_"+accID;
		var img = document.createElement("img");
		img.id = "i_"+accID;
		img.alt ="Remove";
		img.src="/images/icons/delete.gif";
		var aImg = document.createElement("a");
		aImg.href ="javascript:deleteFriend(" + accID + ");";
		aImg.id = "a_"+ accID;
		aImg.appendChild(img);
		var li = document.createElement("li");
		li.id="l_"+accID;
		li.appendChild(chk);
		li.appendChild(lbl);
		li.appendChild(aImg);			
		ul.appendChild(li);
	}
	document.getElementById("txtFriends").value = "";
}

function deleteFriend(accID)
{
	var ul = document.getElementById("ulFriendsList");
	var chks = document.getElementById("ulFriendsList").getElementsByTagName("input");
	var lis = document.getElementById("ulFriendsList").getElementsByTagName("li");
	for(var i=0;i<chks.length;i++)
	{
		if(accID == chks[i].value)
		{
			var li = document.getElementById(lis[i].id);
			ul.removeChild(li);
		}
	}	
}


function callback_AutoCompleteeditFriends(res)
{
	checkResponse(res.value);
	if (res.value != null)
	{
		var ds = res.value;
		var listControlID = "autoCompleteListtxtEditFriends";
		var listControlWrapper = "txtEditFriendsListWrapper";
		document.getElementById(listControlID).innerHTML = "";
		
		var ul = document.createElement("ul");
		ul.id = "autoList";
		
		if (ds != null && typeof(ds) == "object" && ds.Rows.length != 0)
			{
			
			for (var i=0; i<ds.Rows.length; i++)
				{
				var li = document.createElement("li");
				var a = document.createElement("a");

				a.href = "javascript:completeEditUsername('" + ds.Rows[i].UserID + "','" + ds.Rows[i].Username + " (" + ds.Rows[i].firstname + " " + ds.Rows[i].lastname.replace("'", "") + ")" + "');void(0);";
				a.innerHTML = ds.Rows[i].Username+ " ("+ds.Rows[i].firstname + " " + ds.Rows[i].lastname+")";
				
				li.appendChild(a);
				ul.appendChild(li)
				}
		
				
			document.getElementById(listControlID).appendChild(ul);
			document.getElementById(listControlWrapper).style.display = "block";
			document.getElementById(listControlID).style.display = "block";
		
			}
		else
			{
			document.getElementById(listControlWrapper).style.display = "none";
			document.getElementById(listControlID).style.display = "none";
			}
		
		}
}
function completeEditUsername(accID, username)
{
	Effect.Fade('txtEditFriendsListWrapper');
	var ul = document.getElementById("ulEditFriendsList");	
	var chks = document.getElementById("ulEditFriendsList").getElementsByTagName("input");
	var counter = 0;
	if(chks.length != 0)
	{
		for(var i=0;i<chks.length;i++)
		{
				if(accID == chks[i].value)
				{
					counter = 1;
				}
		}			
			
		if(counter == 0)
		{
			var chk = document.createElement("input");
			chk.type = "checkbox";
			chk.value = accID;
			chk.id = "c_"+accID;
			chk.style.display = "none"; 
			var lbl = document.createElement("label");
			lbl.innerHTML = username;
			lbl.id = "l_"+accID;
			var img = document.createElement("img");
			img.id = "i_"+accID;
			img.alt ="Remove";
			img.src="/images/icons/delete.gif";
			var aImg = document.createElement("a");
			aImg.href ="javascript:deleteEditFriend(" + accID + ");";
			aImg.id = "a_"+accID;
			aImg.appendChild(img);
			var li = document.createElement("li");
			li.id="l_"+accID;
			li.appendChild(chk);
			li.appendChild(lbl);
			li.appendChild(aImg);			
			ul.appendChild(li);
		}
		else
		{
			alert('You have already selected to share the event with this person.');
		}
		
	}
	else
	{
		var chk = document.createElement("input");
		chk.type = "checkbox";
		chk.value = accID;
		chk.id = "c_"+accID;
		chk.style.display = "none"; 
		var spn = document.createElement("span")
		spn.innerHTML = accID;
		
		var lbl = document.createElement("label");
		lbl.innerHTML = username;
		lbl.id = "l_"+accID;
		var img = document.createElement("img");
		img.id = "i_"+accID;
		img.alt ="Remove";
		img.src="/images/icons/delete.gif";
		var aImg = document.createElement("a");
		aImg.href ="javascript:deleteEditFriend(" + accID + ");";
		aImg.id = "a_"+ accID;
		aImg.appendChild(img);
		var li = document.createElement("li");
		li.id="l_"+accID;
		li.appendChild(chk);
		//li.appendChild(spn);
		li.appendChild(lbl);
		li.appendChild(aImg);			
		ul.appendChild(li);
	}
	document.getElementById("txtEditFriends").value = "";
}


function deleteEditFriend(accID)
{
	var ul = document.getElementById("ulEditFriendsList");
	var chks = document.getElementById("ulEditFriendsList").getElementsByTagName("input");
	var lis = document.getElementById("ulEditFriendsList").getElementsByTagName("li");
	for(var i=0;i<chks.length;i++)
		{
				if(accID == chks[i].value)
				{
					var li = document.getElementById(lis[i].id);
					ul.removeChild(li);
				}
		}	
	
	
}

function getGroupsIDs(controlID){
	var chks = document.getElementById(controlID).getElementsByTagName("input");
	var idList = new Array();
	var counter = 0;
	for (var i=0; i<chks.length; i++)
		{
		if (chks[i].type == "checkbox")
			{
				if (chks[i].checked)
					{
					idList[counter] = chks[i].value;
					counter = counter + 1;	
					}		
				
				
			}
		}
	return idList;
}

function getFriendsIDs(controlID){
	var chks = document.getElementById(controlID).getElementsByTagName("input");
	var idList = new Array();
	var counter = 0;
	for (var i=0; i<chks.length; i++)
		{
		if (chks[i].type == "checkbox")
			{
						
				idList[counter] = chks[i].value;
				counter = counter + 1;
				
			}
		}
	return idList;
}

function getFriendsCheckedIDs(controlID){
	var chks = document.getElementById(controlID).getElementsByTagName("input");
	var idList = new Array();
	var counter = 0;
	for(var i=0; i<chks.length; i++)
		{
			if(chks[i].type == "checkbox")
				{
					if(chks[i].checked)
					{
						idList[counter] = chks[i].value;
						counter = counter + 1;
					}
				}
		}
		return idList;
}

// Scale images
var showOrig = 0;
function scaleItTop3(control, scaleDirection)
{	
	var scaleFactor = 1.5;
	
	var img = control;
	

		//alert(img.style.width);
		
	var origWidth = img.style.width.split("px");
	var origHeight = img.style.height.split("px");

    if (scaleDirection == "up")
    	{
    		if (origWidth[0] >= origHeight[0])
			{
				switch (BrowserDetect.browser)
				{
					case "Safari":			
						return false;
					break
					
					default:
						img.style.width = (scaleFactor*origWidth[0])+'px';
					break
				}
			}
			else
			{
				switch (BrowserDetect.browser)
				{
					case "Safari":			
						return false;
					break
					
					default:
						img.style.height = (scaleFactor*origHeight[0])+'px';
					break
				}
			}
    	}
    else
    	{

    	if (origWidth[0] >= origHeight[0])
		{
			switch (BrowserDetect.browser)
			{
				case "Safari":			
					return false;
				break
				
				default:
					img.style.width = ((origWidth[0])/(scaleFactor))+'px';
				break
			}
		}
		else
		{
			switch (BrowserDetect.browser)
			{
				case "Safari":			
					return false;
				break
				
				default:
					img.style.height = ((origHeight[0])/(scaleFactor))+'px';
				break
			}
		}
   	}  
}

// Resize images

resizeTopImages = function() 
{
	if (document.getElementById('tblAlbums') != null)
	{
		var imgCollection = document.getElementById('tblAlbums').getElementsByTagName('img');
		for(i=0;i<imgCollection.length;i++)
		{
			if(imgCollection[i].className=='photo')
			{ 
				var img = imgCollection[i];
				if((img.offsetWidth>100)||(img.offsetHeight>80))
				{
					if (img.offsetWidth >= img.offsetHeight)
					{
						//alert('width: ' + img.offsetWidth);
						//alert('height: ' + img.offsetHeight);
						
						
						var newH = (img.offsetHeight / img.offsetWidth) * 100 + "px";
						img.style.width='100px';
						//alert('newH :' + newH);
						img.style.height= newH;
					}
					else
					{
						
						var newW = (img.offsetWidth / img.offsetHeight) * 80 + "px";
						img.style.width = newW;
						img.style.height='80px';
					}
				}	
			img.style.visibility = 'visible';	
			}
		}
	}
}