$(document).ready
(
	function()
	{
	    iShareInfo.ProfileShareInfo = "http://ishare.sphorium.com/ms/iShareWS.asmx";
	
		if (iShareInfo.PublicView)
		{
			$('#appLink')
				.html("Check out Ayos iShare!")
				.attr("href", iShareInfo.ProfilePage);
		}
		else
		{
			$('#appLink')
				.html("Go to your Ayos iShare!")
				.attr("href", iShareInfo.CanvasPage);
		}
	
		var _openSocial = opensocial.Container.get();
		
		var _params = {};
		_params[opensocial.ContentRequestParameters.AUTHENTICATION] = opensocial.ContentRequestParameters.AuthorizationType.SIGNED;
		_params[opensocial.ContentRequestParameters.CONTENT_TYPE] = opensocial.ContentRequestParameters.ContentType.XML;

		_openSocial
			.makeRequest
			(
				iShareInfo.ProfileShareInfo + "/GetProfileCSS",
				function(data, error) 
				{
					if (data != null) 
					{
						if ($(data).find("string").size() > 0)
						{
							var _stringVal = $(data).find("string").text();
							if (_stringVal && _stringVal != "")
								IncludeCSS(_stringVal);
						}
					}
				},
				_params
			);

		_openSocial
			.makeRequest
			(
				iShareInfo.ProfileShareInfo + "/GetProfileShares",
				function(data, error) 
				{
					if (data != null) 
					{
						if ($(data).find("ArrayOfShareInfo > ShareInfo").size() > 0)
						{
							$.each
							(
								$(data).find("ArrayOfShareInfo > ShareInfo"),
								function(i, n) 
								{
									var _size = $(n).find("Size").text();
									var _text = $(n).find("Text").text();
									var _message = $(n).find("Message").text();
									var _linkURL = $(n).find("LinkURL").text();
									var _linkImage = $(n).find("LinkImage").text();
									var _lastModified = $(n).find("LastModified").text();
									
									var _profileItems = $('#profileItems');

									//Dynamically build the items table
									_profileItems
										.append
										(
											'<tr>' +
											'	<td width="16">' +
											'		<a target="_blank" href="' + _linkURL + '">' +
											'			<img src="' + _linkImage + '">' +
											'		</a>' +
											'	</td>' +
											'	<td>' +
											'		<a target="_blank" href="' + _linkURL + '">' + _text + '</a> ' + 
													(_size != "" ? "(" + _size + ")" : "") +
											'	</td>' +
											'</tr>'
										);
										
									if (_message != "")
									{
										_profileItems
											.append
											(
												'<tr>' +
												'	<td>&nbsp;</td>' +
												'	<td colspan="2" class="itemMessage" style="padding-left:10px; padding-right:10px;">"' + _message + '"</td>' +
												'</tr>'
											);
									}
								
									_profileItems
										.append
										(
											'<tr>' +
											'	<td>&nbsp;</td>' +
											'	<td colspan="2" style="text-align:right;padding:0px 0px 2px 10px;">Modified on ' + _lastModified + '</td>' +
											'</tr>'
										);
								}
							);
							
							$('#items').css("display", "block");
							$('#noItems').css("display", "none");
						}
						else
						{
							$('#items').css("display", "none");
							$('#noItems').css("display", "block");
						}
					}				
				
					$('#loading').css("display", "none");
					$('#results').css("display", "block");
				},
				_params
			);
	}
);

function IncludeCSS(cssPath) {
	var _cssLink = document.createElement('link');
	_cssLink.rel = 'stylesheet'
	_cssLink.type = 'text/css';
	_cssLink.href = cssPath;
	document.getElementsByTagName('head')[0].appendChild(_cssLink);
}