var hearts_canvas_url = "http://profile.myspace.com/Modules/Applications/Pages/Canvas.aspx?appId=121192";
var glitter_canvas_url = "http://profile.myspace.com/Modules/Applications/Pages/Canvas.aspx?appId=120054";
var button_canvas_url = "http://profile.myspace.com/Modules/Applications/Pages/Canvas.aspx?appId=120504";
var logo_canvas_url = "http://profile.myspace.com/Modules/Applications/Pages/Canvas.aspx?appId=120738";
var super_canvas_url = "http://profile.myspace.com/Modules/Applications/Pages/Canvas.aspx?appId=124658";
var funny_canvas_url = "http://profile.myspace.com/Modules/Applications/Pages/Canvas.aspx?appId=123711";
var globalGenImage = "";
var BACKGROUND_URL = SERVER_URL+"backgroundsForLoading/";
var isSelect = false;
var background = "1.png";
var profile_url = "";
var container;
var backgrounds = [ "1.png", 
                    "2.png",
                    "3.png",
                    "4.png",
                    "5.png",
                    "6.png",
                    "7.png",
                    "8.png",
                    "9.png",
                    "10.png",
                    "11.png",
                    "12.png",
                    "13.png",
                    "14.png",
                    "15.png",
                    "16.png",
		    "17.png",
                    "18.png",
                    "19.png",
                    "20.png",
                    "21.png",
                    "22.png",
                    "23.png",
		    "24.png",
                    "25.png",
                    "26.png",
                    "27.png",
                    "28.png",
                    "29.png",
		    "30.png",
                    "31.png",
                    "32.png",
		"33.png",
		"34.png",
		"35.png",
		"36.png",
		"37.png"
                   ];

var isIE    =  window.ActiveXObject ? true : false;
var appParams;
var senderId = null, appId, appName, giftType, senderThumbnail, senderProfile, senderTypeId, senderName, giftTypeId;
var recievers = [];
var lastSharedImgUrl = "";

 function showRockyouAd(){
	try{
		_ryadConfig = new Object();
		_ryadConfig.placeguid='307AA24986';
		_ryadConfig.type='Leaderboard';
		
		_$("forTopAds").innerHTML = "<div id='_ryad_307AA24986'></div>"; 
		
		var head = document.getElementsByTagName("head");
		var script = document.createElement("script");
		script.setAttribute('src', 'http://cdn.rockyou.com/apps/ams/tag_os.js');
		script.setAttribute('type', 'text/javascript');
		head[0].appendChild(script);
	
	}catch(ex){
	
	}
}

