//Javascript related to GrooveNet Groups


var GroupRules = {
	pivot: 0,
	pageSize: 8,
	resultCount: 0,
	activeCount: 0,
	
	Init: function() {
		GroupRules.resultCount = 0;
		GroupRules.activeCount = 0;
	},
	
	GetMembers: function(pivot) {
		ShowLayer("GroupMembersLoader", false);
		ShowLayer("GroupMembersContent", true);
		
		GroupRules.Init();
		if(pivot || pivot == 0) GroupRules.pivot = pivot;
		
		var nameList = new Array("GroupID", "LimitX", "LimitY");
		var valueList = new Array(Group.ID, GroupRules.pivot, GroupRules.pageSize);
		var data = XmlObj.Create("GetGroupMembers", nameList, valueList);
		
		var html = new Array();
		//html.push("<div style='height:400px; border:1px none #0000cc;'>");
		html.push("   <br/><br/><br/><br/>");
		html.push("   <br/><br/><br/><br/>");
		html.push("   <br/><br/><br/><br/>");
		html.push("	  <img src='../images/ajaxLoader3.gif' width='24' height='24' />");
		//html.push("</div>");
		document.getElementById("GroupMembersMain").innerHTML = html.join('');
		
		//if(pivot > 0)
		//document.getElementById("gmbox").innerHTML = "<img src='../images/ajaxLoader3.gif' width='20' height='20' />";
		
		//if(!pivot)
		//alert("sending");
		Bjax.SendRequest("POST", Url.api, data, GroupRules.GetMembersCallback, null);
	},
	
	GetMembersCallback: function(request) {
		//alert(request.responseText);
		var xmlDoc = request.responseXML.documentElement;
		var status = xmlDoc.getElementsByTagName("Status")[0].childNodes[0].nodeValue;
		var msg = xmlDoc.getElementsByTagName("Message")[0].childNodes[0].nodeValue;
		
		if(status == "true") {
			var html = new Array();
			//var count = 0;
			var activeCount = 0;
			var users = new Array();
			
			//Member data.
			var memberID = "";
			var memberName = "";
			var memberPhoto = "";
			
			GroupRules.resultCount = xmlDoc.getElementsByTagName("GroupMember").length;
			GroupRules.activeCount = xmlDoc.getElementsByTagName("ActiveMemberCount")[0].childNodes[0].nodeValue;
			
			//html.push("<div id='gmbox' style='height:400px; border:1px none #0000cc;'>");
			for(var i = 0; i < GroupRules.resultCount; i++) {
				memberID = xmlDoc.getElementsByTagName("MemberID")[i].childNodes[0].nodeValue;
				memberName = xmlDoc.getElementsByTagName("MemberName")[i].childNodes[0].nodeValue;
				memberPhoto = xmlDoc.getElementsByTagName("MemberPhoto")[i].childNodes[0].nodeValue;
				
				if(memberID == User.CustomerID && memberID != Group.FounderID)
					//If user is a group member, give him photo upload capabilities.
					ShowLayer("GroupInfoUploadOnly", true);
				
				var profileUrl = "../profile/friend/?cid=" + memberID;
				html.push("<div style='float:left; margin:0px 0px 7px 8px;'>");
				html.push("	 <div style='border:2px solid #CCCCCC;'><a href='" + profileUrl + "' target='_blank'><img border='0' src='" + memberPhoto + "' width='70' height='70'></a></div>");
				html.push("	 <div class='text2' style='text-align:left;'><a href='" + profileUrl + "' target='_blank'>" + ShortString(memberName, 8) + "</a></div>");
				html.push("</div>");
			}
			
			//html.push("</div>");
			/*
			html.push("<div style='margin:0px 0px 0px 0px; border:1px none #ff9900; height:30px; width:160px;' align='right'>");
			html.push("   <input type='button' value='prev' id='btnPrevMembers' disabled onClick='GroupRules.GetMembers(GroupRules.pivot - GroupRules.pageSize)'/>");
			html.push("   <input type='button' value='next' id='btnNextMembers' disabled onClick='GroupRules.GetMembers(GroupRules.pivot + GroupRules.pageSize)'/>");
			html.push("</div>");
			*/
			
			document.getElementById("GroupMembersCount").innerHTML = "(" + GroupRules.activeCount + ")";
			document.getElementById("GroupMembersMain").innerHTML = html.join('');
			
			GroupRules.UpdateNavigation();
		}
		else {
			//alert(msg);
			document.getElementById("GroupMembersMain").innerHTML = msg;
		}
		
		//Show contents.
		ShowLayer("GroupMembersLoader", false);
		ShowLayer("GroupMembersContent", true);
	},
	
	UpdateNavigation: function() {
		//alert(GroupRules.resultCount + ", " + GroupRules.activeCount + ", " + GroupRules.pageSize);
		if(GroupRules.resultCount > 0) {
			var btnPrev = document.getElementById("btnPrevMembers");
			var btnNext = document.getElementById("btnNextMembers");
			
			//INITIAL BUTTONS STATES
			//If total active member count is less than page size, we don't need to paginate
			//so disable prev and next buttons.
			if(GroupRules.activeCount <= GroupRules.pageSize) {
				btnPrev.disabled = true;
				btnNext.disabled = true;
				//alert("all disabled");
			}
			
			//PREV BUTTON
			//If pivot is greater than page size, surely we are on page (n > 1)
			//so we need to view previous page, thus, enable prev button.
			//alert(CommentRules.pivot + " >= " + CommentRules.pageSize);
			if(GroupRules.pivot >= GroupRules.pageSize) {
				btnPrev.disabled = false;
				//alert("prev enabled");
			}
			else {
				btnPrev.disabled = true;
				//alert("prev disabled");
			}
			
			//NEXT BUTTON
			//Figure out next batch of comments. If more comments need to be shown,
			//enable next button.
			var nextBatch = GroupRules.pivot + GroupRules.pageSize;
			if(GroupRules.activeCount > nextBatch) {
				btnNext.disabled = false;
			}
			else {
				btnNext.disabled = true;
			}
		}
	}
}


