function loadPage()
{
	document.getElementById('title').innerHTML=Title;
	init();
	var iframe_src='<iframe width="728" scrolling="no" height="90" frameborder="0" style="border: 0px none ;margin-left:6px;" id="socialmedia_ad_S" name="socialmedia_ad_S" src="http://ads.socialmedia.com/myspace/monetize.php?smms.js&pop=1&width=728&height=90&pubid=b53df160cc70e3996d5a75e0100a1770&bgcolor=ffffff&bordercolor=ffffff" border=none></iframe><br/>';
	var all_str='<div style="overflow: hidden;width:728px;height:99px;">'+iframe_src+'</div>';
	document.getElementById("banner").innerHTML=all_str;
	var ad2='<iframe width="728" scrolling="no" height="90" frameborder="0" style="border: 0px none ;" id="socialmedia_ad_vert" name="socialmedia_ad" src="http://ads.socialmedia.com/myspace/monetize.php?smms.js&pop=1&width=728&height=90&pubid=b53df160cc70e3996d5a75e0100a1770&bgcolor=ffffff&bordercolor=ffffff" border=none></iframe><br/>';
	document.getElementById("for_banner3").innerHTML+=ad2;
	gadgets.window.adjustHeight();
}

function init() {
	os = opensocial.Container.get();
	var req = opensocial.newDataRequest();
	var paramViewer = {};
	paramViewer[opensocial.DataRequest.PeopleRequestFields.PROFILE_DETAILS] =
	[MyOpenSpace.Person.Field.THUMBNAIL_URL,
	MyOpenSpace.Person.Field.NAME,
	MyOpenSpace.Person.Field.PROFILE_URL,
	MyOpenSpace.Person.Field.AGE,
	MyOpenSpace.Person.Field.GENDER];

	var paramOwner = {};
	paramOwner[opensocial.DataRequest.PeopleRequestFields.PROFILE_DETAILS] =
	[MyOpenSpace.Person.Field.THUMBNAIL_URL,
	MyOpenSpace.Person.Field.NAME,
	MyOpenSpace.Person.Field.PROFILE_URL,
	MyOpenSpace.Person.Field.AGE,
	MyOpenSpace.Person.Field.GENDER];

	req.add(req.newFetchPersonRequest(opensocial.DataRequest.PersonId.VIEWER, paramViewer), "viewer");
	req.add(req.newFetchPersonRequest(opensocial.DataRequest.PersonId.OWNER, paramOwner), "owner");
	req.send(ownerResponse);
}

function ownerResponse(data) {


	try{
		var owner = data.get("owner").getData();
		USEROBJ=owner;
		UserName = owner.getDisplayName();
		USER = owner.getId();
		{ThumbURL = owner.getField(opensocial.Person.Field.THUMBNAIL_URL);
		ProfileUrl = owner.getField(opensocial.Person.Field.PROFILE_URL);
		UserGender = owner.getField(MyOpenSpace.Person.Field.GENDER);
		UserGender = UserGender=="Female" ? 1 : 0;
		
		drowFriendSelector();
		drawCalculator();
		
		gadgets.window.adjustHeight();
		}
	}
	catch(ex){
		proceesNotAdded();
	}
}
function emptyF()
{

}

function sendData(url, data, responseHandler) {
	var os_params = {};
	os_params[gadgets.io.RequestParameters.METHOD] = gadgets.io.MethodType.POST;
	os_params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.JSON;
	os_params[gadgets.io.RequestParameters.POST_DATA] = data;
	gadgets.io.makeRequest(url, responseHandler, os_params);
}

function proceesNotAdded()
{
	var bodyMask = document.createElement("div");
	bodyMask.className = "body-mask";
	bodyMask.id = "body-mask";
	bodyMask.onclick = function(ev){
		if (window.event) ev = window.event;
		ev.cancelBubble = true;
		return false;
	}
	document.body.appendChild(bodyMask);

	var wizardBox = document.createElement("div");
	wizardBox.className = "wizardBox-dlg";
	wizardBox.id = "wizardBox-dlg";
	wizardBox.innerHTML = "<img src='"+IMG_FOLDER_URL+"up_arrow.jpg' /><div style=' padding:13px;color:#00589C;'>"+
	"Add this App to Start usng!</div>";
	document.body.appendChild(wizardBox);
}