var getFriends = function() {
	var html = "<table><tbody>"+
			/*"<tr>"+
				"<td id='forTopAds' style='padding-top:10px;' align='center'></td>"+
			"</tr>"+*/
			"<tr style='background-color: white; border: 0px;'>"+
				"<td style='padding:5px;' align='center' >"+
					"<div align=center>"+
						'<div id="adPlaceholderTop"></div>'+
					"</div>"+
				"</td>"+
			"</tr>"+
			"<tr><td><table><tbody><tr><td><div id='adPlaceholderLeft'></div></td>"+
				"<td id='container' style='padding-top:5px;' align='center'></td>"+
			"</tr></tbody></table></td></tr>"+
			/*"<tr>"+
				"<td style='padding-top:10px;' align='center'>"+
					"<iframe id=adTop src='http://ads.socialmedia.com/myspace/monetize.php?width=645&height=60&pubid=2f26b06e4e0fa8510e08ce482739e7d7&bgcolor=FFFFFF&bordercolor=FFFFFF' border='0' width='700' height='60' name='socialmedia_ad' scrolling='no' frameborder='0'></iframe>"+
				"</td>"+
			"</tr>"+*/
			"<tr style='background-color: white; border: 0px;'>"+
				"<td style='padding:5px;' align='center' colspan='2'>"+
					"<div align=center>"+
						'<div id="adPlaceholderBottom"></div>'+
					"</div>"+
				"</td>"+
			"</tr>"+
			"<tr style='background-color: white; border: 0px;'>"+
				"<td style='padding:5px;' align='left'>"+
					'<iframe frameborder="0" src = "http://adturns.com/ad.php?c=46" width = "728" height = "60" style = "border: none; overflow: hidden" ></iframe>'+
				"</td>"+
			"</tr>"+
			"<tr>"+
				"<td><br><br></td>"+
			"</tr>"+
			"<tr>"+
				"<td style='font-size:14px'><b><i>More Funny Apps !!!</i></b></td>"+
			"</tr>"+
			"<tr>"+
				"<td style='font-size:13px; padding-left: 20px;'>"+
					"<a style='padding-left: 10px;' href='"+glitter_canvas_url+"' target='_blank'>Send Glitter </a>"+
					"<a style='padding-left: 10px;' href='"+funny_canvas_url+"' target='_blank'>Make Your Funny Picture </a>"+
					"<a style='padding-left: 10px;' href='"+super_canvas_url+"' target='_blank'> Super Gift Maker </a>"+
					"<a style='padding-left: 10px;' href='"+hearts_canvas_url+"' target='_blank'>Send Hearts </a>"+
					"<a style='padding-left: 10px;' href='"+button_canvas_url+"' target='_blank'>Generate Button </a>"+
					"<a style='padding-left: 10px;' href='"+logo_canvas_url+"' target='_blank'>Generate Logo </a>"+	
				"</td>"+
			"</tr>"+
			"<tr>"+
				"<td><br><br></td>"+
			"</tr>"+
		"</tbody></table>";
	_$("allContent").innerHTML = html;
	appParams = opensocial.getEnvironment().getParams();
	if(appParams['senderId']) {
		senderId =  appParams['senderId'];
		senderThumbnail =  appParams['senderThumbnail'];
		senderName =  appParams['senderName'];
		senderProfile = appParams['senderProfile'];
		senderTypeId = appParams['senderTypeId'];
		giftTypeId = appParams['giftTypeId'];
		appId	= appParams['appId'];
		appName = appParams['appName'];
		
		recievers = appParams['recievers'];

		selectedFriendId = recievers[0].recieverId;
		selectedFriendThumbnail = recievers[0].recieverThunb;
		selectedFriendName = recievers[0].recieverName;
		
		req_downloadProfilePicture();
		selectBackgroundImg();
		
	} else {
		getFriendsList();
	}

	//showRockyouAd();

        applyAds('adDivTop', 'adPlaceholderTop');
        applyAds('adDivBottom', 'adPlaceholderBottom');
        applyAds('adDivLeft', 'adPlaceholderLeft');
//support socialreach ads
sr_gof();
}

function applyAds(adDiv, adHolderDiv){
        var adTop = document.getElementById(adDiv);
        adTop.parentNode.removeChild(adTop);
        var adHolder = document.getElementById(adHolderDiv);
        adHolder.appendChild(adTop);
        adTop.style.display='block';
}

var getFriendsList = function(type, imgUrl){
	if(type == 'owner') {
		ownPhotos = true;
	} else {
		ownPhotos = false;
	}
	if(imgUrl != undefined || imgUrl != "undefined" || imgUrl != "") {
		globalGenImage = imgUrl;
	} 
	isSelect = false;
	var str = "<div>"+
				"<FIELDSET style='width: 700px; padding: 10px;border:1px solid #572559;'>"+//#D8E8F0
					"<LEGEND style='color: #F014D0'>";
						if(ownPhotos) {
							str += "<b><i> Send Your Funny Photo To Your Friends </i></b> ";
						} else {
						str +=	"<span style='cursor:pointer;background-color: #FAE3FF; border: 1px solid #E8A8F7;'><b> &nbsp;Select Friend Photo !&nbsp; </b></span>"+
							"<span style='cursor:pointer;background-color: #CC11B0;color:white; font-size: 16px;border: 1px solid #E8A8F7; border-left: 0px;' onclick='getPhotos()'> <b> &nbsp;Select From My Photos &nbsp;</b> </span>"+
							"<span style='cursor:pointer;background-color: #CC11B0;color:white; font-size: 16px;border: 1px solid #E8A8F7; border-left: 0px;' onclick='getSharedStories()'> <b> &nbsp;Shared Funny Images &nbsp;</b> </span>"+
							"<span style='cursor:pointer;background-color: #CC11B0;color:white; font-size: 16px;border: 1px solid #E8A8F7; border-left: 0px;' onclick='uploadPhoto()'> <b> &nbsp; <span style='color:red'> New !</span> Upload Photo &nbsp;</b> </span>";
						}
				str += "</LEGEND>"+
					"<table style='font-size: 12px; color: #333333;' width='100%' cellpadding='0' cellspacing='0' >"+
						"<tr>"+
							"<td>"+
								"<div id=friend>Loading...</div>"+
							"</td>"+
						"</tr>";
						if(!ownPhotos) {
						str += "<tr>"+
							"<td align='right' style='margin-right:10px; padding-top:10px; cursor:pointer;'>"+
								"<img src='"+IMG_URL+"forward.png'  onclick='getFriendProfileImgUrl()' />"+
							"</td>"+
						"</tr>";
						}
				str += "</table>"+
				"</FIELDSET>"+
			"</div>";
		
	_$("container").innerHTML = str;
	Invite.show();
	//setTimeout("gadgets.window.adjustHeight()", 2000);
};