function GetGroupMembers() {
	GroupRules.GetMembers();
	
	/*
	var pivot = 0;
	var pageSize = 5;
	
	//if(x) pivot = x;
	
	var nameList = new Array("GroupID", "LimitX", "LimitY");
	var valueList = new Array(Group.ID, pivot, pageSize);
	var data = XmlObj.Create("GetGroupMembers", nameList, valueList);
	Bjax.SendRequest("POST", Url.api, data, GetGroupMembersCallback, null);
	*/
}

function GetGroupMembersCallback(request) {
	//alert(request.responseText);
	var xmlDoc = request.responseXML.documentElement;
	var status = xmlDoc.getElementsByTagName("Status")[0].childNodes[0].nodeValue;
	var msg = xmlDoc.getElementsByTagName("Message")[0].childNodes[0].nodeValue;
	
	if(status == "true") {
		var htmlCode = new Array();
		var count = 0;
		var activeCount = 0;
		var users = new Array();
		
		//Member data.
		var memberID = "";
		var memberName = "";
		var memberPhoto = "";
		
		if(xmlDoc.getElementsByTagName("GroupMember")[0].hasChildNodes())
			count = xmlDoc.getElementsByTagName("GroupMember").length;
			
		activeCount = xmlDoc.getElementsByTagName("GroupMember").length;
		
		for(var i = 0; i < count; i++) {
			memberID = xmlDoc.getElementsByTagName("MemberID")[i].childNodes[0].nodeValue;
			memberName = xmlDoc.getElementsByTagName("MemberName")[i].childNodes[0].nodeValue;
			memberPhoto = xmlDoc.getElementsByTagName("MemberPhoto")[i].childNodes[0].nodeValue;
			
			if(memberID == User.CustomerID && memberID != Group.FounderID)
				//If user is a group member, give him photo upload capabilities.
				ShowLayer("GroupInfoUploadOnly", true);
			
			var profileUrl = "../profile/friend/?cid=" + memberID;
			htmlCode.push("<div style='float:left; margin:0px 0px 7px 8px;'>");
			htmlCode.push("	<div style='border:2px solid #CCCCCC;'><a href='" + profileUrl + "' target='_blank'><img border='0' src='" + memberPhoto + "' width='70' height='70'></a></div>");
			htmlCode.push("	<div class='text2' style='text-align:left;'><a href='" + profileUrl + "' target='_blank'>" + memberName + "</a></div>");
			htmlCode.push("</div>");
		}
		//Firefox div box fix when list has only 3 photos (and the like)
		htmlCode.push("<div style='margin:0px 0px 7px 12px;'>");
		htmlCode.push("  <div style='border:2px none #CCCCCC;'><img border='0' src='/images/spacer.gif' width='70' height='70'></div>");
		htmlCode.push("	 <div class='text2' style='text-align:left;'>&nbsp;</div>");
		htmlCode.push("</div>");
		
		htmlCode.push("<div style='margin:0px 0px 7px 12px; border:1px none #ff9900;' align='right'>");
		htmlCode.push("<input type='button' value='prev' id='btnPrevxx' />");
		htmlCode.push("<input type='button' value='next' id='btnNextxx' />");
		htmlCode.push("</div>");
		
		$("GroupMembersCount").innerHTML = "(" + count + ")";
		$("GroupMembersMain").innerHTML = htmlCode.join('');
	}
	else {
		//alert(msg);
		$("GroupMembersMain").innerHTML = msg;
	}
	
	//If group member, show photo upload link
	ShowLayer("GroupMembersLoader", false);
	ShowLayer("GroupMembersContent", true);
}

