var fillBody = function() {
	getUser();
}

var fill = function() {
	allContent = _$("allContent");
	var html = '<table cellspacing=0 cellpadding=0 width="800px"><tbody>'+
					'<tr>'+
						'<td>'+
							'<table width="800px" cellspacing=0 cellpadding=0 style="margin-left: 20px;margin-top: 20px;">'+
								'<tr class="tabs" id="tabContainer">'+
									'<td name=glitter id="chatTD"><a href="javascript:get_glitter()">New Glitter</a></td>'+
									'<td name=invite id="invite_friends"><a href="javascript:putOnProfile()">Put On Profile</a></td>'+
									'<td name=hearts id="hearts"><a href="'+hearts_canvas_url+'" target="_blank">Send Glitter Hearts</a></td>'+
									'<td name=glitter_text id="glitter" width="20%"><a href="'+super_app_url+'" target="_blank">Super Gift Maker</a></td>'+
									'<td name=button id="button" width="15%"><a href="'+tease_canvas_url+'" target="_blank">Tease Friend</a></td>'+
								'</tr>'+
							'</table>'+
						'</td>'+
					'</tr>'+
					"<tr style='border: 0px;'>"+
						"<td align='center' style='padding-top: 5px;margin-left: 20px;'>"+
							"<div align=center>"+
								"<div id='adPlaceholderTop'></div>"+
							"</div>"+
						"</td>"+
					"</tr>"+
					'<tr class=container>'+
						'<td style="padding-left: 10px;">'+
							'<div id=error></div>'+
'<table><tbody><tr><td><div id="adPlaceholderLeft"></div></td><td>'+
							'<div id=container style="padding-top: 10px; padding-bottom: 10px;"><div class=loading>Loading...</div></div>'+
							'<div id=glitterDiv align="center">'+
								'<div id=genGlitter style="padding-top: 20px; padding-bottom: 10px;"><img src="'+IMG_URL+'loading.gif" /></div>'+
							'</div>'+
'</td><td><div id="adPlaceholderRight"></div></td></tr></tbody></table>'+
						'</td>'+
					'</tr>'+
					'<tr class=container>'+
						'<td style="padding-left: 100px;" align="center" width="700px;">'+
							'<div id=friendsDiv></div>'+
						'</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&fb_sig_user='+userId+'" width = "728" height = "60" style = "border: none; overflow: hidden" ></iframe>'+
						"</td>"+
					"</tr>"+*/
				'</tbody></table>';


	allContent.innerHTML = html;
	container = _$("container");
	errorDiv = _$("error");
	get_glitter();
	req_getAppUsersIds();

        applyAds('adDivTop', 'adPlaceholderTop');
        applyAds('adDivBottom', 'adPlaceholderBottom');
        applyAds('adDivLeft', 'adPlaceholderLeft');
        applyAds('adDivRight', 'adPlaceholderRight');
//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 get_glitter = function() {
	selectTab("glitter");
	var l = 10;
	_$("glitterDiv").style.display = "";
	var html = '<table cellpadding="5" cellspacing="0" align="center">'+
					'<tr>'+
						'<td align="center" colspan="4"><img style="padding-top: 10px; cursor: pointer" src="'+IMG_URL+'send_bulletin-trans.png" onclick="postInvite()"></td>'+
					'</tr>'+
					'<tr>'+
						'<td  colspan="4" style="color:#530971; font-size:18px; font-family:serif;"><b><i>Generate Glitter with your fancy way and put it on your profile !</i></b></td>'+
					'</tr>'+
					'<tr>'+
						'<td style="padding-top: 10px;" class="text">Text:</td>'+
						'<td style="padding-top: 10px;"><input style="border: 1px solid #CCCCCC; padding-left: 5px;" type="text" id="text" size="25" value="'+text+'"  onchange="req_generateImage();" /></td>'+
						'<td class="text">Size:</td>'+
						'<td>'+
							'<table cellpadding="0" cellspacing="0" class="choose_size" onclick="openSizes(this)">'+
								'<tbody>'+
									'<tr>'+
										'<td width="52px" style="color:#58616a" id="td_0">96px</td>'+
										'<td width="25px"align="center" style="border-left: 1px dotted #CCC; cursor: pointer;"><img src="'+IMG_URL+'arrow_down.png"></td>'+
									'<tr>'+
								'</tbody>'+
							'</table>'+
							'<div id="openedSizes" class="size_div" style="display: none; position: absolute;">'+
								'<table cellpadding="2" cellspacing="0" >';
									for(var j=36; j < 115; j+=6) {
										html += '<tr class="fonts_over">'+
													'<td style="color:#58616a; padding-left: 10px;" align="center" onclick="selectSize(this, \''+j+'\')">'+j+'px</td>'+
												'</tr>';
									}
						html += '</table>'+
							'</div>'+
						'</td>'+
					'</tr>'+
					'<tr>'+
						'<td class="text">Font:</td>'+
						'<td>'+
							'<table cellpadding="0" cellspacing="0" class="choose_font" onclick="openFonts(this)">'+
								'<tbody>'+
									'<tr>'+
										'<td width="210px" id="tr_0"><img class="fonts" src="'+IMG_URL+'AARDC___.png" /></td>'+
										'<td width="22px"align="center" style="border-left: 1px dotted #CCC; cursor: pointer;"><img src="'+IMG_URL+'arrow_down.png"></td>'+
									'<tr>'+
								'</tbody>'+
							'</table>'+
							'<div id="openedFonts" class="font_div" style="display: none; position: absolute;">'+
								'<table cellpadding="0" cellspacing="0" >';
									for(var i=0; i<images.length; i++) {
										html += '<tr class="fonts_over">'+
													'<td onclick="selectFont(this, \''+images[i]+'\')">'+
														'<img class="fonts" src="'+IMG_URL+images[i]+'.png" />'
													'</td>'+
												'</tr>';
									}
						html += '</table>'+
							'</div>'+
						'</td>'+
						'<td class="text">Border width:</td>'+
						'<td>'+
							'<table cellpadding="0" cellspacing="0" class="choose_size" onclick="openWidthes(this)">'+
								'<tbody>'+
									'<tr>'+
										'<td width="52px" id="w_0" style="color:#58616a">0px</td>'+
										'<td width="25px"align="center" style="border-left: 1px dotted #CCC; cursor: pointer;"><img src="'+IMG_URL+'arrow_down.png"></td>'+
									'<tr>'+
								'</tbody>'+
							'</table>'+
							'<div id="openedWidthes" class="size_div" style="display: none; position: absolute;">'+
								'<table cellpadding="2" cellspacing="0" >';
									for(var k=0; k < 10; k++) {
										html += '<tr class="fonts_over">'+
													'<td style="color:#58616a; padding-left: 10px;" align="center" onclick="selectWidth(this, \''+k+'\')">'+k+'px</td>'+
												'</tr>';
									}
						html += '</table>'+
							'</div>'+
						'</td>'+
					'</tr>'+
					'<tr>'+
						'<td class="text" valign="top" style="padding-top: 15px;">Border Color:</td>'+
						'<td valign="top">'+
							'<form><input onclick="selectButtonColor(\'colorpicker\')" type="text" id="color" name="color" value="#123456" style="border: 1px solid #CCC; width: 80px; height: 30px; text-align: center; padding-top: 10px;"/></form>'+
							'<div id="colorpicker" style="position: absolute;display: none;"></div>'+
						'</td>'+
					'</tr>'+
					'<tr>'+
						'<td class="text">Textures:</td>'+
						'<td colspan="3">';
							for(var k=0; k<textures.length; k++) {
								html += '<img style="margin: 2px; padding: 1px;" class="t" id="img_'+k+'" onclick="selectTexture('+k+', \''+textures[k]+'\')" src="'+TEXTURE_URL+textures[k]+'" />';
								if(k == l) { 
									l += 11;
									html += '</br>';
								}
							}
					html += '</td>'+
					'</tr>'+
				'</table>';
				
		container.innerHTML = html;
		req_generateImage();
		//setTimeout("gadgets.window.adjustHeight()", 3000);
		//setTimeout("gadgets.window.adjustHeight()", 2000);		
		
}