var selectFriend = function(id, img_url, friendName) {
	isSelect = true;
	var friends = document.getElementsByClassName('selectedFriends');
	for(var i=0; i< friends.length; i++) {
		friends[i].className = "";
	}
	selectedFriendId = id;
	selectedFriendThumbnail = img_url;
	selectedFriendName = friendName;
	_$(id + "_friend").className = "selectedFriends";
};


var getFriendProfileImgUrl = function() {
	var html = "<div>"+
				"<FIELDSET style='width: 700px; padding: 10px;border:1px solid #572559;'>"+
				"<LEGEND style='color: #F014D0'><b> Select Photo !</b></LEGEND>";
				if(isSelect) {
				html += "<table style='font-size: 12px; color: #333333;' width='100%' cellpadding='0' cellspacing='0' >"+
							"<tr>"+
								"<td>"+
									"<img style='max-width:600px;max-height:400px;' src='"+selectedFriendThumbnail+"' />"+
								"</td>"+
							"</tr>"+
							"<tr>"+
								"<td align='right'  style='margin-right:10px; padding-top:10px; font-size:15px;font-weight:bold; color: #1A4460; cursor:pointer;'>"+
									"<span style='margin-right: 20px;'  onclick='getFriends()'><img src='"+IMG_URL+"back.png' /></span>"+
									"<span onclick='selectBackgroundImg()'><img src='"+IMG_URL+"forward.png' /></span>"+
								"</td>"+
							"</tr>"+
						"</table>";
				} else {
					html += "<span style='padding-top:10px; font-size:15px;font-weight:bold; color: #1A4460;'>Please select Friend !!! After it you can continue !</span><br>"+
								"<span style='padding-top:20px;' onclick='getFriends()'> <img src='"+IMG_URL+"back.png' /></span>"
				}
		html +=	"</FIELDSET>"+
			"</div>";

	_$("container").innerHTML = html;
	req_downloadProfilePicture();
	setTimeout("gadgets.window.adjustHeight()", 2000);
};

var req_downloadProfilePicture = function() {
	if(_$("next")) {
		_$("next").style.display = 'none';
	}
	var data = "userId=" + userId + "&userProfilePicture=" + selectedFriendThumbnail;
	Request.sendPOST(SERVER_URL+"copyProfilePicture.php", data, resp_downloadProfilePicture);
}

var selectImage = function(image, id) {

	var images = document.getElementsByClassName('selectedFriends');
	for(var i=0; i< images.length; i++) {
		images[i].className = "";
	}
	selectedFriendThumbnail = image;
	selectedFriendId = userId;
	_$(id + "_image").className = "selectedFriends";
	req_downloadProfilePicture();
}

var resp_downloadProfilePicture = function(response) {
	var randomnumber = Math.floor(Math.random()*110);
	profile_url = response.text;
	profile_url = profile_url.replace(/^\s+|\s+$/g, '') ;
	profile_url = SERVER_URL+profile_url+"?t="+randomnumber;
	if(_$("next")) {
		_$("next").style.display = '';
	}
}

var selectBackgroundImg = function() {
	var j = 7;
	var html =  '<div>'+
					'<FIELDSET style="width: 700px; padding: 10px;border:1px solid #572559;">'+
						'<LEGEND style="color: #F014D0"><b> Select Background !</b></LEGEND>'+
							'<table cellpadding="0" cellspacing="0" width="620px" align="center">'+
								'<tr>'+
									'<td valign="top">'+
										'<table cellpadding="0" cellspacing="0" width="620px">'+
											'<tr height="78px">';
									for(var i=0; i< backgrounds.length; i++) {
										html += '<td style="height:60px; width:60px;" id="'+backgrounds[i]+'_back" align="center" onclick="selectBackground(\''+backgrounds[i]+'\')" ><img class="smallImg" src="'+BACKGROUND_URL+backgrounds[i]+'" /></td>';
										if(i == j) {
											j += 8;
											if(i != backgrounds.length-1) {
												html += '</tr><tr height="78px">';
											}
										}
									}
									html +=	'</tr>'+
										'</table>'+
									'</td>'+
								'</tr>'+
								'<tr>'+
									'<td align="right"  style="margin-right:10px;padding-top:10px;font-size:15px;font-weight:bold; color: #1A4460; cursor:pointer;">';
										if(!appParams['senderId']) {
										html += '<span style="margin-right: 20px;"  onclick="getFriendProfileImgUrl()"><img src="'+IMG_URL+'back.png" /></span>';
										}
									html += '<span onclick="drawFlashPart()"><img src="'+IMG_URL+'forward.png" /></span>'+
									'</td>'+
								'</tr>'+
							'</table>'+
						'</FIELDSET>'+
					'</div>';
		_$("container").innerHTML = html;
		setTimeout("gadgets.window.adjustHeight()", 2000);
};