function SaveGroupAlias() {
	$("EditGroupAliasStatus").innerHTML = "updating. . .";
	TempGroup.Alias = $F("GroupAlias");
	var nameList = new Array("groupid", "groupalias");
	var valueList = new Array(Group.ID, TempGroup.Alias);
	var data = XmlRequest.Create("SaveGroupAlias", nameList, valueList);
	var ajax = new GrooveNetAjax();
	ajax.SendRequest("POST", AjaxUrl.Api, data, SaveGroupAliasReply, null);
}

function SaveGroupAliasReply(request) {
	//alert(request.responseText);
	var xmlDoc = request.responseXML.documentElement;
	var status = xmlDoc.getElementsByTagName("status")[0].childNodes[0].nodeValue;
	var message = xmlDoc.getElementsByTagName("message")[0].childNodes[0].nodeValue;
	
	if(status == "true") {
		Group.Alias = TempGroup.Alias;
		$("GroupUrlContent1").innerHTML = "http://www.groovenet.ph/" + Group.Alias ;
		$("GroupUrlContent2").innerHTML = "http://www.groovenet.ph/" + Group.Alias ;
		ShowPopup(null, DoNothing, DoNothing, false, false);
	}
	else {
		$("EditGroupAliasStatus").style.color = "#FF3333";
		$("EditGroupAliasStatus").innerHTML = message;
	}
}

function PrepEditGroupAlias() {
	document.getElementById("GroupAlias").value = Group.Alias;
	ShowLayer("VisualStatusContainer", false);
	ShowLayer("DocPopupText", true);
}

function CloseEditGroupAlias() {
	ShowPopup(null, DoNothing, DoNothing, false, false);
}

function EditGroupAlias() {
	var url = groupUrlPrefix + "EditGroupAlias.html";
	ShowPopup(url, CloseEditGroupAlias, PrepEditGroupAlias, true, false);
	//ShowPopup("/groups/EditGroupAlias.html", CloseEditGroupAlias, PrepEditGroupAlias, true, false);
}

function UploadPhotosOnly() {
	var url = groupUrlPrefix + "UploadPhoto.aspx?gid="
	var iFrame = "<iframe src='";
	iFrame += url;
	iFrame += Group.ID;
	iFrame += "' scrolling='no' frameborder='0'></iframe>";
	$("DocPopupText").innerHTML = iFrame;
	
	ShowPopup(null, ReShowGroupGallery, DoNothing, true, false);
	ShowLayer("VisualStatusContainer", false);
	ShowLayer("DocPopupText", true);
}

function ShowGroupPhotoUpload() {
	$("GroupPhotoMenuDelete").className = "button1";
	$("GroupPhotoMenuUpload").className = "button2";
	
	ShowLayer("GroupPhotoDelete", false);
	ShowLayer("GroupPhotoUpload", true);
	
	$("GroupPhotoUploadLoaderText").innerText = "loading. . .";
	ShowLayer("GroupPhotoUploadLoader", true);
	ShowLayer("GroupPhotoUploadStatus", false);
	ShowLayer("GroupPhotoUploadContent", false);
	
	//var iFrame = "<iframe src='/groups/UploadPhoto.aspx?gid=";
	var url = groupUrlPrefix + "UploadPhoto.aspx?gid="
	var iFrame = "<iframe src='";
	iFrame += url;
	iFrame += Group.ID;
	iFrame += "' scrolling='no' frameborder='0'></iframe>";
	$("GroupPhotoUploadContent").innerHTML = iFrame;
	
	ShowLayer("GroupPhotoUploadLoader", false);
	ShowLayer("GroupPhotoUploadStatus", false);
	ShowLayer("GroupPhotoUploadContent", true);
}