function  getFormValues (obj) {
	var getstr = "&";

	for (i=0; i<obj.elements.length; i++) {
		var aaa=obj.elements[i].tagName
		var bbb=aaa=obj.elements[i].type

		if (obj.elements[i].tagName == "INPUT") {

			if (obj.elements[i].type == "text" || obj.elements[i].type == "hidden") {
				getstr += obj.elements[i].name + "=" + obj.elements[i].value + "&";
			}
			if (obj.elements[i].type == "checkbox") {
				if (obj.elements[i].checked) {
					getstr += obj.elements[i].name + "=" + obj.elements[i].value + "&";
				}
			}
			if (obj.elements[i].type == "radio") {
				if (obj.elements[i].checked) {
					getstr += obj.elements[i].name + "=" + obj.elements[i].value + "&";
				}
			}
		}
		if (obj.elements[i].tagName == "SELECT") {
			var sel = obj.elements[i];
			getstr += sel.name + "=" + sel.options[sel.selectedIndex].value + "&";
		}
		if (obj.elements[i].tagName == "TEXTAREA") {

			getstr += obj.elements[i].name + "=" + obj.elements[i].value + "&";
		}

	}
	return getstr;

}
	
function drowFriendSelector()
{
	var html='<form name="myform"><div style="padding-bottom: 10px;margin-left:10px;margin-right:10px;" id="gift_recipient_friend">'+
	'<h3>'+FriendExplain+'</h3><div id="selector_top" >'+
	'<span style="float: right;color:white;font-weight:bold;" id="for_paging"> </span>'+
	'</div>'+
	' <div id="selector_inner" style="border: 1px solid #eeeeee; overflow: auto; height: 340px;background-color: #ffffff;">';
	html+=' <img src="'+SERVERURL+'images/loading.gif"/><div class="c_clear">  </div>  </div>  </div>'+
	'<center><input type="image" src="'+IMG_FOLDER_URL+'send_comment.png" onclick="sendComment();return false;"/><font class=medium_text></font><input type="image" src="'+IMG_FOLDER_URL+'invite_friends.png" onclick="sendOneInvite();return false;" style="margin-left:10px;" value="Invite Friends"/></center>  </form>';
	document.getElementById("for_friend_selector").innerHTML='<div style="overflow: hidden;width:420px;height:20px;"></div>'+html;
	

	getFriendsPage(1);
}

function getFriendsPage(page)
{
	var pagedFriends_Params = {};
    pagedFriends_Params[opensocial.DataRequest.PeopleRequestFields.FIRST] =(page-1)*40;
    pagedFriends_Params[opensocial.DataRequest.PeopleRequestFields.MAX] = 40;
   
	var dataReqObj = os.newDataRequest();
	var viewerReq = os.newFetchPersonRequest(opensocial.DataRequest.PersonId.OWNER);
	dataReqObj.add(viewerReq);
	var viewerFriendsReq = os.newFetchPeopleRequest(opensocial.DataRequest.Group.OWNER_FRIENDS,pagedFriends_Params);
	dataReqObj.add(viewerFriendsReq);
	dataReqObj.send(dataLoadCallback);
}


function dataLoadCallback(dataResponse) {
	var html="";
	if (dataResponse.hadError()) {
		var data = dataResponse.get(opensocial.DataRequest.Group.OWNER_FRIENDS);
		document.getElementById("selector_inner").innerHTML=data.getErrorCode() + '\n' + data.getErrorMessage();
			} else {
		var viewerData = dataResponse.get(opensocial.DataRequest.PersonId.OWNER).getData();
		var viewerName = viewerData.getField(opensocial.Person.Field.NAME);
		var friendsData = dataResponse.get(opensocial.DataRequest.Group.OWNER_FRIENDS).getData();
		AllFriends = friendsData.asArray();
		var friendsCount=friendsData.getTotalSize();
		var next_prev="";
		if(FriendPage!=1)
			next_prev+='<a href="javascript:void(0)" onclick="getFriendsPage('+(FriendPage-1)+')"  >Previous </a>' ;
		if(FriendPage*40<friendsCount)
			next_prev+='|<a href="javascript:void(0)" onclick="getFriendsPage('+(FriendPage+1)+')"  >Next </a>' ;
		document.getElementById("for_paging").innerHTML=next_prev;
		FriendPage++;
		document.getElementById("selector_inner").innerHTML="";
		friendsData.each(
		function(friendData) {
			var friendId=friendData.getField(opensocial.Person.Field.ID);
			var friendName = friendData.getField(opensocial.Person.Field.NAME);
			var friendThumbnailUrl = friendData.getField(opensocial.Person.Field.THUMBNAIL_URL);
			document.getElementById("selector_inner").innerHTML+= '<div class="friend_off" '+
			' onclick=selectFriend('+friendId+') id="cb_gift_recipient_friend_'+friendId+'" style="float: left;" name="hb_to_id" value="'+friendId+'">'+
			'<label for="cb_gift_recipient_friend_'+friendId+'"><img height="50" width="50" style="border: 1px solid rgb(170, 170, 170); cursor: pointer;" title="'+friendName+'" src="'+friendThumbnailUrl+'"/>'+
			'<br/>'+friendName+' </label>   </div>';
		}

		);
	}
	gadgets.window.adjustHeight();
}