var selectBackground = function(background_src) {
	var friends = document.getElementsByClassName('selectedFriends');
	for(var i=0; i< friends.length; i++) {
		friends[i].className = "";
	}
	_$(background_src + "_back").className = "selectedFriends";
	background = background_src;
};

var drawFlashPart = function() {
	var html =  '<div>'+
			'<FIELDSET style="width: 700px; padding: 10px;border:1px solid #572559;">'+
				'<LEGEND style="color: #F014D0"><b>Create Your Friend Funny photo !</b></LEGEND>'+
					'<table cellpadding="0" cellspacing="0" width="620px" align="center">'+
						'<tr>'+
							'<td align="center" style="padding: 10px;">'+
								'<div id="myContent"> <h3>Please Download Flash Player for using <i>Tease Friend</i> app.</h3>'+
									'<p><a target="_blank" href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>'+
								'</div>'+
							'</td>'+
						'</tr>'+
					'</table>'+
				'</FIELDSET>'+
			'</div>';
	_$("container").innerHTML = html;
	flashCalling();
}

var flashCalling = function(){
		var randomnumber = Math.floor(Math.random()*110);
		
		var flashvars = {
			userId: userId,
			profile_url: profile_url,
			background: background,
			friendId: selectedFriendId
		};
		var params = {
			allowscriptaccess: "always"
		};
		
		var attributes = {
		  	id: "myContent",
		  	name: "myContent"
		};
		
		swfobject.embedSWF(SERVER_URL+"new.swf?t="+randomnumber, "myContent", "550", "420", "9.0.45", SERVER_URL+"expressInstall.swf", flashvars, params, attributes);
		setTimeout("gadgets.window.adjustHeight()", 4000);
};

var showGenPicture = function(picUrl) {
	globalGenImage = picUrl;
	var randomnumber = Math.floor(Math.random()*110);
	var html =  '<div>'+
			'<FIELDSET style="width: 700px; padding: 10px;border:1px solid #572559;">'+
				'<LEGEND style="color: #F014D0"><b>Send Generated  Picture !</b></LEGEND>'+
					'<table cellpadding="0" cellspacing="0" width="680px" align="center">'+
						'<tr>'+
							'<td align="center" style="padding: 10px;" width="350px">'+
								'<img src="'+SERVER_URL+'genSWF/'+userId+'/'+globalGenImage+'?t='+randomnumber+'" />'+
							'</td>'+
							'<td align="center">'+
								'<table cellpadding="0" cellspacing="0" width="330px" height="320px">'+
									'<tr>'+
										'<td valign="top" align="center"><img style="cursor: pointer;" onclick="postBulletin()" src="'+IMG_URL+'bulletin.png"></td>'+
									'</tr>'+
									"<tr>"+
										"<td align='center'>"+
											"<img style='cursor:pointer' onclick='shareStory()' src='"+IMG_URL+"share.png'>"+
										"</td>"+
									"</tr>"+
									'<tr>'+
										'<td style="padding-top:30px; color:#860B91; font-size:14px;"><i>Send this image to <b>'+selectedFriendName+'</b> !</i></td>'+
									'</tr>'+
									'<tr>'+
										'<td align="center">';
											if(appParams['senderId']) {
										html += '<img style="cursor: pointer;" src="'+IMG_URL+'sendGift.png" onclick="copySpecialGift()" />';
											} else {
										html += '<img style="cursor: pointer;" src="'+IMG_URL+'send.png" onclick="postComment()" />';
											}
										html += '<a target="_blank"  href="'+SERVER_URL+'genSWF/'+userId+'/'+globalGenImage+'?t='+randomnumber+'"><img border="0" style="cursor: pointer;" src="'+IMG_URL+'save.png" /></a>'+
										'</td>'+
									'<tr>'+
									'<tr>'+
										'<td align="center">'+
											'<img style="cursor: pointer;" src="'+IMG_URL+'profile.png" onclick="putOnProfile()" />'+
										'</td>'+
									'<tr>'+
									'<tr>'+
										'<td align="center" id="viewProfile" style="display: none; color: #191F33;"><a href="'+userProfile+'" target="_blank"><b><i>View My Profile</i></b></a></td>'+
									'<tr>'+
								'</table>'+
							'</td>'+
						'</tr>'+
						'<tr>'+
							'<td colspan="2" align="right"  style="margin-right:10px;padding-top:10px;font-size:15px;font-weight:bold; color: #1A4460; cursor:pointer;">'+
								'<span style="margin-right: 20px;"  onclick="drawFlashPart()"><img src="'+IMG_URL+'back.png" /></span>'+
							'</td>'+
						'</tr>'+
					'</table>'+
				'</FIELDSET>'+
					'</div>';
	_$("container").innerHTML = html;
}