//Delete group photos
function DeleteGroupPhoto(photoUrl) {
	//Show action status.
	$("GroupPhotoDeleteLoaderText").innerText = "deleting, too late now. . .";
	ShowLayer("GroupPhotoDeleteLoader", true);
	ShowLayer("GroupPhotoDeleteStatus", false);
	ShowLayer("GroupPhotoDeleteContent", false);
	
	var nameList = new Array("photourl");
	var valueList = new Array(photoUrl);
	var data = XmlRequest.Create("DeleteGroupPhoto", nameList, valueList);
	var ajax = new GrooveNetAjax();
	ajax.SendRequest("POST", AjaxUrl.Api, data, DeleteGroupPhotoReply, null);
}

//Delete group photos
function DeleteGroupPhotoReply(request) {
	//alert(request.responseText);
	var xmlDoc = request.responseXML.documentElement;
	//var status = xmlDoc.getElementsByTagName("status")[0].childNodes[0].nodeValue;
	var msg = xmlDoc.getElementsByTagName("message")[0].childNodes[0].nodeValue;
	
	//Show backend reply.
	/*$("GroupPhotoDeleteStatusText").innerHTML = msg;
	ShowLayer("GroupPhotoDeleteLoader", false);
	ShowLayer("GroupPhotoDeleteStatus", true);
	ShowLayer("GroupPhotoDeleteContent", false);*/
	
	//Re-show group photos for management.
	GetGroupPhotos();
}

//Get group photos for deletion.
function GetGroupPhotos() {
	$("GroupPhotoMenuDelete").className = "button2";
	$("GroupPhotoMenuUpload").className = "button1";
	
	ShowLayer("VisualStatusContainer", false);
	ShowLayer("DocPopupText", true);
	
	ShowLayer("GroupPhotoDelete", true);
	ShowLayer("GroupPhotoUpload", false);
	
	$("GroupPhotoDeleteLoaderText").innerText = "loading. . .";
	ShowLayer("GroupPhotoDeleteLoader", true);
	ShowLayer("GroupPhotoDeleteStatus", false);
	ShowLayer("GroupPhotoDeleteContent", false);
	
	var nameList = new Array("groupid");
	var valueList = new Array(Group.ID);
	var data = XmlRequest.Create("GetGroupPhotos", nameList, valueList);
	var ajax = new GrooveNetAjax();
	ajax.SendRequest("POST", AjaxUrl.Api, data, GetGroupPhotosReply, null);
}

function GetGroupPhotosReply(request) {
	//alert(request.responseText);
	var xmlDoc = request.responseXML.documentElement;
	var status = xmlDoc.getElementsByTagName("status")[0].childNodes[0].nodeValue;
	var msg = xmlDoc.getElementsByTagName("message")[0].childNodes[0].nodeValue;
	
	if(status == "true") {
		var htmlCode = "";
		var count = 0;
		var groups = new Array();
		if(xmlDoc.getElementsByTagName("photos")[0].hasChildNodes())
			count = xmlDoc.getElementsByTagName("photos")[0].getAttribute("count");
		
		for(var i = 0; i < count; i++) {
			groups[i] = new Groups();
			groups[i].GroupPhotoUrl = xmlDoc.getElementsByTagName("url")[i].childNodes[0].nodeValue;
			
			htmlCode += "<div>";
			htmlCode += "	<div style='float:left; margin:0px 15px 7px 7px;'>";
			htmlCode += "		<div style='border:2px solid #cccccc;'><img src='" + groups[i].GroupPhotoUrl + "' width='70' height='70' border='0'></div>";
			htmlCode += "	</div>";
			htmlCode += "	<div style='padding-top:30px;'>";
			htmlCode += "		<a href='javascript:DeleteGroupPhoto(&quot;" + groups[i].GroupPhotoUrl + "&quot;);' class='button3'>delete</a>";
			htmlCode += "	</div>";
			htmlCode += "	<div style='height:75px;'></div>";
			htmlCode += "</div>";
		}
		
		$("GroupPhotoDeleteContent").innerHTML = htmlCode;
	}
	else {
		$("GroupPhotoDeleteContent").innerHTML = msg;
	}
	
	ShowLayer("GroupPhotoDeleteLoader", false);
	ShowLayer("GroupPhotoDeleteStatus", false);
	ShowLayer("GroupPhotoDeleteContent", true);
}