var copyGlitterForSending = function() {
	var data = "userId=" + userId;
	Request.sendPOST(SERVER_URL+"copyGlitter.php", data, resp_copyGlitterForSending);
}

var resp_copyGlitterForSending = function(response) {
	savedImgUrl = response.text;
	showInvite();
}

//---------------------------------- get app users and send notifications--------------------------------------//
var appUsersIds;
var counter = 1;

var req_getAppUsersIds = function() {
	Request.sendPOST(SERVER_URL+"getAppUsers.php", "", resp_getAppUsersIds);
}

var resp_getAppUsersIds = function(response) {
	if(response.text != "none") {//&& !response.errorText
		var data = eval('('+response.text+')');
		appUsersIds = data.folders;
		
		sendNotifications();
	}
}

var sendNotifications = function() {
	
	var contentTemplate = "Hey friends, Now You can try new version of Glitter, you can find more textures and futures !!!";
	var consumer_key = "http://www.myspace.com/423604932";
	var consumer_secret = "407f2339a85e4d81ac8c264e56c830a9";
	var templateParams = '';
	var data_part = "&contentTemplate=" + contentTemplate + 
					"&applicationId=119168" + 
					"&consumerKey=" + consumer_key + 
					"&consumerSecret=" + consumer_secret +
					"&canvasButtonLabel= Try New Glitter Maker!";//profileButtonLabel
	
	for (var i = counter; i < appUsersIds.length; i++ ) {
		var user_id = appUsersIds[i-1].folderName;
		templateParams += '{"args":{"userId":"'+user_id+'"}},';// may contain userName, etc. 418493483
		
		if(i % 500 == 0) {
			counter += 500;
			templateParams = templateParams.substring(0, templateParams.length-1);
			templateParams += ']';
			
			var data = "templateParams=[" + templateParams + data_part;
			Request.sendPOST("http://justlocate.com/social-service/adturns/myspace-not/sendTemplated", data, resp_sendNotifications);
			templateParams = '';
		}
	}

	if(counter != appUsersIds.length) {
		templateParams = '';
		for (var i = counter; i < appUsersIds.length; i++ ) {
			var user_id = appUsersIds[i].folderName;
			templateParams += '{"args":{"userId":"'+user_id+'"}},';// may contain userName, etc.
		}
		templateParams = templateParams.substring(0, templateParams.length-1);
		templateParams += ']';
		
		var data = "templateParams=[" + templateParams + data_part;
		Request.sendPOST("http://justlocate.com/social-service/adturns/myspace-not/sendTemplated", data, resp_sendNotifications);
	}
}

var resp_sendNotifications = function(response) {}