var showMyPicture = function(picUrl) {
	globalGenImage = picUrl;
	var randomnumber = Math.floor(Math.random()*110);
	var html =  '<div>'+
			'<FIELDSET style="width: 700px; padding: 10px;border:1px solid #572559;">'+
				'<LEGEND style="color: #F014D0"><b>Send Generated  Picture !</b></LEGEND>'+
					'<table cellpadding="0" cellspacing="0" width="680px" align="center">'+
						'<tr>'+
							'<td align="center" style="padding: 10px;" width="350px">'+
								'<img src="'+SERVER_URL+'genSWF/'+userId+'/'+globalGenImage+'?t='+randomnumber+'" />'+
							'</td>'+
							'<td align="center">'+
								'<table cellpadding="0" cellspacing="0" width="330px" height="320px">'+
									'<tr>'+
										'<td valign="top" align="center"><img style="cursor: pointer;" onclick="postBulletin()" src="'+IMG_URL+'bulletin.png"></td>'+
									'</tr>'+
									"<tr>"+
										"<td align='center'>"+
											"<img style='cursor:pointer' onclick='shareStory()' src='"+IMG_URL+"share.png'>"+
										"</td>"+
									"</tr>"+
									'<tr>'+
										'<td align="center">';
											if(appParams['senderId']) {
										html += '<img style="cursor: pointer;" src="'+IMG_URL+'sendGift.png" onclick="copySpecialGift()" />';
											} else {
										html += '<img style="cursor: pointer;" src="'+IMG_URL+'sendFriends.png" onclick="getFriendsList(\'owner\', \'\')" />';
											}
										html += '<a target="_blank"  href="'+SERVER_URL+'genSWF/'+userId+'/'+globalGenImage+'?t='+randomnumber+'"><img border="0" style="cursor: pointer;" src="'+IMG_URL+'save.png" /></a>'+
										'</td>'+
									'<tr>'+
									'<tr>'+
										'<td align="center">'+
											'<img style="cursor: pointer;" src="'+IMG_URL+'profile.png" onclick="putOnProfile()" />'+
										'</td>'+
									'<tr>'+
									'<tr>'+
										'<td align="center" id="viewProfile" style="display: none; color: #191F33;"><a href="'+userProfile+'" target="_blank"><b><i>View My Profile</i></b></a></td>'+
									'<tr>'+
								'</table>'+
							'</td>'+
						'</tr>'+
						'<tr>'+
							'<td colspan="2" align="right"  style="margin-right:10px;padding-top:10px;font-size:15px;font-weight:bold; color: #1A4460; cursor:pointer;">'+
								'<span style="margin-right: 20px;"  onclick="drawFlashPart()"><img src="'+IMG_URL+'back.png" /></span>'+
							'</td>'+
						'</tr>'+
					'</table>'+
				'</FIELDSET>'+
					'</div>';
	_$("container").innerHTML = html;
}

var postComment = function() {
	var title = "Tease Friend !!! ";
	var content =	//"<a href='"+canvas_url+"'><img src='"+IMG_URL+"/logo32.JPG' /><br>"+
					"<span style='font-size:14px;color: #1A4460;'>Hey "+selectedFriendName+", enjoy this funny picture :) !</span><br>"+
					"<a href='"+canvas_url+"'><img border='0' src='"+SERVER_URL+"genSWF/"+userId+"/"+globalGenImage+"' /></a><br />"+
					"<span style='font-size:14px;color: #1A4460;'><a target='_blank' href='"+canvas_url+"'>Make my picture too and send me back now! Click here !!!</a></span><br></br>"+
					"<a href='"+canvas_url+"'><span style='font-size:14px;color: #1A4460;text-decoration:underline;'>Tease Friends App </span></br></a></br>"+
					"<a href='"+canvas_url+"'><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /></a>";
					
	postTo_(title, content, getFriendById(selectedFriendId), "COMMENTS", null);
}