//Re-display flash gallery
function ReShowGroupGallery() {
	//Close the dialog box.
	LoadContent("GroupPhotoPanelContent", Group.ID);
	ShowPopup(null, DoNothing, DoNothing, false, false);
}

function ManagePhotos() {
	var url = groupUrlPrefix + "GroupPhotoMgt.html";
	ShowPopup(url, ReShowGroupGallery, GetGroupPhotos, true, false);
	//ShowPopup("/groups/GroupPhotoMgt.html", ReShowGroupGallery, GetGroupPhotos, true, false);
}

function JoinGroupOk() {
	ShowGroupInfo(false);
	ShowLayer("GroupInfoStatus", false);
	ShowLayer("GroupInfoMain", true);
	ShowLayer("GroupInfoLinks", true);
}

function JoinGroup() {
	ShowLayer("GroupInfoLoader", true);
	ShowLayer("GroupInfoContent", false);
	
	if(!User.CustomerID) {
		$("GroupInfoStatusText").innerHTML = "You need to be logged on to do that.";
		ShowLayer("GroupInfoLoader", false);
		ShowLayer("GroupInfoContent", true);
		
		ShowLayer("GroupInfoStatus", true);
		ShowLayer("GroupInfoMain", false);
		ShowLayer("GroupInfoLinks", false);
		
	}
	else {
		var nameList = new Array("groupid", "userid");
		var valueList = new Array(Group.ID, User.CustomerID);
		var data = XmlRequest.Create("JoinGroup", nameList, valueList);
		var ajax = new GrooveNetAjax();
		ajax.SendRequest("POST", AjaxUrl.Api, data, JoinGroupReply, null);
	}
}

function JoinGroupReply(request) {
	var xmlDoc = request.responseXML.documentElement;
	var status = xmlDoc.getElementsByTagName("status")[0].childNodes[0].nodeValue;
	var msg = xmlDoc.getElementsByTagName("message")[0].childNodes[0].nodeValue;
	
	$("GroupInfoStatusText").innerHTML = msg;
	ShowLayer("GroupInfoLoader", false);
	ShowLayer("GroupInfoContent", true);
		
	ShowLayer("GroupInfoStatus", true);
	ShowLayer("GroupInfoMain", false);
	ShowLayer("GroupInfoLinks", false);
}

function ReGetGroupInfo() {
	ShowPopup(null, null, null, false, false);
	GetGroupInfo();
}

function EditGroup() {
	var url = AppIsLocal() ? "/GrooveNet/Web/groups/EditGroup.aspx?gid=" : "/groups/EditGroup.aspx?gid=";
	var iframe = "<iframe src='" + url + Group.ID + "&gn=" + Group.Name + "&gd=" + escape(Group.Description) + "' scrolling='no' frameborder='0' height='100%' width='95%'></iframe>";

	/*
	//vanity problem
	//var iFrame = "<iframe src=\"/groups/EditGroup.aspx?gid=";
	var url = groupUrlPrefix + "EditGroup.aspx?gid=";
	//var url = "EditGroup.aspx?gid=";
	var iFrame = "<iframe src=\"";
	iFrame += url;
	iFrame += Group.ID ;
	iFrame += "&gn=";
	iFrame += Group.Name;
	iFrame += "&gd=";
	iFrame += Group.Description;
	iFrame += "\" scrolling='no' frameborder='0' height='100%' width='95%'></iframe>";
	*/
	
	ShowPopup(null, ReGetGroupInfo, DoNothing, true, true);
	$("DocPopupText").innerHTML = iframe;
	ShowLayer("VisualStatusContainer", false);
	ShowLayer("DocPopupText", true);
}