function selectFriend(id)
{
	var data=getFriend(id);
	SelectedPerson=data;
	var id=data.getField(opensocial.Person.Field.ID);
	var name = data.getField(opensocial.Person.Field.NAME);
	if(Selected_Friend && document.getElementById('cb_gift_recipient_friend_'+Selected_Friend))
	{
		(document.getElementById('cb_gift_recipient_friend_'+Selected_Friend)).className='friend_off';
	}
	(document.getElementById('cb_gift_recipient_friend_'+id)).className='sel';
	document.loveform.name1.value=name;
	Selected_Friend=id;
	
}

function checkAll(form)
{
	for (i = 0; i < form.elements.length; i++)
	if(form.elements[i].type=='checkbox')
	{
		form[i].checked = true ;
		(form[i].parentNode).className='sel';
	}
}

function uncheckAll(form)
{
	for (i = 0; i < form.elements.length; i++)
	if(form.elements[i].type=='checkbox')
	{
		form[i].checked = false ;
		(form[i].parentNode).className='friend_off';
	}
}

function sendShareAppRequests() {
	var friendIndex = 0;
	var sendNextIntivation = function(result){
		var finished = true;
		if (result != MyOpenSpace.PostTo.Result.CANCELLED)
		 {
			friendIndex++;
			if(friendIndex < AllFriends.length){
				finished = false;
				var friendData=AllFriends[friendIndex];
				var friendId=friendData.getField(opensocial.Person.Field.ID);
				sendIntivation(friendId, sendNextIntivation);
			}
		}
	}

	if (AllFriends.length > 0){
		var friendData=AllFriends[friendIndex];
		var friendId=friendData.getField(opensocial.Person.Field.ID);
		sendIntivation(friendId, sendNextIntivation);
	}
}


var sendIntivation = function(currentPerson,callback){
	var message = opensocial.newMessage(InviteText);
	//
	os.requestShareApp(currentPerson, message,callback);
	
}


function sendAppInvites(form)
{
	var people_array=new Array();
	for (i = 0; i < form.elements.length; i++)
	if(form.elements[i].type=='checkbox' && form[i].checked)
	{
		people_array.push(form[i].value);
	}
	sendShareAppRequests(people_array);

}


function sendAppComents(form)
{
	var people=new Array();
	var peoplestr="";
	for (i = 0; i < form.elements.length; i++)
	if(form.elements[i].type=='checkbox' && form[i].checked)
	{
		people.push(form[i].value);
		peoplestr+=form[i].value+"_"
	}
	sendComments(people);
	if(peoplestr!="")
	sendCards(peoplestr);
	return false;
}



function sendComments(friends) {
	var friendIndex = 0;
	var people_array=new Array();
	var sendNextComment = function(result){
		var finished = true;
		if (result == MyOpenSpace.PostTo.Result.SUCCESS) {
			friendIndex++;
			if(friendIndex < friends.length){
				finished = false;
				sendComment(friends[friendIndex],1, sendNextComment);
			}
		}
	}

	if (friends.length > 0){
		sendComment(friends[friendIndex],1, sendNextComment);
	}
}




function sendOneInvite()
{ 
	//sendShareAppRequests
	if(SelectedPerson)
		//os.postTo(os_token, message, SelectedPerson,emptyF);
	sendIntivation(SelectedPerson.getField(opensocial.Person.Field.ID),emptyF)
		//os.postTo(os_token, message, SelectedPerson,emptyF);


}