var postBulletin = function() {
	var title = "Tease Friend !!! ";
	
	var content ="";
	if(ownPhotos) {
		content += "<span style='font-size:14px;color: #1A4460;'>Hey Friends,I have made My Funny picture :) 	!</span>"+
					"<a href='"+canvas_url+"'><img border='0' src='"+SERVER_URL+"genSWF/"+userId+"/"+globalGenImage+"' /><br></a>"+
					"<span style='font-size:14px;color: #1A4460;'><a target='_blank' href='"+canvas_url+"'>Make Your or Your friends pictures too and send !!</a></span><br><br>"+
					"<a href='"+canvas_url+"'><span style='font-size:14px;color: #1A4460;text-decoration:underline;'>Tease Friends App</span> <br></a><br>"+
					"<a href='"+canvas_url+"'><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /></a>";
	} else {
		content += "<span style='font-size:14px;color: #1A4460;'>Hey "+selectedFriendName+", enjoy this funny picture :) 	!</span>"+
					"<a href='"+canvas_url+"'><img border='0' src='"+SERVER_URL+"genSWF/"+userId+"/"+globalGenImage+"' /><br></a>"+
					"<span style='font-size:14px;color: #1A4460;'><a target='_blank' href='"+canvas_url+"'>Make my picture too and send me back now! Click here !!!</a></span><br><br>"+
					"<a href='"+canvas_url+"'><span style='font-size:14px;color: #1A4460;text-decoration:underline;'>Tease Friends App</span> <br></a><br>"+
					"<a href='"+canvas_url+"'><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /><img src='"+IMG_URL+"/logo32.JPG' /></a>";
	}			
	
					
	postTo_(title, content, user, "BULLETINS", null);
}

var getFriendById = function(id){
	for (var i=0;i<allFriends.length;i++){
		if (allFriends[i].getId() == id) return allFriends[i];
	}
};

// ------------------------------------------ Upload Photo --------------------------------------//

var uploadPhoto = function() {
	var randomnumber = Math.floor(Math.random()*110);
	var html =  '<div>'+
			'<FIELDSET style="width: 700px; padding: 10px;border:1px solid #572559;">'+
				'<LEGEND style="color: #F014D0">'+
					"<span style='cursor:pointer;background-color: #CC11B0;color:white; font-size: 16px;border: 1px solid #E8A8F7;' onclick='getFriendsList()'><b> &nbsp;Select Friend Photo !&nbsp; </b></span>"+
					"<span style='cursor:pointer;background-color: #CC11B0;color:white; font-size: 16px;border: 1px solid #E8A8F7; border-left: 0px;' onclick='getPhotos()'> <b> &nbsp;Select From My Photos &nbsp;</b> </span>"+
					"<span style='cursor:pointer;background-color: #CC11B0;color:white; font-size: 16px;border: 1px solid #E8A8F7; border-left: 0px;' onclick='getSharedStories()'> <b> &nbsp;Shared Funny Images &nbsp;</b> </span>"+
					"<span style='cursor:pointer;background-color: #FAE3FF; font-size: 16px;border: 1px solid #E8A8F7; border-left: 0px;' onclick='uploadPhoto()'> <b> &nbsp; <span style='color:red'> New !</span> Upload Photo &nbsp;</b> </span>"+
				'</LEGEND>'+
					'<table cellpadding="0" cellspacing="0" width="680px" align="center">'+
						'<tr>'+
							'<td align="center" style="padding: 10px;" width="350px">'+
								 '<iframe src = "'+SERVER_URL+'upload.php?fb_sig_user='+userId+'" frameborder="0" height="300px">'+
                            					'</iframe>'+
							'</td>'+
						'</tr>'+
						'<tr>'+
							'<td><img style="cursor:pointer;" src="'+IMG_URL+'forward.png" align="right" onclick="selectBackgroundForUpload()"></td>'+
						'</tr>'+
					'</table>'+
				'</FIELDSET>'+
					'</div>';
	_$("container").innerHTML = html;
	setTimeout("gadgets.window.adjustHeight()", 2000);
}

var selectBackgroundForUpload = function() {
	var randomnumber = Math.floor(Math.random()*110);
	profile_url = "upload/"+userId+"/uploaded.jpg";
	profile_url = SERVER_URL+profile_url+"?t="+randomnumber;
	selectedFriendId = userId;
	selectBackgroundImg();
}