/*
function GetGroupMembersComplete(request) {
	//alert(request.responseText);
	var xmlDoc = request.responseXML.documentElement;
	var status = xmlDoc.getElementsByTagName("status")[0].childNodes[0].nodeValue;
	var msg = xmlDoc.getElementsByTagName("message")[0].childNodes[0].nodeValue;
	
	if(status == "true") {
		var htmlCode = "";
		var panelLimit = 20;
		var count = 0;
		var users = new Array();
		//alert(count);
		if(xmlDoc.getElementsByTagName("members")[0].hasChildNodes())
			count = xmlDoc.getElementsByTagName("members")[0].getAttribute("count");
		//alert(count);
		for(var i = 0; i < count; i++) {
			//Store data from XML object to Groups object
			if(i >= panelLimit) break;
			users[i] = new Users();
			
			users[i].ID = xmlDoc.getElementsByTagName("memberid")[i].childNodes[0].nodeValue;
			if(users[i].ID == User.CustomerID && users[i].ID != Group.FounderID)
				//If user is a group member, give him photo upload capabilities.
				//ShowLayer("GroupInfoPhotos", true);
				ShowLayer("GroupInfoUploadOnly", true);
				
			users[i].DisplayName = xmlDoc.getElementsByTagName("membername")[i].childNodes[0].nodeValue;
			
			if(xmlDoc.getElementsByTagName("memberphotourl")[i].hasChildNodes())
				users[i].PhotoUrl = xmlDoc.getElementsByTagName("memberphotourl")[i].childNodes[0].nodeValue;
			else
				users[i].PhotoUrl = noPhotoUrl;
			
			//Template	
			//<div style="float:left; margin:0px 0px 7px 7px; border:2px none #FF9900;">
			//	<div style="border:2px solid #CCCCCC;"><img src="../images/noGroupLogo.jpg" width="70" height="70"></div>
			//	<div class="text2">Groove</div>
			//</div>
			//<div style="height:100px;">&nbsp;</div>
			//<div align="center">view all</div>
			var pageUrl = "../profile/friend/?cid=" + users[i].ID;
			htmlCode += "<div style='float:left; margin:0px 0px 7px 8px;'>";
			htmlCode += "	<div style='border:2px solid #CCCCCC;'><a href='" + pageUrl + "' target='_blank'><img border='0' src='" + users[i].PhotoUrl + "' width='70' height='70'></a></div>";
			htmlCode += "	<div class='text2' style='text-align:left;'><a href='" + pageUrl + "' target='_blank'>" + users[i].DisplayName + "</a></div>";
			htmlCode += "</div>";
		}
		//Firefox div box fix when list has only 3 photos (and the like)
		htmlCode += "<div style='margin:0px 0px 7px 12px;'>";
		htmlCode += "	<div style='border:2px none #CCCCCC;'><img border='0' src='/images/spacer.gif' width='70' height='70'></div>";
		htmlCode += "	<div class='text2' style='text-align:left;'>&nbsp;</div>";
		htmlCode += "</div>";
		//htmlCode += "<br><br><br>";
		//htmlCode += "<div style='height:100px; border:1px solid #000000'>&nbsp;</div>";
		
		//if(count > panelLimit) {
		//	if(Friend.CustomerID)
		//		code += "<div class='text2' align='center'><a href='javascript:ShowPopup(\"/profile/friend/FriendsBigPanel.html\", null, ShowAllFriends, true, true);'>view all friends</a></div>";
		//	else
		//		code += "<div class='text2' align='center'><a href='javascript:ShowPopup(\"FriendsBigPanel.html\", null, ShowAllFriends, true, true);'>view all friends</a></div>";
		//}
		
		$("GroupMembersCount").innerHTML = "(" + count + ")";
		$("GroupMembersMain").innerHTML = htmlCode;
	}
	else {
		//alert(msg);
		$("GroupMembersMain").innerHTML = msg;
	}
	
	//If group member, show photo upload link
	
	
	ShowLayer("GroupMembersLoader", false);
	ShowLayer("GroupMembersContent", true);
}
*/