function sendComment()
{
	
	var Image= generateName(document.getElementById("name1").value); 
	var subject = CommentSubject;
	var content=CommentText+'<br/><a href="'+CanvasPage+
	'" align="left" style="float:left;font-family:Tahoma,Helvetica,sans-serif;font-size:11px;font-weight:bold;text-align:left;'+
	'text-decoration:none;" target="blank_">'+Image+'</a>';
	var os_token = MyOpenSpace.MySpaceContainer.OSToken;
	var message = opensocial.newMessage(content);
	message.setField(opensocial.Message.Field.TITLE, subject);
	message.setField(opensocial.Message.Field.TYPE, MyOpenSpace.PostTo.Targets.COMMENTS);
	
	//var person=getFriend(recipientPerson);
	if(SelectedPerson)
		os.postTo(os_token, message, SelectedPerson,emptyF);


}



function sendBulletin()
{
	var subject = BulletinSubject;
	var mes='<a href="'+CanvasPage+
	'" align="left" style="float:left;font-family:Tahoma,Helvetica,sans-serif;font-size:11px;font-weight:bold;text-align:left;'+
	'text-decoration:none;" target="blank_">My '+GenType+' is</a><br>'+generateName(UserName);
	var content=mes+'<br>'+BulletinText;
	var os_token = MyOpenSpace.MySpaceContainer.OSToken;
	var message = opensocial.newMessage(content);
	message.setField(opensocial.Message.Field.TITLE, subject);
	message.setField(opensocial.Message.Field.TYPE, MyOpenSpace.PostTo.Targets.BULLETINS);
	os.postTo(os_token, message, USEROBJ);


}

function sendToProfile()
{
	var subject = BulletinSubject;
	var mes='<a href="'+CanvasPage+
	'" align="left" style="float:left;font-family:Tahoma,Helvetica,sans-serif;font-size:11px;font-weight:bold;text-align:left;'+
	'text-decoration:none;" target="blank_">My '+GenType+' is</a><br>'+generateName(UserName);
	var content=mes+'<br>'+BulletinText;
	var message = opensocial.newMessage(content);
	var os_token = MyOpenSpace.MySpaceContainer.OSToken;
	
	message.setField(opensocial.Message.Field.TITLE, subject);
	message.setField(opensocial.Message.Field.TYPE, MyOpenSpace.PostTo.Targets.PROFILE);
	os.postTo(os_token, message, USEROBJ);


}
function commentCallback(response)
{

}


function getFriend(id)
{
	for (var i=0;i<AllFriends.length;i++){
		if (AllFriends[i].getField(opensocial.Person.Field.ID) == id) return AllFriends[i];
	}
}


var getGeneratedNameStr=function(mName){
		var sum=0;
		var nameIndex=0;
		for(var i=0;i<mName.length;i++)
		{
			sum+=mName.charCodeAt(i);
		}
		nameIndex=sum%NAMES.length;
		return NAMES[nameIndex];
	}
	
	var getGenaratedNameHTML=function(gName)
	{
		var str="<div style='text-align:center'>";
		for(var i=0;i<gName.length;i++){
			if(gName.charAt(i)==" "){
			str+="<br/>";				
			}
			else
			str+="<img src='"+LETTER_FOLDER_URL+gName.charAt(i).toLowerCase()+".gif'/>"
		}
		str+="</div>";
		return str;
	}
	
	var generateName=function(mName)
	{
		return getGenaratedNameHTML(getGeneratedNameStr(mName));
	}
function drawCalculator()
{
	var ad_small='<iframe width="300" scrolling="no" height="250" frameborder="0" style="border: 0px none ;float:left;" id="socialmedia_ad_vert" name="socialmedia_ad" src="http://ads.socialmedia.com/myspace/monetize.php?smms.js&pop=1&width=300&height=250&pubid=b53df160cc70e3996d5a75e0100a1770" border=none></iframe>';
	var html='<center><form name="loveform" onsubmit="loadText();return false;"><input type="text" id="name1" name="name1" value='+UserName+'  ></input></form><br/><input style="margin-top:10px;margin-bottom:10px;" type="image" src="'+IMG_FOLDER_URL+'generate.png" onclick="loadText();return false;" value="generate"><h5>'+ExplainText+'</h5></center>';
	document.getElementById("colTwo").innerHTML=ad_small+html;
	document.getElementById("gentext").innerHTML+=generateName(UserName);
	
}  
 function loadText()
 {
 	
 	document.getElementById("gentext").innerHTML=generateName(document.getElementById("name1").value);
 	return false;
 }