// ----------------------------------------- Share Created Image With Everone -------------------------------- //

var shareStory = function() {
	var data = "userId=" + userId + "&sharedImage=" + globalGenImage;
	Request.sendPOST(SERVER_URL+"shareImage.php", data, resp_shareStory);
}

var resp_shareStory = function(response) {
	lastSharedImgUrl = response.text;
	getSharedStories();
}

var getSharedStories = function() {
	var data = "userId=" + userId + "&type=shared";
	Request.sendPOST(SERVER_URL+"index.php?action=getImages", data, resp_getSharedStories);
}

var resp_getSharedStories = function(response) {
	var cellCount=3;
	if(response.text != "none") {
		var t = Math.floor(Math.random()*110);
		var data = eval('('+response.text+')');
		var str = 	'<FIELDSET style="width: 800px; padding: 10px;border:1px solid #572559;">'+
					'<LEGEND style="color: #F014D0">'+
						"<span onclick='getFriendsList()' style='cursor:pointer;background-color: #CC11B0;color:white; border: 1px solid #E8A8F7;'><b> &nbsp;Select Friend Photo !&nbsp; </b></span>"+
						"<span onclick='getPhotos()' style='cursor:pointer;background-color: #CC11B0;color:white; font-size: 16px;border: 1px solid #E8A8F7; border-left: 0px;'> <b> &nbsp;Select From My Photos &nbsp;</b> </span>"+
						"<span onclick='getSharedStories()' style='cursor:pointer;background-color: #FAE3FF; border: 1px solid #E8A8F7;'><b> &nbsp;Shared Funny Images !&nbsp; </b></span>"+
						"<span style='cursor:pointer;background-color: #CC11B0;color:white; font-size: 16px;border: 1px solid #E8A8F7; border-left: 0px;' onclick='uploadPhoto()'> <b> &nbsp;<span style='color:red'> New !</span> Upload Photo &nbsp;</b> </span>"+
					'</LEGEND>'+
					'<div style="overflow: auto; height:500px; width: 820px;" id="sharedImg" valign="top">'+
					'<table cellpadding="5" cellspacing="5" width="700px" align="center" valign="top">';
						for ( var i = 0; i < data.images.length; i++ ) {
							if (i % cellCount == 0) str+= "<tr>";
							var imgSrc = data.images[i].imageSrc;
							str += 	'<td align="center" id="img_'+imgSrc+'" valign="top" style="padding:2px; width:200px; border: 3px outset #CE2CA6;">'+
										'<table cellpadding="0" cellspacing="0">'+
											'<tr>'+
												'<td>'+
													'<img style="cursor:pointer" onclick="getFriendsList(\'owner\',\''+imgSrc+'\')" src="'+IMG_URL+'sendFriends.png" />';
												'</td>';
												if(lastSharedImgUrl == imgSrc) {
										str += '<td>'+ 
													"<img style='cursor: pointer;' onclick='deleteLastShared(\""+imgSrc+"\")' src='"+IMG_URL+"delete.png' >"+
												'</td>';
												}
									str += '</tr>'+
											'<tr>'+
												'<td colspan="2" align="center">'+
													'<a target="_blank" href="'+SERVER_URL+'shared/'+imgSrc+'">'+
														'<img border="0" style="max-width:300px; max-height: 200px" src="'+SERVER_URL+'shared/'+imgSrc+'" />'+
													'</a>'+
												'</td>'+
											'</tr>'+
											'<tr>'+
												'<td colspan="2">'+
													'<img style="cursor:pointer" onclick="putOnProfile(\''+imgSrc+'\')" src="'+IMG_URL+'profile.png" />'+
													'<a target="_blank" href="'+userProfile+'" ><span id="viewProfile" style="display:none">View My Profile</span><a>'+
													/*'<img style="cursor:pointer" onclick="shareBulletin(\''+imgSrc+'\')" src="'+IMG_URL+'bulletinSharedStory.png" />'+*/
												'</td>'+
											'</tr>'+
										'</table>'+
									'</td>';
							if (i % cellCount == cellCount-1) str += "</tr>";
						}
					str += '</table>'+
						'</div>'+
					'</FIELDSET>';
		
		_$("container").innerHTML = str;
		
	} else {
		_$("container").innerHTML = "<span style='color: #35879A; font-size:17px; font-family:serif;'><i>There is not shared Love Stories ! Start to share Your Love Story with Your friends !!!</i></span>";
	}
}

// ----------------------------------------- Put On Profile ------------------------------------------------------ //