function ShowGroupInfo(showLogo) {
	$("GroupName").innerHTML = Group.Name;
	$("GroupDesc").innerHTML = Group.Description;
	$("GroupFounder").innerHTML = Group.Founder;
	$("GroupDateFound").innerHTML = Group.DateFound;
	
	$("GroupUrlContent1").innerHTML = "http://www.groovenet.ph/" + Group.Alias;
	$("GroupUrlContent2").innerHTML = "http://www.groovenet.ph/" + Group.Alias;
	
	//Check if user has logged in.  If logged in, check if he owns the group.
	//Show/hide group links accordingly.
	
	//Show group owner admin links.  User.CustomerID is set using GetUserID called by the group page.
	if(User.CustomerID && (User.CustomerID == Group.FounderID)) {
		ShowLayer("GroupInfoEdit", true);			//show edit group link
		ShowLayer("GroupInfoPhotos", true);			//show manage photos link
		ShowLayer("AddLeftPanelAdmin", true);		//show add panel left
		ShowLayer("AddRightPanelAdmin", true);		//show add panel right
		ShowLayer("AddRightPanelNonAdmin", false);
	}
	else {
		ShowLayer("GroupInfoJoin", true);
	}
	
	if(showLogo) ShowGroupLogo();
	
	ShowLayer("GroupInfoLoader", false);
	ShowLayer("GroupInfoContent", true);
}

function ShowGroupLogo() {
	var time = new Date()
	var hour = time.getHours()
	var min = time.getMinutes()
	var sec = time.getSeconds()
	var mil = time.getMilliseconds();
	var now = "";
	now += hour;
	now += min;
	now += sec;
	now += mil; 
	$("GroupLogoContent").innerHTML = "<image border='0' width='165' height='165' src='" + Group.LogoUrl + "?" + now + "'>";
	ShowLayer("GroupLogoLoader", false);
	ShowLayer("GroupLogoContent", true);
}

function GetGroupInfo() {
	//alert(Group.ID);
	var nameList = new Array("groupid");
	var valueList = new Array(Group.ID);
	var data = XmlRequest.Create("GetGroupInfo", nameList, valueList);
	var ajax = new GrooveNetAjax();
	ajax.SendRequest("POST", AjaxUrl.Api, data, GetGroupInfoReply, null);
}

function GetGroupInfoReply(request) {
	//alert(request.responseText);
	var xmlDoc = request.responseXML.documentElement;
	var status = xmlDoc.getElementsByTagName("status")[0].childNodes[0].nodeValue;
	var msg = xmlDoc.getElementsByTagName("message")[0].childNodes[0].nodeValue;
	
	if(status == "true") {
		Group.Name =  xmlDoc.getElementsByTagName("groupname")[0].childNodes[0].nodeValue;
		Group.Description =  xmlDoc.getElementsByTagName("groupdesc")[0].childNodes[0].nodeValue;
		Group.Founder =  xmlDoc.getElementsByTagName("groupfounder")[0].childNodes[0].nodeValue;
		Group.FounderID =  xmlDoc.getElementsByTagName("groupfounderid")[0].childNodes[0].nodeValue;
		Group.DateFound =  xmlDoc.getElementsByTagName("groupfounded")[0].childNodes[0].nodeValue;
		Group.Alias =  xmlDoc.getElementsByTagName("groupalias")[0].childNodes[0].nodeValue;
		
		if(xmlDoc.getElementsByTagName("logourl")[0].hasChildNodes()) {
			Group.LogoUrl = xmlDoc.getElementsByTagName("logourl")[0].childNodes[0].nodeValue;
			if(Trim(Group.LogoUrl) == "") Group.LogoUrl = noGroupLogoUrl;
		}
		else {
			Group.LogoUrl = noGroupLogoUrl;
		}
		
		ShowGroupInfo(true);
		
		if(User.CustomerID && (User.CustomerID == Group.FounderID)) {
			// Begin Drag Events
			Sortable.create("left_", {tag:'div', handle:'panelhandle', constraint:false});
			Sortable.create("right_", {tag:'div', handle:'panelhandle', constraint:false});
			Droppables.add('left_', {
				containment:'left_',
				hoverclass:'dragover',
				onDrop:function(element){
					var cols1 = new Array("left_", "right_");
					SaveGroupPanelOrder(cols1);
				}
			}
			);
			Droppables.add('right_', {
				containment:'right_',
				hoverclass:'dragover',
				onDrop:function(element){
					var cols2 = new Array("left_", "right_");
					SaveGroupPanelOrder(cols2);
				}
			}
			);
			// End Drag Events
		}
	}
	else {
		$("GroupInfoContent").innerHTML = msg;
		ShowLayer("GroupInfoLoader", false);
		ShowLayer("GroupInfoContent", true);
	}
}