var putOnProfile = function(imgUrl) {
	if(imgUrl != undefined || imgUrl != "undefined" || imgUrl != "") {
		globalGenImage = imgUrl;
	} 
	var data = "userId=" + userId + "&selectedFriendId=" +globalGenImage+ "&type=shared";
	Request.sendPOST(SERVER_URL+"copyForProfile.php", data, resp_putOnProfile);
}

var resp_putOnProfile = function(response){
	if(_$("viewProfile")) {
		_$("viewProfile").style.display = "";
	}
}

// ----------------------------------------- Delete Last Shared Image -------------------------------------------- //

var deleteLastShared = function(imageSource) {
	var td = _$("img_" + imageSource);
	td.parentNode.removeChild(td);
	var data = "imageSource=" + imageSource;
	Request.sendPOST(SERVER_URL+"index.php?action=deleteShared", data, resp_deleteLastShared);
}

var resp_deleteLastShared = function(response) {
	if(response.text == "ok") {
		getSharedStories();
	}
}

// ----------------------------------------- Send Special Gift ----------------------------------------------- //

var copySpecialGift = function(){
	var data = "userId=" + userId + "&selectedFriendId=" + globalGenImage ;
	Request.sendPOST(SERVER_URL+"copySpecialGift.php", data, resp_copySpecialGift);
}

var resp_copySpecialGift = function(response) {
	//_$("send").innerHTML = "";
	var giftUrl = response.text;
	var recieversLength = recievers.length;
	if(isIE) recieversLength = recievers.length-1;

	var receiverIds = "";
	var receiversInfo = '[';
					
	for(var i=0; i< recieversLength; i++) {
		receiverIds += 	recievers[i].recieverId + ",";
		receiversInfo += '{"recieverName" : "'+recievers[i].recieverName+'", "recieverProfile" : "'+recievers[i].recieverProfile+'", "recieverThunb" : "'+recievers[i].recieverThunb+'" },';
	}
	
	receiverIds = receiverIds.substring(0, receiverIds.length-1);
	receiversInfo = receiversInfo.substring(0, receiversInfo.length-1);
	receiversInfo += ']';

	var data = "query=addgift&senderThumbnail="+senderThumbnail+
				"&senderName="+encodeURIComponent(senderName)+
				"&senderId="+encodeURIComponent(senderId)+
				"&senderProfile="+encodeURIComponent(senderProfile)+
				"&senderTypeId="+encodeURIComponent(senderTypeId)+
				"&appId="+encodeURIComponent(appId)+
				"&appName="+encodeURIComponent(appName)+
				"&giftTypeId="+encodeURIComponent(giftTypeId)+
				"&giftType="+encodeURIComponent(giftType)+
				"&giftUrl="+encodeURIComponent(giftUrl)+
				"&receiverId=" + encodeURIComponent(receiverIds)+
				"&receiversInfo="+encodeURIComponent(receiversInfo);
	Request.sendPOST("http://funpuzzle.teaseplay.com/giftmanager/GiftService", data, resp_info);
}

var resp_info = function(response) {
	if(response.text == "ok") {
		//_$("send").innerHTML = "<b><i> Gift was sent !</i></b>";
	}
}

var _$ = function(id){
	return document.getElementById(id);
};

document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
};

function doNothing(){};


////////////////////////  start promotion
$(document).ready(function(){
		// determine if app is installed
		var global_viewerId = 'non';
		if(opensocial.hasPermission(opensocial.Permission.VIEWER)) {
			global_viewerId = gadgets.views.getParams().viewerId;
		}
 

		 var actionRedirect = gadgets.views.getParams()["goto"];
		 var destination = gadgets.views.getParams()["appname"];
		 var landingPage = gadgets.views.getParams()["landpage"];
		 
		 if(actionRedirect != null && actionRedirect .length > 0) {
				var url = "http://adturns.com/channelStatistics.php?act_own=32&socialType=myspace&appId=make_funy_pics&userId="+global_viewerId+"&channel=goto_"+destination;
				var os_params = {};
				os_params[gadgets.io.RequestParameters.METHOD] = gadgets.io.MethodType.GET;
				os_params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.JSON;
				gadgets.io.makeRequest(url, dummyResponseHandler, os_params);
			  
				if(typeof landingPage == 'undefined' || landingPage==null){
					window.location = 'http://profile.myspace.com/Modules/Applications/Pages/Canvas.aspx?appId='+actionRedirect;
				} else {
					window.location = 'http://www.myspace.com/'+actionRedirect;
				}
		 }
	});

function dummyResponseHandler(response){
	//nothing here
}
////////////////////////  end promotion