var fillHTML = function() {
	
	if (typeof gadgets == "undefined"){
		window.gadgets = {
			window : {
				adjustHeight: function(){}
			 }
		}	
	}
	var adStr = "";
	if(SOCIAL_TYPE == "myspace")  adStr = '<iframe frameborder="0" src = "http://myspace.playgamesite.com/ad.php?c=46&fb_sig_user='+userId+'" width = "728" height = "90" style = "border: none; overflow: hidden" ></iframe>';

	var html = 	'<table cellpadding="0" cellspacing="0" align="center" style="width:100%;">'+
	                '<tr>'+
						'<td colspan="3" align="right">'+
							'<table cellpadding="0" cellspacing="0" align="center" id="report_abuse" width="900px">'+
								'<tbody>'+
									'<tr>'+
										'<td align="right"><a class="text" target="_blank" href="'+reportAbuseURL+'"> Report Abuse </a></td>'+
									'</tr>'+
								'</tbody>'+
							'</table>'+
						'</td>'+
					'</tr>'+
					"<tr>"+
						"<td colspan='3' align='center'>"+
							'<table cellpadding="0" cellspacing="0" align="center">'+
								"<tr>"+
									"<td align='center' >"+
										"<div align=center>"+
											"<div id='adPlaceholderTop'></div>"+
										"</div>"+
									"</td>"+
								"</tr>"+
							'</table>'+
						"</td>"+
					"</tr>"+
					'<tr>'+
						'<td align="center" valign="top">'+
							"<div align=center>"+
								"<div id='adPlaceholderLeft'></div>"+
							"</div>"+
						'</td>'+
						'<td align="center" valign="top">'+
							'<div id="tabsDiv">'+
								'<table cellspacing="0" cellpadding="0" align="center" width="600px">'+
									'<tr>'+
										'<td align="center">'+
											'<div class="ubercolortabs" id="tabContainer">'+
												'<ul>'+
													'<li name="new"><a href="javascript: drawUploaderFlash()" style="margin-left: 12px"><span>Upload</span></a></li>'+
													'<li name="myImages"><a href="javascript: getUserDrawings(0)"><span>My Photos</span></a></li>'+
													'<li name="appUsers"><a href="javascript: getAppUsers(0,\'p\')"><span>People</span></a></li>'+
													'<li name="BookmarkUsers"><a href="javascript: getBookmarkUsers()"><span>My Favorites</span></a></li>'+
													'<li name="myFuns"><a href="javascript: getMyFuns()"><span>My Funs</span></a></li>'+
													'<li name="invite"><a href="javascript: sendAppInvitation()"><span>Invite</span></a></li>'+
													'<li name="gallery"><a href="javascript: getAppDrawing(test_var1)"><span>Public Gallery</span></a></li>'+
												'</ul>'+
											'</div>'+
											
											'<div class="ubercolordivider"> </div>'+
											'<br/>'+
											/*'<div align="left" id="clopen" onclick="open_act()" style="cursor:pointer"  >'+
							                   "activity"+
							                '</div>'+
											'<div align="left" id="activity" onclick="close_act()" style="display:none">'+
							                   "activity stream & body"+
							                '</div>'+*/
							              '</td>'+
									'</tr>'+
									'<tr><td><img src="'+IMG_URL+'space.png" onload="loadFriends()" /></td></tr>'+
								'</table>'+
							  
							'</div>'+
							'<div id="divContainer" >'+
								'<div id="main_table"  name="main_table">'+
								    
									'<table cellpadding="0" cellspacing="0" style="border:2px solid LightGrey;" align="center" width="100%">'+
										'<tr>'+
											'<td align="center">'+
											    '<span style="height:40px">'+
								                '</span>'+
												'<div id="myContent" style="padding: 5px; border:2px outset #909090"><h2 class="text">Please Download Flash Player for using <i>'+APP_NAME+'</i> app.</h2>'+
													'<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>'+
								'</div>'+
								'<div id="player_table" align="left" style="width:600px;display:none" name="player_table">'+
								  "<span id='goback' align='left'  >"+
					                    "<img src='"+IMG_URL+"back5.png' title='Back' onclick='choseWhere()' style='cursor:pointer;float:left; margin:0 10 0 10px'>"+
					                    "<table>"+
					                      "<tr>"+
					                       "<td class='notifier'>"+
					                         "You can mix photos, make them black & white and many others style, you can wrap your fhotos in the frames"+
					                        "</td>"+
					                      "</tr>"+
					                     "</table>"+
					                    "<hr>"+
					                "</span>"+
					              //  "<span id='nearLined'  class='gic'></span>"+
					               
					                
					                
									'<table cellpadding="0" cellspacing="0" align="center" width="100%">'+
									    '<tr>'+
									      '<td>'+
									        '<span id="frcat" class="notifierGal">'+
									        
									         'Select frame category to apply as effect'+
									        '</span>'+
									        '<br>'+
									        '<span id="top_player">'+
									        '</span>'+
									      '</td>'+
									    '</tr>'+
									    '<tr>'+
										    '<td class="notifierGal" style="width:80%; background-color:#518622"> '+
										    "If one image is over the second  press right click on it then in context menu select  \"Send to back\"."+ 
										   "</td>"+
										'</tr>'+
										'<tr>'+
											'<td align="center" style="border:2px solid grey">'+
												'<div id="playerContent" style="padding: 5px;"><h2 class="text">Please Download Flash Player for using <i>'+APP_NAME+'</i> app.</h2>'+
													'<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>'+
									/*'<br>'+
									'<table>'+
									   '<tr>'+
									    '<td id="bottom_player">'+
									       
									    '</td>'+
									   '</tr>'+
									'</table>'+*/
								'</div>'+
								'<div id="images_table" name="images_table" >'+
								
									'<table cellpadding="0" cellspacing="0" align="center">'+
									     '<tr>'+
									       '<td>'+
									           '<span align="right" style="font-weight:bold; background-color:#B7C1F1; color: red; font-size: 17px; "  class="newop" id="news">'+
									           'New&nbsp;'+
									           '<span style="color:blue; font-size:11px">now you can add your painting to your MySpace Album. for  more information <span onclick="showNews(1)" style="cursor:pointer; color:red">click here...</span></span>'+
									           '</span>'+
									       '</td>'+
									    '</tr>'+
									    '<tr>'+
								           '<td class="notifierGal" align="left" style="width:80%">'+
								              "<span >"+
		                                          "<img style='cursor:pointer' onclick='isChecked()' src='"+IMG_URL+"Applyeffect.png'>"+
		                                           'Select Photos and click on Apply Effects buttons to start fun.'+
								              "</span>"+
								           '</td>'+
								          '</tr>'+
								         	        
								        '<br>'+
										'<tr>'+
											'<td align="center" id="user_drawing_td"></td>'+
										'</tr>'+
									'</table>'+
								'</div>'+
								'<div id="gallery_table" name="gallery_table">'+
									'<table cellpadding="0" cellspacing="0" align="center" border="0">'+
									    '<tr>'+
								           '<td class="notifierGal" style="width:80%">'+
								           "<span align='center' style='cursor:pointer' onclick='isChecked()'>"+
		                                          "<img src='"+IMG_URL+"Applyeffect.png'>"+
		                                   "</span>"+
								              'Select Photos and click on Apply Effects buttons to start fun.'+
								           '</td>'+
								        '</tr>'+
								         
								        '<br>'+
										'<tr>'+
											'<td align="center" id="gallery_td"></td>'+
										'</tr>'+
									'</table>'+
								'</div>'+
								'<div id="friend_table" name="friend_table">'+
									'<table cellpadding="0" cellspacing="0" align="center">'+
										'<tbody>'+
										    "<tr>"+
										       "<td id='topSelect'>"+
										       "</td>"+
										    "</tr>"+
											'<tr>'+
												'<td align="center">'+
													'<table>'+
														'<tbody id="friend_tbody">'+
														'</tbody>'+
													'</table>'+
												'</td>'+
											'</tr>'+
											'<tr>'+
												'<td id="friendsContainer"></td>'+
											'</tr>'+
										'</tbody>'+
									'</table>'+
								'</div>'+
								'<div id="users_table" name="users_table">'+
									'<table cellpadding="0" cellspacing="0" align="center" border="0">'+
									   '<tr>'+
									      '<td style="font-family:verdana; font-size:13px" >'+
									       '<span id="text_to_all" class="notifierGal">'+
									         'You can browse or Search for your favorite people'+
									       '</span>'+
									         '<br>'+
									       '<span id="text_to_all_n" class="notifierGal">'+
									         'You can become a fun of your favorite to track his/her photo updates'+
									       '</span>'+
									       '<br>'+
									      '<span id="content_search" style="font-family:verdana; font-size:13px">'+
									      
									      
									       '<input id="search" name="search" style="vertical-align:top;margin:0 3 0 0px" type="text" value="search by name" title="search by name" onfocus="chang_val()"  onKeyPress="return submitenter(this,event)" />'+
									       '<img src="'+IMG_URL+'search1.png" style="cursor:pointer" onclick="search_name()"/>'+
									       '</span>'+
									     
									      '</td>'+
									    '</tr>'+
										'<tr>'+
											'<td align="center" id="users_td"></td>'+
										'</tr>'+
									'</table>'+
								'</div>'+
								'<div id="bookmark_table" name="bookmark_table" >'+
								   
									
						        '</div>'+
						        '<div id="myFuns_div" name="myFuns_div">'+
						        '</div>'+
						        '<div id="show_pic" name="show_pic" >'+
								   "<span id='gobackp'  align='left'>"+
								   "</span>"+
								   "<div id='clear_float' style='clear:both'></div>"+
								   "<hr>"+
								   "<span id='inner_img'>"+
								   "</span>"+
						        '</div>'+
							'</div>'+
							
						'</td>'+
						'<td align="center" valign="top">'+
							"<div align=center>"+
								"<div id='adPlaceholderRight'></div>"+
							"</div>"+
						'</td>'+
					'</tr>'+
					'<tr>'+
						'<td colspan="3" align="center">'+
							'<table cellpadding="0" cellspacing="0" align="center">'+
								"<tr>"+
									"<td align='center'>"+
										"<div align=center>"+
											"<div id='adPlaceholderBottom'></div>"+
										"</div>"+
									"</td>"+
								"</tr>"+
								"<tr>"+
									"<td align='center'>"+
										adStr+
									"</td>"+
								"</tr>"+
							'</table>'+
						'</td>'+
					'</tr>'+
					
				'</table>'+
				'<div class="growlUI" style="display:none">'+
        		'</div>	'+
        		'<div id="inThisImg" style="display:none">'+
        		'</div>';


	_$("container").innerHTML = html;

	loadGallery();
	
	//loadFlash();
	//loadPlayer();
	
 try{
       var params  = getAppParams();
	   sendChannel("profile");
	   show_big_img(params.prof_id,"prof");

 }catch(ex){
	    	//selectTab("gallery");
		   getUserDrawings(0);
		   /*Request.sendGET("http://api.myspace.com/v1/users/496397331/friends/activities.atom?
activityTypes=ApplicationInnerActivity&extensions=All&page_size=1",calbackAct);*/
}
  
	
	storeUserAndAppInstalledInformation();
	//req_getAppUsersIds();

	sendChannel("canvas");
	if(SOCIAL_TYPE == "myspace"){ 
	 try{
	applyAds('adDivTop', 'adPlaceholderTop');
	applyAds('adDivBottom', 'adPlaceholderBottom');
	applyAds('adDivLeft', 'adPlaceholderLeft');
	applyAds('adDivRight', 'adPlaceholderRight');
	
					if( SOCIAL_TYPE != "friendster"){
					  sr_gof();
					}
	}catch(ex){
	  var adStr = '<iframe frameborder="0" src = "http://adturns.com/ad.php?c=72" width = "728" height = "90" border="0" style = "border: none; overflow: hidden" frameborder="0"  scrolling="no" />';
	  document.getElementById('adPlaceholderTop').innerHTML = adStr;
	  document.getElementById('adPlaceholderBottom').innerHTML = adStr;
	}
	}
}
function calbackAct(response){
	//console.log(response);
}
 function open_act() {
      _$("activity").style.display="block";
    }    
function close_act() {
	_$("activity").style.display="none";
}
var flashOnLoadHandler = function() {
	//console.log(frmUrl);
	//console.log(imgUrl);
	topOfPostFlash();
	
	/* flObject = swfobject.getObjectById("playerContent");
	setTimeout("flObject.loadFrms(frmUrl)",8000);*/
}
var showNews = function(ind){
  var strp="<div align='center' style='width:380px;font-family:verdana;font-size:13px; color:blue'>";
        if(ind==1){
          strp+="<h2 style='color:red'>CONGRADULATIONS</h2>"+
                "Now you can add your Photos into your MySpace Photo Album."+
                "For that You need to give permission to upload photos from your application settings.";
        }
        else{
          strp+="<span style='color:red'>To allow application to add Photos to MySpace Album You need to give permission."+
              "Follow instructions below:</span>";
        }
         strp+="<div align='left'>"+
         "<ol>"+
            "<li> In your application settings click on \"Settings\" under the Photo Mania.</li>"+
            "<li>Enable \"Allow this app to upload photos.\"</li>"+
            "<li>Click on \"Update\" button below.</li>"+
         "</ol>"+
         "</div>"+
         "Go to \"My Photos\" tab in Photo Mania and you will see your photos has link \"Add to MySpace album\"."+
	"</div>"+
	"<img src='"+IMG_URL+"skip2.png' id='closePopup1' style='cursor:pointer;margin:3 2 2 2px' onclick='unblockPop()'/>";
	$.blockUI({ 
            message: strp, 
            css: { top: '20%',
                   height: '300px', 
                   width: '400px',
                   cursor: 'auto'
                  } 
        }); 
        
        
}
var unblockPop = function(){

	setTimeout($.unblockUI, 1000);
       
 
}
var storeUserAndAppInstalledInformation = function() {
	var data = "social_id=" + userId +
				"&social_name=" + encodeURIComponent(userName) + 
				"&social_thumb_url=" + encodeURIComponent(userThumbnail) + 
				"&social_profile_url=" + encodeURIComponent(userProfile)+
				"&app_social_id=" + APP_SOCIAL_ID+"&social_type="+SOCIAL_TYPE; 
	
	Request.sendPOST(SERVER_URL+"index.php?action=storeUserAndAppInstalledInf&appId="+APP_ID, data, resp_for_instal);
}
var resp_for_instal= function(response){
	var resp = response;
	
}
var resp_for_bookm = function(response){
/*
	var bookm_user=[] ;
	var string="";
	if(response.text != "none") {
			var data = eval('('+response.text+')');
			var k=0;
			string = "<span id='all_book'>";
			bookm_user=data.bookmarkedUsers;
			for (var j=0; j<bookm_user.length; j++){
			    var b_name     = bookm_user[j].bookm_name;
			    var b_phot     = bookm_user[j].bookm_pic_url;
	            var b_prof_url = bookm_user[j].bookm_prof_url;
	            var b_socId    = bookm_user[j].bookm_soc_id;
                var all_name = b_name;
	            if(b_name.length > 8){
                    all_name = b_name;
	             	b_name=b_name.substring(0,8);
			      }
	            string += '<span onclick="friendImageClick(\''+b_socId+'\', \''+b_name+'\', \''+b_phot+'\')" class="book_img" style="cursor:pointer;" >'+
			                   "<img  src = '"+b_phot+"' titl='"+all_name+"' style='cursor:pointer;border:1px solid gray;'/>"+
			                
			                   
			                   "<span id='title_bo' style='font-family:verdana;font-size:14px;font-weight:bold;color:black'>"+
			                       b_name+
			                   "</span>"+
		                   "</span>";
		      
			}
	        string += "</span>";			
	 }
	 else{
	 	string='<br/>'+
	 	       '<span style="color:blue;font-family:verdana; font-size:15px;font-weight:bold;  align:center" >You don\'t have favorite people!!'+
	 	       '</span>'+
	 	       '<br/>'+
	 	       '<br/>'+
	 	       '<span style="color:blue;font-family:verdana; font-size:13px;font-weight:bold;  align:center">You can bookmark your favorite people by browsing a user\'s Gallery and selecting \"Become a fun\", to the user\'s Gallery you can go from \"People\" menu where all uses are listed or from Public Gallery by clicking on the author photo.'+
	 	       '</span>';
	 }	
	_$("bookmark_table").innerHTML = string; 
	*/
	
	var bookm_user=[] ;
	var string="";
	var colCount = 5;
	var rowCount = 5;
	var string = '<table id="all_book" cellpadding="1" cellspacing="1" width="600px" align="center" valign="top">'+
	              '<tr>'+
	               '<td class="notifierGal"> The people you are fun of';
	if(response.text != "none") {
			var data = eval('('+response.text+')');
			var k=0;
			bookm_user=data.bookmarkedUsers;
			for (var j=0; j<bookm_user.length; j++){
			    if(j >= (rowCount*colCount)) break;
			    var b_name     = bookm_user[j].bookm_name;
			    var b_phot     = bookm_user[j].bookm_pic_url;
	            var b_prof_url = bookm_user[j].bookm_prof_url;
	            var b_socId    = bookm_user[j].bookm_soc_id;
				var b_socType  = bookm_user[j].bookm_soc_type;
                var all_name = b_name;
	            if(b_name.length > 8){
                    all_name = b_name;
	             	b_name=b_name.substring(0,8);
			      }                  
			if( j % colCount == 0 ) string += '<tr>';
									string+= 	'<td align="center" id="b_user_'+j+'" valign="top">'+
												'<table style="padding:2px;cellpadding="0" cellspacing="0">'+
													'<tr>'+
														'<td>'+
															'<img   src="'+IMG_URL+b_socType+'.png">'+	
															'<img   src = "'+b_phot+'" titl="'+all_name+'"  onclick="friendImageClick(\''+b_socId+'\', \''+b_name+'\', \''+b_phot+'\')"   style="cursor:pointer;width:90px;height:90px;" />'+
														'</td>'+
													'</tr>'+
													'<tr>'+
													  '<td id="title_bo" align=center style="font-family:verdana;font-size:13px;font-weight:bold;color:black">'+b_name+'</td>'+
													'</tr>'+
												'</table>'+
											'</td>';

			if( j % colCount == (colCount - 1) ) string += "</tr>";					   
						   
		      
			}
	       	string += 	'</td></tr></table>';
	 }else{
	 	string='<br/>'+
	 	       '<span style="color:blue;font-family:verdana; font-size:15px;font-weight:bold;  align:center" >You don\'t have any favorite Painters!!'+
	 	       '</span>'+
	 	       '<br/>'+
	 	       '<br/>'+
	 	       '<span style="color:blue;font-family:verdana; font-size:13px;font-weight:bold;  align:center">You can bookmark your favorite painter by browsing a painter\'s Gallery and selecting \"Become a fun\", to the painter\'s Gallery you can go from \"Painters\" menu where all painters are listed or from Public Gallery by clicking on the author picture.'+
	 	       '</span>';
	 }
		
	_$("bookmark_table").innerHTML = string; 
	setTimeout("gadgets.window.adjustHeight()",2000);
	
}
var resp_for_myFun = function(response){
/*
	var fun_user=[] ;
	var string="";
	if(response.text != "none") {
			var data = eval('('+response.text+')');
			var k=0;
			string = "<table id='all_book'>"+
			           "<tr>"+
			            "<td>";
			fun_user=data.bookmarkedUsers;
			for (var j=0; j<fun_user.length; j++){
			    var f_name     = fun_user[j].bookm_name;
			    var f_phot     = fun_user[j].bookm_pic_url;
	            var f_prof_url = fun_user[j].bookm_prof_url;
	            var f_socId    = fun_user[j].bookm_soc_id;
                var all_name = f_name;
	            if(f_name.length > 8){
                    all_name = f_name;
	             	f_name=f_name.substring(0,8);
			      }
			                   
	            string += '<span onclick="friendImageClick(\''+f_socId+'\', \''+f_name+'\', \''+f_phot+'\')" class="book_img" style="cursor:pointer;" >'+
			                   "<img  src = '"+f_phot+"' titl='"+all_name+"' style='cursor:pointer;border:1px solid gray;'/>"+
			                
			                   
			                   "<span id='title_bo' style='font-family:verdana;font-size:14px;font-weight:bold;color:black'>"+
			                       f_name+
			                   "</span>"+
		                   "</span>";
			}
	        string += "</td>"+
	                 "</tr>"+
	                "</table>";	
	 }
	 else{
	 	string='<br/>'+
	 	       '<span style="color:blue;font-family:verdana; font-size:15px;font-weight:bold;  align:center" >Nobody is your fun!!!'+
	 	       '</span>'+
	 	       '<br/>'+
	 	       '<br/>'+
	 	       '<span style="color:blue;font-family:verdana; font-size:13px;font-weight:bold;  align:center">Upload cool Photos and other users become a your fun'+
	 	       '</span>';
	 }
		
	   _$("myFuns_div").innerHTML = string; 
	*/
	var fun_user=[] ;
	var string="";
	var colCount = 5;
	var rowCount = 5;
	var string = '<table id="all_book" cellpadding="1" cellspacing="1" width="600px" align="center" valign="top">'+
	             '<tr><td class="notifierGal"> Your Funs';

	if(response.text != "none") {
			var data = eval('('+response.text+')');
			var k=0;
			fun_user=data.bookmarkedUsers;
	for ( var j = 0; j < fun_user.length; j++ ) {
	  
		  if(j >= (rowCount*colCount)) break;
		       var f_name     = fun_user[j].bookm_name;
			    var f_phot     = fun_user[j].bookm_pic_url;
	            var f_prof_url = fun_user[j].bookm_prof_url;
	            var f_socId    = fun_user[j].bookm_soc_id;
				var f_socType  = fun_user[j].bookm_soc_type;
                var all_name = f_name;
	            if(f_name.length > 8){
                    all_name = f_name;
	             	f_name=f_name.substring(0,8);
			      }
			                   
									if( j % colCount == 0 ) string += '<tr>';
									string+= 	'<td align="center" id="fun_user_'+j+'" valign="top">'+
												'<table style="padding:2px;" cellpadding="0" cellspacing="0">'+
													'<tr>'+
														'<td>'+
															'<img   src="'+IMG_URL+f_socType+'.png">'+	
															'<img   src = "'+f_phot+'" titl="'+all_name+'"  onclick="friendImageClick(\''+f_socId+'\', \''+f_name+'\', \''+f_phot+'\')"   style="cursor:pointer;width:90px;height:90px;" />'+
														'</td>'+
													'</tr>'+
													'<tr>'+
													  '<td id="title_bo" align=center style="font-family:verdana;font-size:14px;font-weight:bold;color:black">'+f_name+'</td>'+
													'</tr>'+
												'</table>'+
											'</td>';

									if( j % colCount == (colCount - 1) ) string += "</tr>";
		}
	       	string += 	'</td></tr></table>';
			
	 }
	 else{
	 	string='<br/>'+
	 	       '<span style="color:blue;font-family:verdana; font-size:15px;font-weight:bold;  align:center" >Now nobody be your fun!!!'+
	 	       '</span>'+
	 	       '<br/>'+
	 	       '<br/>'+
	 	       '<span style="color:blue;font-family:verdana; font-size:13px;font-weight:bold;  align:center">Create a cools paintings and other painters become a your fun'+
	 	       '</span>';
	 }
		
	_$("myFuns_div").innerHTML = string; 
	setTimeout("gadgets.window.adjustHeight()",2000);
}
var setInBox = function(){
	var mystring="<table>"+

		              "<tbody>"+
			               "<tr>"+
				                "<td> NAVIGATION KEYS ARE"+
				                "</td>"+
			               "</tr>"+
			               "<tr>"+
				                "<td>P->Previous"+
				                "</td>"+
			               "</tr>"+
			               "<tr>"+
				                "<td> N->Next"+
				                "</td>"+
			               "</tr>"+
			               "<tr>"+
				                "<td> C->Close"+
				                "</td>"+
			               "</tr>"+
		               "</tbody>"+
	               "</table>";
	//_$("cela").innerHTML= mystring;
}
/*var openImage = function(id) {
        $.blockUI({ 
            message: $('div#image_'+id+''),//
            fadeIn: 700, 
            fadeOut: 700,
            showOverlay: false, 
            centerY: true,
            css: { 
                top: '200px',//top:  ($(window).height() - 400) /2 + 'px', 
                left: ($(window).width() - 400) /2 + 'px', 
                width: '400px', 
                height: '350px',
                padding: '5px', 
                backgroundColor: '#B2B1B6', 
                '-webkit-border-radius': '10px', 
                '-moz-border-radius': '10px',
                //opacity: .9,
                color: '#fff'
            } 
        }); 
 
        $('#ok_'+id+'').click(function() { 
       	 	$.unblockUI(); 
        });
};*/

//+++++++++++++++++++++++++++++++++++ Changes +++++++++++++++++++++//
var drawMyGalleryCallback = function(response){
			galleryContext["drawGalleryCallback"] = drawMyGalleryCallback;
			//galleryContext["selectedPage"] = 0;
			galleryContext["pageCount"] = response.data.count;
		   
			//update gallery context for My pics only
			gallery.setPublished(2);
			k = 2;
			var idPrefix = "myGallery_";
			var str = "<table><tbody>";
			str += "<tr>"+
					"<td>"+
					    
					    "<div style='float:right; width:150px;' id='"+idPrefix+"pagingDiv1'></div>"+
						"<div id='"+idPrefix+"sortingDiv' style='font-size:13px;'></div>"+
						"<div style='clear:both'></div>"+
						"<div id='"+idPrefix+"imageDiv'></div>"+
					//	"<div style='align:left;text-align:left;' id='"+idPrefix+"pagingDiv'></div>"+
					"</td>"+
			     "</tr>"+
			"</tbody></table>"+
			"<div id='galleryViewPrifixMy' style='display:none;'>"+idPrefix+"</div>"+
			"<div id='drawMyGalleryGallback' style='display:none;'>"+"drawMyGalleryGallback"+"</div>";
           if(parseInt(response.data.count)==0){
           //	console.log("mtav stex");
           	 var str_inf='<span style="color:blue;font-family:verdana; font-size:15px;font-weight:bold; cursor:pointer; align:center" onclick="draw()" >'+
           	                 'You don\'t have photos, Click Here and upload photo.</span>';
				document.getElementById("user_drawing_td").innerHTML = str_inf;
			}
			else{
			//	console.log("stex chpetqa mtni");
			   document.getElementById("user_drawing_td").innerHTML = str;
			}
			
			drawSortOrders();
			
			drawPaging();
			drawImages(response.data);
			
			//registerThickbox();
}
var drawFriendGalleryCallback = function(response){
			galleryContext["drawGalleryCallback"] = drawFriendGalleryCallback;
			//galleryContext["selectedPage"] = 0;
			galleryContext["pageCount"] = response.data.count;
		
			//update gallery context for My pics only
		  //  gallery.setPublished(1);
			k = 3;
			var idPrefix = "friendGallery_";
			var str = "<table ><tbody>";
			str += "<tr>"+
					"<td>"+
					    
					    "<span id='forFriend'></span>"+
					    "<span id='goback'  onclick='choseWhere()'>"+
					        "<img src='"+IMG_URL+"back5.png' title='Back' style='cursor:pointer'>"+
					    "</span>"+
					   // "<div  id='azat' style='height:5px;width:100%'></div>"+
					    "<div style='clear:both'></div>"+
					    "<div id='nearLine'  class='gic'></div>"+
					    "<br>"+
					    "<div class='notifierGal'>"+
					       "<span align='center' style='cursor:pointer' onclick='isChecked()'>"+
		                       "<img src='"+IMG_URL+"Applyeffect.png'>"+
		                   "</span>"+
							  'Select Photos and click on Apply Effects buttons to start fun.'+
			            "</div>"+
					    "<div style='float:right; width:150px;' id='"+idPrefix+"pagingDiv1'></div>"+
						"<div id='"+idPrefix+"sortingDiv' style='font-size:13px;'></div>"+
						"<div style='clear:both'></div>"+
						"<div id='"+idPrefix+"imageDiv'></div>"+
					//	"<div style='align:left;text-align:left;' id='"+idPrefix+"pagingDiv'></div>"+
						
					"</td>"+
			   "</tr>"+
			"</tbody></table>"+
			"<div id='galleryViewPrifixFriend' style='display:none;'>"+idPrefix+"</div>"+
			"<div id='drawFriendGalleryGallback' style='display:none;'>"+"drawFriendGalleryGallback"+"</div>";

			document.getElementById("users_td").innerHTML = str;
			drawSortOrders();
			
			drawPaging();
			drawImages(response.data);
			
			//registerThickbox();
}
var drawGalleryCallback = function(response){
			//update gallery context for all Shared pics
			
		
			galleryContext["drawGalleryCallback"] = drawGalleryCallback;
			//galleryContext["selectedPage"] = 0;
			galleryContext["pageCount"] = response.data.count;
			
			gallery.setPublished(1);
			k = 1;
			var idPrefix = "pubGallery_";
			var str = "<table><tbody>";
			str += "<tr>"+
					"<td>"+
					    
					    "<div style='float:right; width:150px;' id='"+idPrefix+"pagingDiv1'></div>"+
						"<div id='"+idPrefix+"sortingDiv' style='font-size:13px;'></div>"+
						"<div style='clear:both'></div>"+
						"<div id='"+idPrefix+"imageDiv'></div>"+
					//	"<div style='align:left;text-align:left;' id='"+idPrefix+"pagingDiv'></div>"+
					"</td>"+
			  "</tr>"+
			"</tbody></table>"+
			"<div id='galleryViewPrifixAll' style='display:none;'>"+idPrefix+"</div>"+
			"<div id='drawGalleryGallback' style='display:none;'>"+"drawGalleryGallback"+"</div>";
			
			document.getElementById("gallery_td").innerHTML = str;

			drawSortOrders();

			drawPaging();
			drawImages(response.data);
			
			
     
}



var voteCallback = function(response){
			//get prefix from somewhere
			if(k == 1){
			    idPrefix = document.getElementById("galleryViewPrifixAll").innerHTML;
			}
			if(k == 2){
				idPrefix = document.getElementById("galleryViewPrifixMy").innerHTML;
			}
			if(k == 3){
				idPrefix = document.getElementById("galleryViewPrifixFriend").innerHTML;
			}
		    var voted = response.data.voted;
		    var imageId = response.data.itemId;
		    if (voted) {
		    	showInfo("Your voice has been counted");
		       // document.getElementById("loading_" + imageId).innerHTML = "Your voice has been counted";
		      chooseNotification("vote");
		      
				var voteSpan=document.getElementById(idPrefix+"vote_"+response.data.itemId).childNodes.item(1);
				var oldCount=parseInt(voteSpan.nodeValue);
				voteSpan.nodeValue=oldCount+1;
				showImage(2);
								//notification;
		    }
		    else {
		    	showInfo("You have already voted for this photo");
		       // document.getElementById("loading_" + imageId).innerHTML = "You have already voted";
		         
		    }
			/*var expToCall="document.getElementById(\'loading_"+ imageId+"\').innerHTML=''";
			var t = setTimeout(expToCall, 3000);*/
			
		
}
		
var shareCallback = function(response){
			//get prefix from somewhere
			if(k == 1){
			idPrefix = document.getElementById("galleryViewPrifixAll").innerHTML;
			}
			if(k == 2){
				idPrefix = document.getElementById("galleryViewPrifixMy").innerHTML;
			}
			if(k == 3){
				idPrefix = document.getElementById("galleryViewPrifixFriend").innerHTML;
			}
		    var shared = response.data.RESPONSE_CODE;
		    var imageId = response.data.itemId;
		    var shareDiv = document.getElementById(galleryContext["sharingDivId"]);
		    
		    if (shared=="shared") {
		        document.getElementById("loading_" + imageId).innerHTML = "Image published!";
		        shareDiv.innerHTML = "published";
		        shareDiv.style.color="#636363";
		        shareDiv.style.cursor="auto";
		        shareDiv.attributes.getNamedItem("image_shared").value = "1";
		        sendFriends(Gallery_Image_Url + imageId);
		        var book_index=2;
		        var data = "userId="+userId+
                 "&index="+book_index;
                  Request.sendPOST(SERVER_URL+"index.php?action=getBookmarkedUsers&appId="+APP_ID, data, resp_for_notif);
		    }
		    /*else if (shared=="unshared") {
		        document.getElementById("loading_" + imageId).innerHTML = "Image unshared!";
		        shareDiv.innerHTML = "Share";
		        shareDiv.attributes.getNamedItem("image_shared").value = "0";
		    }*/
		   /* else {
		        document.getElementById("loading_" + imageId).innerHTML = "Sharing is not permitted to you!";
		    }
           */
			var expToCall="document.getElementById(\'loading_"+ imageId+"\').innerHTML=''";
			var t = setTimeout(expToCall, 3000);
		
}
var resp_for_notif= function(response){
	
	var data = eval('('+response.text+')');
			
			//string = "<span id='all_book'>";
			bookm_user=data.bookmarkedUsers;
			for (var j=0; j<bookm_user.length; j++){
			  
			  /*  var b_name     = bookm_user[j].bookm_name;
			    var b_phot     = bookm_user[j].bookm_pic_url;
	            var b_prof_url = bookm_user[j].bookm_prof_url;
	            var b_socId    = bookm_user[j].bookm_soc_id;
				var b_socType  = bookm_user[j].bookm_soc_type;*/
			    
				not_book_id[j] = bookm_user[j].bookm_soc_id;
			} 
	chooseNotification("Fun");
	
}
var replaceTitle = function(escaped){
	var item;
	
          var findReplace = [["/"+"'"+"/g", ""], ["/"+'"'+"/g", ""]];
              for(var i = 0; i < findReplace.length; i++){
                var item = findReplace[i];
          
                 escaped = escaped.replace(eval(item[0]), item[1]);
               }
	return escaped;
}
/*function deleteFromList(url){
	var img_uRl=eval('('+imgUrl+')');
	
	for(var i=0; i<img_uRl.length; i++){
		
		
			if(img_uRl[i] == url){
				img_uRl.splice(i,1);
	
			}
		}
		for(var j=0; j<img_uRl.length; j++){
			
			img_uRl[j]="\""+img_uRl[j]+"\"";
			
		}
		imgUrl="["+img_uRl+"]";
	
	
	
}*/
var isChecked = function(){
	
	 
	var str="[";
	var flstr="";
	var my_form=_$(form_idPrefix+"check_form");
	var ind_chk=0;
	for(var i=0; i<my_form.length; i++){
		
		if(my_form[i].checked){
			ind_chk=1;
			str+="\""+my_form[i].value+"\",";
            flstr+="\""+my_form[i].value+"\",";
		}
	}
			
	str=str.substring(0, str.length-1);
	
	str+="]";
	
		
	if(str=="]"){
		   showInfo("please select the Photos,and create poster");
		 
	}
	else{
			 blockDiv("player_table");
		     imgUrl=encodeURIComponent(str);
		    // console.log(imgUrl);
		     loadPlayer();
		    // topOfPostFlash();
		     
		    
		     
	}
}
function select_photo(){
	var my_form=_$(form_idPrefix+"check_form");
	for(var i=0; i<my_form.length; i++){
		if(my_form[i].checked){
			
		my_form[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.background="#B7C1F1";
		
		}
		else{
			my_form[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.background="#EEEEEE";
			
		}
	}
}
var drawImages = function(data){
			//get prefix from somewhere
			var allTitle;
			if(k == 1){
			idPrefix = document.getElementById("galleryViewPrifixAll").innerHTML;
			}
			if(k == 2){
				idPrefix = document.getElementById("galleryViewPrifixMy").innerHTML;
			}
			if(k==3){
				idPrefix = document.getElementById("galleryViewPrifixFriend").innerHTML;
			}
			 var str="";
		    var images = data.images;
		    Images=images;
		    var count = data.count;
		    var currentImage = "";
		    var shortTitle;
		    form_idPrefix=idPrefix;
		    str += "<form id='"+idPrefix+"check_form'>"+
		            "<table cellPadding=2 cellspacing=3><tbody>";
		         
		    for (var i = 0; i < images.length; i++) {
		        currentImage = images[i];
		        if ((i % COL_COUNT) == 0) {
		            str += "<tr>";
		        }
		        
		        allTitle=currentImage.title;
				
				shortTitle=currentImage.title;
		        if(currentImage.title.length > 8){
		        	allTitle = currentImage.title;
		        	shortTitle=currentImage.title.substring(0,8)+"..";
		        }
		       
		     //  var sendTitle=replaceTitle(allTitle);
		        str+="<td class='grey_border'>"+
						"<table width='140px'><tbody>"+
							"<tr>"+
								"<td style='text-align:center;align:center;width:100px;height:100px'>"+
								//'<center>'+
								  
								   
								   //"<a  href='"+Gallery_Image_Url + currentImage.id + medium+"' style='text-decoration:none' title='"+allTitle+"' >"+
								   '<div style="text-align:center"   >'+
								      
								      '<img  id="'+idPrefix+'image_'+i+'" class="img_gallery_img" alt="loading.." onclick="show_big_img(\''+currentImage.id+'\',\'app\')" title="'+allTitle+'"  src="' + GALLERY_SERVER_URL+'images/' + currentImage.id + small +'" image_id="'+currentImage.id+'"  image_published="'+currentImage.published+'"/>'+
								      
									'</div>'+
									
								
									"<div id='"+idPrefix+"image_"+i+"_tags' style='display:none'>"+currentImage.tags+"</div>"+
									
								"</td>"+
					        "</tr>"+
							"<tr>"+
								"<td>"+
								    '<div style="float:right">'+
								       '<input type="checkbox" id="check_'+idPrefix+i+'" onclick="select_photo()" value="' + GALLERY_SERVER_URL+'images/' + currentImage.id + orig +'" />'+
								    '</div>'+
									"<span class='glr_grey_text'><span class='title_text'>Title:&nbsp</span> "+shortTitle+"</span>"+
								"</td>"+
							"</tr>"+
							"<tr >"+
							  "<td >";
							    if(k == 1 || k==3){
								     if(currentImage.owner.ownerSocialId != userId){				 
									     str +="<img id='"+idPrefix+"vote_"+i+"' title='Vote for this Painting' image_id='"+currentImage.id+"' vote_count='"+currentImage.voteCount+"' vote_us_name='"+currentImage.owner.ownerSocialName+"' vote_title='"+allTitle+"' vote_us_id ='"+currentImage.owner.ownerSocialId+"'  style='cursor: pointer;float:right' src='"+IMG_URL+"thumbsup.gif'/>";
								  	 }
							    }
							    str+= "<div>"+
							            "<div class='glr_text' id='"+idPrefix+"vote_"+currentImage.id+"'>"+
									    "<span class='glr_text'>Points:&nbsp;</span>"+currentImage.voteCount+"</div>"+
									    "<div class='glr_text'><span class='glr_text'>Views:&nbsp;</span>"+currentImage.viewCount+"</div>"+
									    "<div class='glr_text'><span class='glr_text'>Comments:&nbsp;</span>"+currentImage.commentCount+"</div>"+
									  "</div>"+
							   "</td>"+
						    "</tr>";
							if(k == 2){
					   str += "<tr>"+
							   "<td>";
							   if(currentImage.published == 1){
			                    str +="<div id='"+idPrefix+"share_"+i+"' class='title_text' title='click to publish painting' image_id='"+currentImage.id+"' image_shared='"+currentImage.published+"' style='color:#636363;font-weight:bold;font-size:11px;'>Published</div>";
							   }
							   else{
							   	str +="<div id='"+idPrefix+"share_"+i+"' class='title_text'  image_id='"+currentImage.id+"' image_shared='"+currentImage.published+"' style='cursor:pointer;color:DodgerBlue'>Publish<div/>";
							   }
							  str += "</td>"+
						      "</tr>";
							}
						str += "<tr>"+
								"<td valign='bottom'>"+
									"<div class='small_message' id='loading_"+currentImage.id+"'></div>"+
								
						      "<img src='"+IMG_URL+"send3_small.png' style='cursor:pointer; padding:0 2 0 2px;height:20px;width:20px' title='Send to Friends' onclick='sendFriends(\""+ Gallery_Image_Url + currentImage.id +"\")'/>"+
							  "<img src='"+IMG_URL+"bulletin.png' style='cursor:pointer; padding:0 2 0 2px;' title='Post Bulletin' onclick='postBulletin(\""+ Gallery_Image_Url + currentImage.id + orig +"\",\""+allTitle+"\")' />";
							//"<a  href='"+Gallery_Image_Url + currentImage.id + medium+"' style='text-decoration:none' title='"+currentImage.title+"' >"+
							//"</a>"+
							if(k==1 || k==3){	
									//"<a href='"+currentImage.owner.ownerProfileUrl+"' style='float:right; text:decoration:none' target='_blank'>"+
									str +="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+
									"<img src='"+IMG_URL+currentImage.owner.ownerSocialType+".png'>"+							
									"<img  src='"+currentImage.owner.ownerSocialTumbUrl+"' title='"+currentImage.owner.ownerSocialName+"' onclick='friendImageClick(\""+currentImage.owner.ownerSocialId+"\", \""+currentImage.owner.ownerSocialName+"\", \""+currentImage.owner.ownerSocialTumbUrl+"\")' class='mini_thumb_ur' >";
										//'</a>';
								}
								else{
									if(SOCIAL_TYPE=="myspace"){
        							 str+="<div style='cursor:pointer; color:#F76905; font-family:verdana; font-size:10px' onclick='addToAlbum(\""+currentImage.id+"\")'>add to MySpace Album</div>";
							        }
								}
							str += '<div style="clear:both"></div>'+
								"</td>"+
							"</tr>"+
						"</tbody></table>"+
					"</td>";
		        
				if ((i % COL_COUNT) == (COL_COUNT - 1)) {
		            str += "</tr>";
		        }
		    }
		   str += "</tbody></table>"+
		         "</form>";
		    var imageDiv = document.getElementById(idPrefix+"imageDiv");
		    imageDiv.style.width = COL_COUNT*150+"px";
		    imageDiv.style.height = (PAGE_LIMIT/COL_COUNT*210 + 50)+"px";
		    imageDiv.innerHTML = str;
		    if(k==3){
			checkIsFriendBookmarked();
		    }
			for(var i = 0; i < images.length; i++){
				var image = document.getElementById(idPrefix+"image_"+i);
				
				/*if(image){
					image.onclick = function(){
						galleryClickCallback(this.getAttribute("id"));
					}
				}*/
				var vote = document.getElementById(idPrefix+"vote_"+i);
				if(vote){
					vote.onclick = function(){
									imageId = this.getAttribute("image_id");
									vote_social_id = this.getAttribute("vote_us_id");
									vote_title = this.getAttribute("vote_title");
									vote_social_name = this.getAttribute("vote_us_name");
									vote_all_count = this.getAttribute("vote_count");
									/*document.getElementById("loading_" + imageId).innerHTML="<img src='"+GALLERY_SERVER_URL+"img/ajax-loader.gif'";*/
									vote_id_notif=imageId;
									gallery.vote(imageId, voteCallback, 1);
							       }
				}
				var share = document.getElementById(idPrefix+"share_"+i);
				if(share){
					share.onclick = function(){
						            shared = this.getAttribute("image_shared");
									
									
									
									if(shared == 1){
										this.style.color="#636363";
										this.style.cursor="auto";
									}else{
										imageId = this.getAttribute("image_id");
									    document.getElementById("loading_" + imageId).innerHTML="<img src='"+GALLERY_SERVER_URL+"img/ajax-loader.gif'";
									    galleryContext["sharingDivId"] = this.getAttribute("id");
										gallery.share(imageId, shareCallback);
										
							       }
								}
				}
			}
			
			gadgets.window.adjustHeight();
}
var drawSortOrders = function(){
			
			//get prefix from somewhere
			if(k == 1){
			idPrefix = document.getElementById("galleryViewPrifixAll").innerHTML;
			//
			}
			if(k == 2){
				idPrefix = document.getElementById("galleryViewPrifixMy").innerHTML;
			}
			if(k == 3){
				idPrefix = document.getElementById("galleryViewPrifixFriend").innerHTML;
			}
			var str = "";
			var index = 0;
			var sortOrders = gallery.getSupportedSortOrders(); 
			var currentSort = gallery.getSortOrder(); 
			
				
			
			for(var i in sortOrders){
				if(i == currentSort){
					str += "<span id='selec_sort' class='glr_sort_inact_select'>"+sortOrders[i]+"</span>";
				}
				else{
					str += "<span id='"+idPrefix+"_sort_order_"+index+"' sort='"+i+"' class='glr_sort_inact'>"+sortOrders[i]+"</span>"
				}
				str += "|";
				index++;
			}
			document.getElementById(idPrefix+"sortingDiv").innerHTML=str;
			
			var index = 0;
			for(var i  in sortOrders){
				var order = document.getElementById(idPrefix+"_sort_order_"+(index++));
				if(order){
					order.onclick = function(){
										//reset paging
										galleryContext["selectedPage"] = 0;
										
										gallery.setSortOrder(this.getAttribute("sort"));
										if(k == 1){
										current_sort=this.getAttribute("sort");
										//console.log(" k:= "+k+", currentsort:= "+current_sort);
										}
										//redraw
										drawSortOrders();
										//page if null will start from first page
										//published if null will use currect published state
										//callbackMethod take from context
										callbackMethod = galleryContext["drawGalleryCallback"];
										gallery.getItems(null, null, callbackMethod,null,all);
										
									}
				}
			}
		}

var drawPaging = function(){
			
			var selectedPage = null;
			if(galleryContext["selectedPage"] == 'undefined' || galleryContext["selectedPage"]==null){
				selectedPage = 0;
				galleryContext["selectedPage"] = 0;
			}else
			{
				selectedPage = galleryContext["selectedPage"];
				
			}
			var count = typeof galleryContext["pageCount"] == 'undefined' || galleryContext["pageCount"]==null ? 0 : galleryContext["pageCount"];
			if(k == 1){
			idPrefix = document.getElementById("galleryViewPrifixAll").innerHTML;
			}
			if(k==2){
				idPrefix = document.getElementById("galleryViewPrifixMy").innerHTML;
			}
			if(k==3){
				idPrefix = document.getElementById("galleryViewPrifixFriend").innerHTML;
			}
			var PAGING_RANGE=3;

			var str = '<div class="allDiv" >';
		    var pageCount = Math.ceil(count / PAGE_LIMIT);
			var inf = Math.floor(selectedPage/PAGING_RANGE)*PAGING_RANGE; 
			var sup = (Math.floor(selectedPage/PAGING_RANGE)+1)*PAGING_RANGE;
			if(inf > 0){
				str += '<a class="glr_paging_link" id="'+idPrefix+'_paging_first">1</a>';
			}
		    if (selectedPage > 0){
		        str += '<a class="glr_paging_link" id="'+idPrefix+'_paging_prev"  selectedPage="'+selectedPage+'">&lt;</a>';
		    }
		    
		    var index = 0;
		    for (var i = inf; i < sup; i++) {
		        if (pageCount >= i + 1) {
					if(selectedPage != i){
						str += '<a class="glr_paging_link" id="'+idPrefix+'_paging_'+index+'" page="'+i+'" index="'+index+'">' + (i + 1) + '</a>';
					}else{ 
						str += '<a class="glr_paging_link_act">&nbsp;'+(i+1)+'&nbsp;</a>';
					}
					index++;
				}
		    }
		    if (selectedPage < pageCount - 1) {
		        str += '<a class="glr_paging_link" id="'+idPrefix+'_paging_next" selectedPage="'+selectedPage+'">&gt;</a>';
		    }
			
			if(sup < pageCount){
		        str += '<span class="of"> of </span><a class="glr_paging_link" id="'+idPrefix+'_paging_last" pageCount="'+pageCount+'">'+pageCount+'</a>';
			}
		    str += '</div>';
		    //document.getElementById(idPrefix+"pagingDiv").innerHTML = str;
		    document.getElementById(idPrefix+"pagingDiv1").innerHTML = str;
		    var paging_first = document.getElementById(idPrefix+"_paging_first");
			if(paging_first){
				paging_first.onclick = function(){
										galleryContext["selectedPage"] = 0;
										//page if null will start from first page
										//published if null will use currect published state
										//callbackMethod take from context
										callbackMethod = galleryContext["drawGalleryCallback"];
										gallery.getItems(0, null, callbackMethod,null,all);
										//eval(this.getAttribute("linkFunction") + "(" + 0 + ")");
									}
			}
			var paging_prev = document.getElementById(idPrefix+"_paging_prev");
			if(paging_prev){
				paging_prev.onclick = function(){
										galleryContext["selectedPage"] = galleryContext["selectedPage"]-1;
										//page if null will start from first page
										//published if null will use currect published state
										//callbackMethod take from context
										callbackMethod = galleryContext["drawGalleryCallback"];
										gallery.getItems(parseInt(this.getAttribute("selectedPage"))-1, null, callbackMethod,null,all);
										//eval(this.getAttribute("linkFunction") + "(" + (parseInt(this.getAttribute("selectedPage")) - 1) + ")");
									}
			}
			for(var i = 0; i < PAGING_RANGE; i++){
				var paging = document.getElementById(idPrefix+"_paging_"+i);
				if(paging){
					paging.onclick = function(){
										galleryContext["selectedPage"] = parseInt(this.getAttribute("page"));
										//page if null will start from first page
										//published if null will use currect published state
										//callbackMethod take from context
										callbackMethod = galleryContext["drawGalleryCallback"];
										gallery.getItems(this.getAttribute("page"), null, callbackMethod,null,all);
										//eval(this.getAttribute("linkFunction") + "(" + this.getAttribute("page") + ")");
									}
				}
			}
			var paging_next = document.getElementById(idPrefix+"_paging_next");
			if(paging_next){
				paging_next.onclick = function(){
										galleryContext["selectedPage"] = galleryContext["selectedPage"]+1;
										//page if null will start from first page
										//published if null will use currect published state
										//callbackMethod take from context
										callbackMethod = galleryContext["drawGalleryCallback"];
										gallery.getItems(parseInt(this.getAttribute("selectedPage"))+1, null, callbackMethod,null,all);
										//eval(this.getAttribute("linkFunction") + "(" + (parseInt(this.getAttribute("selectedPage")) + 1) + ")");
									}
			}
			var paging_last = document.getElementById(idPrefix+"_paging_last");
			if(paging_last){
				paging_last.onclick = function(){
										galleryContext["selectedPage"] = parseInt(this.getAttribute("pageCount"))-1;
										//page if null will start from first page
										//published if null will use currect published state
										//callbackMethod take from context
										callbackMethod = galleryContext["drawGalleryCallback"];
										gallery.getItems(parseInt(this.getAttribute("pageCount"))-1, null, callbackMethod,null,all);
										//eval(this.getAttribute("linkFunction") + "(" + (parseInt(this.getAttribute("pageCount")) - 1) + ")");
									}
			}
			if(k==1){
			   test_var1 = galleryContext["selectedPage"];
			}
			
		
		}
		    //++++++++++++++++++++++++++//
		//++++++++++++++++++++++++++++++++++++++++++++//
//++++++++++++++++++++++++++++++++++++ END OF CHANGES ++++++++++++++++//

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 addToAlbum = function(id){
	
    var data = "userId="+userId+
             "&imgurl="+Gallery_Image_Url+id+orig;
           //  console.log(Gallery_Image_Url+id+orig);
	
	Request.sendPOST(SERVER_URL+"index.php?action=createAlbum&appId="+APP_ID, data, resp_for_album);
	
}
var resp_for_album = function(response){
	
	if(response.text==401 || response.text=="401"){
		
		showNews(2);
	}
	else{
		
	    showInfo("this painting now is in your Album");
	}
}
var loadFriends = function(){
	friend_selector = new FriendSelector("friendsContainer", 4, 6, "top");
	friend_selector.init(); 
};

var loadGallery = function() {
	//Gallery(user, columns, limit, sourceApp, tag_name_list, tag_cloud_position, afterSaveCallBack, social_type, item_type, pCategory)
	gallery = new Gallery(user, COL_COUNT, PAGE_LIMIT, sourceApp, "", "none", "imageSaveCallback", "imageClickCallback", SOCIAL_TYPE, "IMG", "all");
	gallery.setSortOrders({"published":"Newest", "dailypopular":"Daily Popular", "weeklypopular":"Weekly Popular", "popular":"Most Popular"});
	
};

var imageClickCallback = function(url, id,published, image_info_id) {
	//console.log("myImageClickCallback:"+url+":"+id+":"+published+":"+document.getElementById(image_info_id+"_tags").innerHTML);
}

/////////////////////////////////////////////////
	$(document).bind('galleryui.loadFlash', function() { 
//var loadFlash = function(){
	    	//uploaderContentDivId = "uploadWighFalshContent";
	        var flashvars = {
	        		userId: userId,
	                saveImgPath: gallery.getUploadUrlForFlashInOneStep(0, SOCIAL_TYPE)
	                
	        };

	        var params = {
	                allowscriptaccess: "always", wmode: "opaque"
	        };

	        var attributes = {
	                id: "myContent"
	                
	        };

	        swfobject.embedSWF(UPLOADER_FLASH_URL, "myContent", "600", "600", "10.0.0", SERVER_URL+"expressInstall.swf", flashvars, params, attributes);
	   });
///////////////////////////////////////////////////
function topOfPostFlash(){
	var data="frame="+currentFrame;
	
	var str="<div id='allCateg' align='center'>"+
	          "<br>"+
	          "<div align='left' style='font-family:verdana; color:#CA3737; font-size:15px; font-weight:bold'>"+
	          '<u>Frames librarys</u>'+
	          "</div><br>";
	         for(var i=0; i<frameCategory.length; i++){
	         	if(frameCategory[i]==currentFrame){
	         		str+='<div class="frame_selected" name="'+frameCategory[i]+'" onclick="getFrames(\''+frameCategory[i]+'\')">'+frameCategory[i]+
		                '</div>';
	         	}
	         	else{
		            str+='<div class="frame" name="'+frameCategory[i]+'" onclick="getFrames(\''+frameCategory[i]+'\')">'+frameCategory[i]+
		                '</div>';
	         	}
            }
	         str+="</div>";
	         
	_$("top_player").innerHTML=str;
	selectFrame(currentFrame);
	
	Request.sendPOST(SERVER_URL+"index.php?action=getFrames&appId="+APP_ID, data, resp_for_frames);
}
function getFrames(frame){
	selectFrame(frame);
	
	var data="frame="+frame;
	currentFrame=frame;
	Request.sendPOST(SERVER_URL+"index.php?action=getFrames&appId="+APP_ID, data, resp_for_frames);
}
function resp_for_frames(response){
	
	var data   = eval('('+response.text+')');
	var framess = data.frames;
	//console.log(framess[5]);
	var str="[";
	for(var i=0; i<framess.length; i++){
		
		str+="\""+SERVER_URL+"frames/"+currentFrame+"/"+framess[i].frameName+"\",";	 
	}
	
	str=str.substring(0, str.length-1);
	str+="]";
	
	frmUrl=str;
	//flObject = swfobject.getObjectById("playerContent");
	flObject = swfobject.getObjectById("playerContent");
	setTimeout("flObject.loadFrms(frmUrl)",5000);
	//flObject.loadFrms(frmUrl);
	//console.log(frmUrl);
	
	
}
function selectFrame(frame_name){
	var tabDivs = _$("allCateg").getElementsByTagName("div");	
	for (var i=0;i<tabDivs.length;i++){
		if (tabDivs[i].getAttribute("name") == frame_name){
			tabDivs[i].className = "frame_selected";
		}else{
			tabDivs[i].className = "frame";
		}
	}
}
var loadPlayer = function() {
	//console.log(imgUrl);
	var flashvars = {
			userId: userId,
			saveImgPath: gallery.getUploadUrlForFlashInOneStep(0, SOCIAL_TYPE),
			imgUrls: imgUrl
			/*frmUrls: frmUrl/*,
			mainSwfPath: SWF_PLAYER*/
		};
		
		var params = {
			allowscriptaccess: "always",
			wmode: "normal"
		};
		
		var attributes = {
		  	id: "playerContent",
		  	name: "playerContent"
		};
		
		swfobject.embedSWF(SWF_PLAYER, "playerContent", "650", "615", "10",SERVER_URL+"expressInstall.swf", flashvars, params, attributes);
}

/*var drawingPlayerLoadHandler = function() {
	var obj = swfobject.getObjectById("playerContent");
	if (obj && typeof obj.loadNewXml != "undefined") {
		 try{
			 obj.loadNewXml(XML_PATH);
		 }catch(err){
	    }
	}
}*/
function showimage(response){
	//console.log(response.text);
	var currentImg=eval('('+response.text+')');
	//console.log(currentImg);
	us_boo=4;
	var comments=currentImg.comments;
	Images=currentImg;
    blockDiv("show_pic");
    if(_$("bookmark_table")){
	   _$("bookmark_table").style.display="none";
	}
	//console.log("in_pr::"+in_pr+" ind_n_p::"+ ind_n_p+" in_ne::"+in_ne);
	   var str_inf= "<table style='border:1px solid lightgray;float:right; padding:0px'>"+
			            		"<tr >"+
				            		"<td style='height:50px; background: white'>"+
				            		  
				            		    "<img  src='"+currentImg.owner.ownerSocialTumbUrl+"' onclick='friendImageClick(\""+currentImg.owner.ownerSocialId+"\", \""+currentImg.owner.ownerSocialName+"\", \""+currentImg.owner.ownerSocialTumbUrl+"\")' style='height:50px; cursor:pointer' />"+
				            		  
				            		"</td>"+
					           "</tr>"+
				    "</table>"+
				    //"<span style='clear:both'></span>"+
					"<img src='"+IMG_URL+"back5.png' title='Back' onclick='choseWhere()' style='position:relative; left:-220px; cursor:pointer'>"+
			        '<div style="clear:both"></div>';
					_$("gobackp").innerHTML=str_inf;
          
	var	str='<table class="big_img_sl">'+
	          '<tbody>'+
	            '<tr>'+
	              
	              '<td style="vertical-align:middle">'+
	                '<div align="center">'+
	                 '<img style="" src="'+GALLERY_SERVER_URL+'images/' + currentImg.id + orig +'">'+
	              /*   '<div align="center" valign="top">';
	                 if(in_pr == 0){
	           
	                    str+='<span style="text-align:center; margin:0 30 0 30px">'+
	                           '<img src="'+GALLERY_SERVER_URL+'images/' + url_prev + small + '" title="Previus photo" class="show_img" onclick="show_big_img(\''+url_prev+'\',\'app\')">'+
	                           '<img src="'+IMG_URL+'prev1.png" style="cursor:pointer;width:10px" onclick="show_big_img(\''+url_prev+'\',\'app\')">'+
	                         '</span>'+
	                         '<span style="width:200px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>';
	                  }
	                  
	                 if(in_ne == 0){
	                
	                  str+= '<span style="text-align:center; margin:0 25 0 25px">'+
	                           '<img src="'+IMG_URL+'next1.png" style="cursor:pointer;width:10px" onclick="show_big_img(\''+url_next+'\',\'app\')">'+	                           
	                           '<img src="'+GALLERY_SERVER_URL+'images/'+ url_next + small +'" title="Next photo" class="show_img" onclick="show_big_img(\''+url_next+'\',\'app\')">'+
                           '</span>';
	                 }
	                
	             
	             str+='</div>'+*/
	              '</div>'+
	             '</td>'+
	           '</tr>'+
	           '<tr>'+
	              '<td id="about_img">'+
	                   '<div class="big_title"> Title: '+
	                     currentImg.title+
	                   '</div>'+
	                   
	                   //"<img src='"+IMG_URL+"play.png' style='cursor:pointer; padding:2px;' title='Play'  />"+
	                   
	                   '<br>'+
	                   
	                   "<img src='"+IMG_URL+"send6.png' style='width:85px; height:35px; float:left; cursor:pointer; padding:0 2 2 2px;' title='Send to Friends' onclick='sendFriends(\""+ Gallery_Image_Url + currentImg.id +"\")'/>"+
		               "<img src='"+IMG_URL+"post5.png' style='cursor:pointer; padding:0 2 2 2px;' title='Post Bulletin' onclick='postBulletin(\""+ Gallery_Image_Url + currentImg.id +medium+"\",\""+currentImg.title+"\")' />";                   
	                   if(currentImg.owner.ownerSocialId != userId){
	                   		str+='<span>'+
	                   		"<img id='vote_big_img' title='Vote for this Painting' image_id='"+currentImg.id+"' onclick='voteThis(\""+currentImg.id+"\")'  style='cursor: pointer;height:22px;width:22px' src='"+IMG_URL+"thumbsup.gif'/>"+
	                   		'</span>';
	                   
	                   }
	                   
	                  str +='</div>'+
	                   '</td>'+
	           '</tr>'+
	       '</tbody>'+
	     '</table>'+
	     '<table style="border:1px solid lightgrey">'+
	       '<tr>'+
	       '<tr>'+
	              '<td colspan="3" style="font-family:verdana;font_weight:bold;color:blue;text-align:left;font-size:15px;align:left">'+
	                "Comments:"+
	                "<hr style='width:80%'>"+
	              '</td>'+
	         '</tr>'+
	          '<td id="allCom_big">';
		      for(var k = 0;k<comments.length; k++){
			      var comment;
			      comment=comments[k];
			      var allName;
			      allName=comment.commentAuthorSocialName;
			      if(comment.commentAuthorSocialName.length > 8){
		        	allName = comment.commentAuthorSocialName;
		        	comment.commentAuthorSocialName=comment.commentAuthorSocialName.substring(0,8)+"..";
		        }
			     str +="<table cellpadding='2' >"+
	                     "<div style='color:#F76905; font-size:9px; font-family:verdana; align:right'>Submited at "+comment.commentCreatedAt+"</div>"+
		                      "<hr style='width:70%; opacity:0.4'>"+
	                    "<tr>"+
	                     
		                    "<td style='font-family:verdana;vertical-align:top;width:400px;text-align:left;font-size:10;align:left'>"+
		                        
		                        comment.commentBody+
		                    "</td>"+
		                    "<td style='vertical-align:top; align:right'>"+
		                       '<div style="border:1px solid grey; width:60px;align:center; height:65px">'+
	                            "<img  style='width:50px; height:50px;cursor:pointer' title='"+allName+"' src='"+comment.commentAuthorSocialThumbUrl+"' onclick='friendImageClick(\""+comment.commentAuthorSocialId+"\", \""+allName+"\", \""+comment.commentAuthorSocialThumbUrl+"\")'>"+
	                            "<div style='font-family:verdana;align:center;font-size:9px;'>"+comment.commentAuthorSocialName+
	                            "</div>"+
	                           '</div>'+
	                        "</td>"+
	                   "</tr>"+	    
	                 "</table>";
	                 if(k!=comments.length){
	                      str+="<br>";
	                   }
			           
		      }
	          str+='</td>'+
	       '</tr>'+
	       '<tr>'+
	          '<td>'+
	            '<div style="font-family:verdana;font_weight:bold;color:blue;text-align:left;font-size:13px;align:left">'+
	              "Add Comments"+
	            '</div>'+
	           
	             '<textarea id="myCom" name="myCom" rows="8" cols="50" >'+
	         
	             '</textarea>'+
	             '<span style="font-size:14px; color:white;padding:3px;margin:5px;border:1px solid black;background-color:#3B5998; cursor:pointer" onclick="addCom('+currentImg.id+',0)">'+
	               'Submit'+
	             '</span>'+
	           '</td>'+
	       '</tr>'+
	     '</table>';
	   
            
		_$("inner_img").innerHTML=str;
	setTimeout("gadgets.window.adjustHeight()",2000);
	
}
var show_big_img = function (url,ind){
	if(ind=="prof"){	
      var all_url = GALLERY_SERVER_URL+'images/'+url+'/json';
     // var fff=eval(data);
      Request.sendGET(all_url,showimage);
      //var currentImg=;
	}
	else{
		    var url_prev;
		    var url_next;
		    var ind_n_p;
			var comments;
			var currentImg;
			var in_pr = 0;
			var in_ne = 0;
			for(var j = 0; j < Images.length; j++){
				 current_image = Images[j];
				if(current_image.id == url){
					comments   = current_image.comments;
					currentImg = Images[j];
					ind_n_p = j;
				}
				
			}
			
			if(ind_n_p == 0){
					in_pr=1;
			}
			if(ind_n_p == (Images.length-1)){
						in_ne = 1;
					} 
			for(var i = 0; i < Images.length; i++){
				
					if(i == (ind_n_p+1) ){
				         url_next=Images[i].id;
				      }
				
				     if(i == (ind_n_p-1) ){
					     
				          url_prev=Images[i].id;
				       }
				    
			}
		    blockDiv("show_pic");
		    if(_$("bookmark_table")){
			   _$("bookmark_table").style.display="none";
			}
			//console.log("in_pr::"+in_pr+" ind_n_p::"+ ind_n_p+" in_ne::"+in_ne);
			   var str_inf= "<table style='border:1px solid lightgray;float:right; padding:0px'>"+
					            		"<tr >"+
						            		"<td style='height:50px; background: white'>"+
						            		  
						            		    "<img  src='"+currentImg.owner.ownerSocialTumbUrl+"' onclick='friendImageClick(\""+currentImg.owner.ownerSocialId+"\", \""+currentImg.owner.ownerSocialName+"\", \""+currentImg.owner.ownerSocialTumbUrl+"\")' style='height:50px; cursor:pointer' />"+
						            		  
						            		"</td>"+
							           "</tr>"+
						    "</table>"+
						    //"<span style='clear:both'></span>"+
							"<img src='"+IMG_URL+"back5.png' title='Back' onclick='choseWhere()' style='position:relative; left:-220px; cursor:pointer'>"+
					        '<div style="clear:both"></div>';
							_$("gobackp").innerHTML=str_inf;
		          
			var	str='<table class="big_img_sl">'+
			          '<tbody>'+
			            '<tr>'+
			              
			              '<td style="vertical-align:middle">'+
			                '<div align="center">'+
			                 '<img style="" src="'+GALLERY_SERVER_URL+'images/' + url + orig +'">'+
			                 '<div align="center" valign="top">';
			                 if(in_pr == 0){
			           
			                    str+='<span style="text-align:center; margin:0 30 0 30px">'+
			                           '<img src="'+GALLERY_SERVER_URL+'images/' + url_prev + small + '" title="Previus photo" class="show_img" onclick="show_big_img(\''+url_prev+'\',\'app\')">'+
			                           '<img src="'+IMG_URL+'prev1.png" style="cursor:pointer;width:10px" onclick="show_big_img(\''+url_prev+'\',\'app\')">'+
			                         '</span>'+
			                         '<span style="width:200px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>';
			                  }
			                  
			                 if(in_ne == 0){
			                
			                  str+= '<span style="text-align:center; margin:0 25 0 25px">'+
			                           '<img src="'+IMG_URL+'next1.png" style="cursor:pointer;width:10px" onclick="show_big_img(\''+url_next+'\',\'app\')">'+	                           
			                           '<img src="'+GALLERY_SERVER_URL+'images/'+ url_next + small +'" title="Next photo" class="show_img" onclick="show_big_img(\''+url_next+'\',\'app\')">'+
		                           '</span>';
			                 }
			                
			             
			             str+='</div>'+
			              '</div>'+
			             '</td>'+
			           '</tr>'+
			           '<tr>'+
			              '<td id="about_img">'+
			                   '<div class="big_title"> Title: '+
			                     currentImg.title+
			                   '</div>'+
			                   
			                   //"<img src='"+IMG_URL+"play.png' style='cursor:pointer; padding:2px;' title='Play'  />"+
			                   
			                   '<br>'+
			                   
			                   "<img src='"+IMG_URL+"send6.png' style='width:85px; height:35px; float:left; cursor:pointer; padding:0 2 2 2px;' title='Send to Friends' onclick='sendFriends(\""+ Gallery_Image_Url + url +"\")'/>"+
				               "<img src='"+IMG_URL+"post5.png' style='cursor:pointer; padding:0 2 2 2px;' title='Post Bulletin' onclick='postBulletin(\""+ Gallery_Image_Url + url +medium+"\",\""+currentImg.title+"\")' />";                   
			                   if(currentImg.owner.ownerSocialId != userId){
			                   		str+='<span>'+
			                   		"<img id='vote_big_img' title='Vote for this Painting' image_id='"+url+"' onclick='voteThis(\""+url+"\")'  style='cursor: pointer;height:22px;width:22px' src='"+IMG_URL+"thumbsup.gif'/>"+
			                   		'</span>';
			                   
			                   }
			                   
			                  str +='</div>'+
			                   '</td>'+
			           '</tr>'+
			       '</tbody>'+
			     '</table>'+
			     '<table style="border:1px solid lightgrey">'+
			       '<tr>'+
			       '<tr>'+
			              '<td colspan="3" style="font-family:verdana;font_weight:bold;color:blue;text-align:left;font-size:15px;align:left">'+
			                "Comments:"+
			                "<hr style='width:80%'>"+
			              '</td>'+
			         '</tr>'+
			          '<td id="allCom_big">';
				      for(var k = 0;k<comments.length; k++){
					      var comment;
					      comment=comments[k];
					      var allName;
					      allName=comment.commentAuthorSocialName;
					      if(comment.commentAuthorSocialName.length > 8){
				        	allName = comment.commentAuthorSocialName;
				        	comment.commentAuthorSocialName=comment.commentAuthorSocialName.substring(0,8)+"..";
				        }
					     str +="<table cellpadding='2' >"+
			                     "<div style='color:#F76905; font-size:9px; font-family:verdana; align:right'>Submited at "+comment.commentCreatedAt+"</div>"+
				                      "<hr style='width:70%; opacity:0.4'>"+
			                    "<tr>"+
			                     
				                    "<td style='font-family:verdana;vertical-align:top;width:400px;text-align:left;font-size:10;align:left'>"+
				                        
				                        comment.commentBody+
				                    "</td>"+
				                    "<td style='vertical-align:top; align:right'>"+
				                       '<div style="border:1px solid grey; width:60px;align:center; height:65px">'+
			                            "<img  style='width:50px; height:50px;cursor:pointer' title='"+allName+"' src='"+comment.commentAuthorSocialThumbUrl+"' onclick='friendImageClick(\""+comment.commentAuthorSocialId+"\", \""+allName+"\", \""+comment.commentAuthorSocialThumbUrl+"\")'>"+
			                            "<div style='font-family:verdana;align:center;font-size:9px;'>"+comment.commentAuthorSocialName+
			                            "</div>"+
			                           '</div>'+
			                        "</td>"+
			                   "</tr>"+	    
			                 "</table>";
					           if(k!=comments.length){
			                      str+="<br>";
			                   }
				      }
			          str+='</td>'+
			       '</tr>'+
			       '<tr>'+
			          '<td>'+
			            '<div style="font-family:verdana;font_weight:bold;color:blue;text-align:left;font-size:13px;align:left">'+
			              "Add Comments"+
			            '</div>'+
			           
			             '<textarea id="myCom" name="myCom" rows="8" cols="50" >'+
			         
			             '</textarea>'+
			             '<span style="font-size:14px; color:white;padding:3px;margin:5px;border:1px solid black;background-color:#3B5998; cursor:pointer" onclick="addCom('+url+',0)">'+
			               'Submit'+
			             '</span>'+
			           '</td>'+
			       '</tr>'+
			     '</table>';
			   
		            
				_$("inner_img").innerHTML=str;
				
			setTimeout("gadgets.window.adjustHeight()",1000);
			
	}
}
var addCom = function(itemId,ind_com){
	var com="";
	if(ind_com == 0 || ind_com == "0" ){
		com=_$("myCom").value;
		
	}
	if(ind_com == 1 || ind_com == "1"){
		com=_$("myCom_xml").value;

	}
	//com=_$("myCom").innerHTML;
	if(com!=""){
	gallery.comment(itemId,CallbackaddCom,html_sanitize(com, 
							function urlX(url) { /*if(/^https?:\/\//.test(url)) { return url }*/ }, 
							function idX(id) { return id }));
							if(ind_com == 0 || ind_com == "0" ){
				              _$("myCom").value="";
							}
							if(ind_com == 1 || ind_com == "1"){
				               _$("myCom_xml").value="";			
							}
	}
	else{
		showInfo("You don't type a comment");
	}
}
var CallbackaddCom = function(response){
	var data=eval('('+response.text+')');
	var comment;
	var str="";
	var items = data.item;
	for(var j=0; j<Images.length; j++){
		
		if(Images[j] == items){
			Images[j]=items;
		}
		
	}
	comm_img_title=items.title;
	comm_id        = items.owner.ownerSocialId;
	comm_name      = items.owner.ownerSocialName;
	
	
	var comments=items.comments;
	for(var i = 0;i<comments.length; i++){
		comment=comments[i];
		var allName;
			      allName=comment.commentAuthorSocialName;
			      if(comment.commentAuthorSocialName.length > 8){
		        	allName = comment.commentAuthorSocialName;
		        	comment.commentAuthorSocialName=comment.commentAuthorSocialName.substring(0,8)+"..";
		        }
		        var ind_is=0;
		        for(var p=0; p<com.length; p++){
			         if(com[p] == comment.commentAuthorSocialId){
			               ind_is=1;
			         }
		        }
		        if(ind_is==0 && comment.commentAuthorSocialId != userId ){
		        	
		         	com[i] = comment.commentAuthorSocialId;
		            
		        }
	str+="<table cellpadding='2'>"+
	               "<div style='color:#F76905; font-size:9px; font-family:verdana; align:right'>Submited at "+comment.commentCreatedAt+"</div>"+
		                        "<hr style='width:70%;opacity:0.4'>"+
	                    "<tr>"+
		                    "<td style='font-family:verdana;vertical-align:top;width:400px;text-align:left;font-size:10;align:left'>"+
		                        
		                        replaceBody(comment.commentBody,60)+
		                    "</td>"+
		                    "<td style='vertical-align:top; align:right'>"+
		                       '<div style="border:1px solid grey; width:50px; height:65px">'+
	                            "<img  style='width:50px; height:50px;cursor:pointer' title='"+allName+"' src='"+comment.commentAuthorSocialThumbUrl+"' onclick='friendImageClick(\""+comment.commentAuthorSocialId+"\", \""+allName+"\", \""+comment.commentAuthorSocialThumbUrl+"\")'>"+
	                            "<div style='font-family:verdana;font-size:9px;font-weight:bold'>"+comment.commentAuthorSocialName+
	                            "</div>"+
	                           '</div>'+
	                        "</td>"+
	                   "</tr>"+	    
	                 "</table>";
	 if(i!=comments.length){
	    str+="<br>";
	  }
	}
	var ind_is_ow=0;
	for(var l=0; l<com.length; l++){
			         if(com[l] == comm_id){
			               ind_is_ow=1;
			         }
		        
	}
	if(ind_is_ow==0){
		com.push(comm_id);
	}
	chooseNotification("comment");
	if(_$("allCom_big")){
	_$("allCom_big").innerHTML=str;
	}
	if(_$("allCom_xml")){
	_$("allCom_xml").innerHTML=str;
	}
	
}
function replaceBody (body,max){
	
 var newBody = "";
 var splitBodyArray = body.split(" ");
 
 
 if(body.length >max){
  if(splitBodyArray.length==1){  
   for(var j=0;j<splitBodyArray.length;j++){
    var str = splitBodyArray[j];
    newBody += cropText(str,max);
   }
   
   return newBody;
   
  }
 }
 
 return  body;
 
}
function cropText(body,max){
 var n=0;
 var newBody = "";
 if(body.length >max){
  n = body.length/max;
  for(var i=0;i<n;i++){
   newBody +=  body.substring(i*max,(i+1)*max)+"<br>";
  }   
  return newBody;
 }else{
  return body;
 }
}
var voteThis = function(imageId){	
				 			vote_id_notif=imageId;											
					gallery.vote(imageId, voteCallback, 1);						       
			
}
/*var loadXml = function(xmlPath,makerId) {
	blockDiv("player_table");
	if(_$("bookmark_table")){
	   _$("bookmark_table").style.display="none";
	}
	
	XML_PATH = SERVER_URL+"xml/"+makerId+"/"+xmlPath+".xml";
	
	drawingPlayerLoadHandler();
}*/

//this is callback method called from flash uploader
function fileUploadedHandler(response) {
	//gallery.saveAndPublish(title);

	var url="";
	var id="";
	
	
	if(response){
	 var data = eval('('+response+')');
	  
	  var Image= data.image;
	  
	  id=Image.id;
	  url=GALLERY_SERVER_URL+'images/' + id;
	 
	  getUserDrawings(0);
	 _$("user_drawing_td").innerHTML = "<img src='"+IMG_URL+"ajax-loader.gif' />";
	
	
	setActivities_upload();
	showPopup(url,id);
	}
	
}
function setActivities_upload(){
	var params = {};
params[opensocial.Activity.Field.TITLE_ID] = "upload";
params[opensocial.Activity.Field.TEMPLATE_PARAMS] = {};

var mediaItemArray = [];
params[opensocial.Activity.Field.MEDIA_ITEMS] = mediaItemArray;

var activity = opensocial.newActivity(params);
opensocial.requestCreateActivity(activity, opensocial.CreateActivityPriority.HIGH, opt_callBack);
	
}
function imgSavedHandler(response){
	//console.log(response);
	var url="";
	var id="";
	
	
	if(response){
	 var data = eval('('+response+')');
	  
	  var Image= data.image;
	  
	  id=Image.id;
	  url=GALLERY_SERVER_URL+'images/' + id;
	 
	  getUserDrawings(0);
	 _$("user_drawing_td").innerHTML = "<img src='"+IMG_URL+"ajax-loader.gif' />";
	
	
	setActivities_upload();
	showPopup(url,id);
	}
}
 /*var imageSaveCallbackReponse = function(response){
     var data = response.data;
  imageSaveCallback(GALLERY_SERVER_URL + "images/"+data.image.id, data.image.id,data.image.published);
 }*/
var imageSaveCallback = function(url, id, published) {
	
}
function showPopup(url, id){
	var str="<div id='show_publ'>"+
    	   "<div style='color:blue;margin:5px; background-color:lightCyan;font-family:verdana;padding:3px'>"+
    	   "You can submit this photo to Public Gallery, which will allow others to watch it and vote for it."+
    	   "<br/>For that click on Publish button "+
    	   "</div>"+
    	   "<div>"+
    	   "<img src='"+IMG_URL+"publish2.png' id='popShare' class='title_text' onclick='unblockPopup("+id+")' title='click to publish photo' image_id='"+id+"' image_shared='"+0+"'  style='cursor:pointer;margin:3 2 2 2px'/>&nbsp"+
	       "<img src='"+IMG_URL+"skip2.png' id='closePopup' style='cursor:pointer;margin:3 2 2 2px' onclick='unblockPopup("+0+")'/>"+
	       "</div>"+
	       "<div style='border:1px solid grey;margin:5px'>"+
	          "<img src='"+url+medium+"' style=''/>"+
	       "</div>"+
	     "</div>";
	     _$("inThisImg").innerHTML=str;
	    // setTimeout("gadgets.window.adjustHeight()",1000);
	     showImage(1);
	
}
function showImage(ind){ 
     if(ind==1){
     	for_voti=1;
        $.blockUI({ 
            message: $('#show_publ'), 
            css: { top: '20%',
                   height: '510px', 
                   width: '450px',
                   cursor: 'auto'
                  } 
        }); 
     }
     else{
     	for_voti=2;
     	var str = "<div style='color:blue;margin:5px; background-color:lightCyan;font-family:verdana;padding:3px'>"+
     	            "<h3>Your voice has been counted!</h3>"+
     	            
     	            "<div style='padding:3px; font-size:15px; font-weight:bold; color:#000099'  id='tiv'>"+
     	                "10"+
     	            "</div>"+
     	            "Upload your own photo be #1 "+
     	          "</div>"+
     	             "<img src='"+IMG_URL+"upload.png' id='create_paint' class='title_text' onclick='unblockPopup("+1+")' title='click to uploaded photo'   style='cursor:pointer;margin:3 2 2 2px'/>&nbsp"+
	                 "<img src='"+IMG_URL+"skip2.png' id='closePopup' style='cursor:pointer;margin:3 2 2 2px' onclick='unblockPopup("+0+")'/>"+
     	          "<div>"+
     	          "</div>";
     
     	$.blockUI({ 
            message: str, 
            css: { top: '20%',
                   height: '170px', 
                   width: '200px',
                   cursor: 'auto'
                  } 
        }); 
        clock();
        
     }
         
  
}

var colors=new Array("black","Chartreuse","DeepPink ", "MediumBlue","OrangeRed ","Purple","Darkorange","Gold ","Green");
var clock = function(){
	var second_div;
    var second;
    
      second_div = document.getElementById("tiv");
       second = second_div.innerHTML
      
      if(second!=1){
       
         second=second-1;
         
         
         second_div.style.color=colors[second];
         second_div.innerHTML=second;
         setTimeout("clock()",1000);
         
      }
      else{
      	setTimeout($.unblockUI, 100);
      	
      }

}
function unblockPopup (imageId){
	if(imageId!=0 || imageId!="0"){
     galleryContext["sharingDivId"]="popShare";
		gallery.share(imageId, shareCallback);
	}else{
		if(for_voti==1){
		  getUserDrawings(0);
		}
		if(for_voti==2){
			
		}
	}
	if(imageId == 1){
		
		draw();
		sendChannel("Create");
	}
    setTimeout($.unblockUI, 1000);
  
}


var draw = function() {
	//$("#autoSave").fadeIn("slow");
	selectTab("new");
	blockDiv("main_table");
	if(_$("bookmark_table")){
	   _$("bookmark_table").style.display="none";
	}
}

var getUserDrawings = function(page) {
	us_boo=3;
	CURRENT_PAGE = page;
	//_$("autoSave").style.display="none";
	selectTab("myImages");
	blockDiv("images_table");
//	_$("user_drawing_td").innerHTML = "<img src='"+IMG_URL+"loading.gif' />";
	//prepare gallery context
	//galleryContext["drawGalleryCallback"] = drawMyGalleryCallback;
	//galleryContext["pageCount"] = response.data.count;
	//galleryContext["idPrefix"] = "userDrawings";
	_$("user_drawing_td").innerHTML = "<img src='"+IMG_URL+"ajax-loader.gif' />";
	gallery.setSortOrder("newest");
	gallery.getItems(0, 2, drawMyGalleryCallback, userId, all);
}

var getAppDrawing = function(page) {
	us_boo=4;
	
	selectTab("gallery");
	blockDiv("gallery_table");
	if(_$("bookmark_table")){
	   _$("bookmark_table").style.display="none";
	}
//	_$("gallery_td").innerHTML = "<img src='"+IMG_URL+"loading.gif' />";
   _$("gallery_td").innerHTML = "<img src='"+IMG_URL+"ajax-loader.gif' />";
    gallery.setSortOrder(current_sort);
	gallery.getItems(page, 1, drawGalleryCallback, all,all);
	//gallery.getItems(page, 1, drawUserDrawings);
}

var sendAppInvitation = function() {
	
	selectTab("invite");
	_$("topSelect").style.display="none";
	blockDiv("friend_table");
	if(_$("bookmark_table")){
	   _$("bookmark_table").style.display="none";
	}
	if(SOCIAL_TYPE != "myspace" ){
	    Invite.show();
	}else{
	    drawFriends("invitation");
	}
}

var sendFriends = function(img_url) {
	selectedImage = img_url;
	
	blockDiv("friend_table");
	if(_$("bookmark_table")){
	   _$("bookmark_table").style.display="none";
	}
	drawFriends("comments");
	
	if(_$("send_button")) {
		_$("send_button").innerHTML = '<img src="'+IMG_URL+'send3.png" style="padding: 10px;cursor:pointer;height:31px;width:78px" onclick="inviteAll(\'sendComment\');" />';
	}  
}


var drawFriends = function(type) {
	
	if(SOCIAL_TYPE == "orkut" || SOCIAL_TYPE == "hi5"){
	  INVITE_TYPE = "send_image";
	  Invite.show();
	}else{
	   friend_selector.draw();
	}
	
	var friendTbody = _$("friend_tbody");
	
	if(_$("send_button_tr")) {
		tr = _$("send_button_tr");
		tr.parentNode.removeChild(tr);
	}
	
	var TR = document.createElement("TR");
	TR.id = "send_button_tr";
	var TD = document.createElement("TD");
	TD.style.textAlign = "center";
	TD.style.paddingTop = "0px";
	
	if(type == "comments") {
		var button = document.createElement("IMG");
		button.style.cursor = "pointer";
		button.src = IMG_URL+"sendImg.png";
		var str="<img src='"+selectedImage+small+"' style=' border:1px solid grey;float:left;'/>"+
	            "<span style='color:blue;background:color:lightCyan; font-family:verdana;font-size:12px'>Select Friends to send them this photo for watching and voting.</span>"+
	            
	            
	            "<br/>"+
	            "<br>"+
	            "<span style='background-color:#F76905; color:white; padding:3px;  margin:5 0 0 0px;width:400px; font-size:13px; font-weight:bold'>"+
	            "Promote your photo, be # 1 "+
	            "<br/>"+
	            "<br>"+
                  "Invite as much friends as you can and ask to vote for your photo."+  
               "</span>"+
	            "<span style='clear:both'></span>"+
	            "<br/>";
	    _$("topSelect").style.display="block";
        _$("topSelect").innerHTML=str;
        button.onclick = function() {
				inviteAll("sendComment");
			}
        
		if(SOCIAL_TYPE != "orkut" || SOCIAL_TYPE != "hi5" ){ 	
			TD.appendChild(button);
		}
		
	}else if(type == "invitation") {
		var button = document.createElement("IMG");
		button.style.cursor = "pointer";
		button.src = IMG_URL+"sendInv.png";
		button.onclick = function() {
			inviteAll("appInv");
		}
		TD.appendChild(button);
	}
	
	TR.appendChild(TD);
	friendTbody.appendChild(TR);
}

var inviteAll = function(type) {
	
	var friendIndex = 0;
	var recipientsIds = [];

	var friends = friend_selector.getSelectedFrineds();
	
	if(friends.length == 0) {
		showInfo("<h2>Select Friend Please!</h2>");
		return;
	}
	
	for(var i =0; i< friends.length; i++) {
		recipientsIds.push(friends[i].fields_.id);
	}

	var inviteAllCallback = function(result){
		var finished = true;
		////////////if (result.data_ == MyOpenSpace.PostTo.Result.SUCCESS || result.data_ == MyOpenSpace.PostTo.Result.CANCELLED) {
			friendIndex++;
			if(friendIndex < friends.length){
				finished = false;
				if(type == "sendComment") {
					sendImageAsComment(friends[friendIndex].fields_.id, inviteAllCallback);
					sendChannel("comment");
				} 
				else{
			       inviteFriend(friends[friendIndex].fields_.id, inviteAllCallback);
			       sendChannel("invite");
			       rsaCallback(result);
		     }
			}
		//////////////}
	}
	
	if (friends.length > 0){
		if(type == "sendComment") {
			sendImageAsComment(friends[friendIndex].fields_.id, inviteAllCallback);
		} else {
			if(SOCIAL_TYPE == "myspace") 	 inviteFriend(recipientsIds);
			else                             inviteFriend(friends[friendIndex].fields_.id, inviteAllCallback);
		}
	}
}

var sendImageAsComment = function(friendId, inviteAllCallback){
	var title = "Photo Mania";
	var content = "<div><a href='"+canvas_url+"' target='_blank'></a><div><br>"+
					"<a href='"+canvas_url+"' target='_blank'><img src='"+selectedImage+medium+"' border='0' width='200px' /></a>";
	postTo_(title, content, friendId, "PUBLIC_MESSAGE", inviteAllCallback);
}


var chooseNotification = function(chooser){
	if(chooser=="vote"){
		var receiver=[];
		 receiver.push(vote_social_id);
		//var  image_url = canvas_url+'&appParams={"profId":'+vote_id_notif+'}';
	//	console.log(image_url);
	    var body="Hey "+vote_social_name+", "+userName+" has voted for your Photo \""+vote_title+"\" now it has "+(parseInt(vote_all_count)+1)+" votes.";// <a href='"+canvas_url+"' target='_blank'>click here to see</a>";
	  //  console.log(body);
	    sendNotification(receiver,body);
	}
	if(chooser=="bookmark"){
		var receiver=[];
		    receiver.push(bookm_id);
		var body="Hey "+bookm_name+", "+userName+"  now is your fun.";
				
		sendNotification(receiver,body);
		
	}
	if(chooser == "Fun"){
		var receiver=[];
		    receiver=not_book_id;
		var body="Hey, Your Favorite user "+userName+", published  new photo.";
				for(var i=0; i<receiver.length; i++){
		          sendNotification(receiver[i],body);
				}
	}
	if(chooser=="comment"){
		var receiver=[];
		var maker;
		
		for(var i=0; i<com.length; i++){
			if(i==(com.length-1)){
				maker=com[i];
				
			}
			else{
		     receiver[i]=com[i];
		     
			}
		}
		
		  var body="Hey "+comm_name+", "+userName+"  added comment to your "+comm_img_title+" photo.";;
		      sendNotification(maker,body);
		    
		     body="Photo "+comm_img_title+", has been commented, probably in replay to you..";
		      for(var i=0; i<receiver.length; i++){
		          sendNotification(receiver[i],body);
				}
		      var del = [];
		      com=del;
	}
}



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;
};

var selectTab = function(tabName){
	var tabDivs = _$("tabContainer").getElementsByTagName("li");	
	for (var i=0;i<tabDivs.length;i++){
		if (tabDivs[i].getAttribute("name") == tabName){
			tabDivs[i].className = "selected";
		}else{
			tabDivs[i].className = "";
		}
	}
	selectedTab = tabName;
}

var blockDiv = function(divName) {
	var divs = _$("divContainer").getElementsByTagName("div");	
	for (var i=0; i<divs.length; i++){
		if (divs[i].getAttribute("name") == divName){
			divs[i].style.display = "block";
			
		}else{
			divs[i].style.display = "none";
		}
	}
}

var doNothing = function() {}

//---------------------------------- get app users --------------------------------------//
var USERS_COUNT = 0;
var getBookmarkUsers = function(){
	us_boo = 2;
	var book_index=1;
	selectTab("BookmarkUsers");
	blockDiv("bookmark_table");
  _$("bookmark_table").innerHTML = "<img src='"+IMG_URL+"ajax-loader.gif' />";
  var data = "userId="+userId+
             "&index="+book_index;
  Request.sendPOST(SERVER_URL+"index.php?action=getBookmarkedUsers&appId="+APP_ID, data, resp_for_bookm);
}
var getMyFuns = function(){
	us_boo = 5;
	//_$("autoSave").style.display="none";
	var myFun_index=2;
	var data = "userId="+userId+
             "&index="+myFun_index;
	selectTab("myFuns");
	blockDiv("myFuns_div");
  _$("myFuns_div").innerHTML = "<img src='"+IMG_URL+"ajax-loader.gif' />";
  Request.sendPOST(SERVER_URL+"index.php?action=getBookmarkedUsers&appId="+APP_ID, data, resp_for_myFun);
}
	
var choseWhere = function(){
	if(us_boo == 2){
		getBookmarkUsers();
	}
	if(us_boo == 1){
		getAppUsers(0,"p");
	}
	if(us_boo == 3){
		getUserDrawings(0);
		
	}
	if(us_boo == 4){
		
		getAppDrawing(test_var1);
	}
	if(us_boo == 5){
		getMyFuns();
	}
	
}	
var chang_val = function(){
	_$("search").value="";
	
}
function submitenter(myfield,e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;

if (keycode == 13)
   {
   search_name();
   return false;
   }
else
   return true;
}
var search_name = function(){
	var sear=_$("search");
	var sName=sear.value;
	if(sName.length > 2){
		
	//_$("users_td").innerHTML = "<img src='"+IMG_URL+"ajax-loader.gif' />";
    	getAppUsers(0, sName);
    	
	}
	else{
		
		showInfo("please type 3 or more characters");
	}
}
var getAppUsers = function(page, name) {
	us_boo = 1;
	//_$("autoSave").style.display="none";
	if(_$("content_search")){
	_$("content_search").style.display="block";
	}
	selectTab("appUsers");
	blockDiv("users_table");
	if(_$("bookmark_table")){
	   _$("bookmark_table").style.display="none";
	}
	
	var bata="page=" + page +
	         "&name=" + name;
	_$("users_td").innerHTML = "<img src='"+IMG_URL+"ajax-loader.gif' />";
	Request.sendPOST(SERVER_URL+"index.php?action=getAppUsers&appId="+APP_ID, bata, resp_getAppUsers);
}

var resp_getAppUsers = function(response) {
	var colCount = 5;
	var rowCount = 5;
	
	if(response.text != "none") {
		var data = eval('('+response.text+')');
		
		USERS_COUNT = data.count;
		var appUsers = data.appUsers;
		var currentPage =parseInt(data.page);
        var name = "";
		var str = '<table cellpadding="1" cellspacing="1" width="600px" align="center" valign="top">'+
						'<tr><td class="text" colspan="'+colCount+'"><span style="color:blue;align:center;font-weight:bold;font-family:verdana;"> Click on a person to see his/her photo albom!!! </span></td></tr>';
						
						for ( var i = 0; i < appUsers.length; i++ ) {
							var user_id = appUsers[i].user_id;
							var user_name = appUsers[i].user_name;
							var user_thumb_url = appUsers[i].user_thumb_url;
							var user_profile_url = appUsers[i].user_profile_url;
							var user_social_type = appUsers[i].social_type;
							 name = appUsers[i].name;
							if(i >= (rowCount*colCount)) break;
							if( i % colCount == 0 ) str += '<tr>';
							str += 	'<td align="center" id="user_'+i+'" valign="top">'+
										'<table class="app_users" cellpadding="0" cellspacing="0">'+
											'<tr>'+
												'<td>'+
												    '<img src="'+IMG_URL+user_social_type+'.png">'+	
													'<img onclick="friendImageClick(\''+user_id+'\', \''+user_name+'\', \''+user_thumb_url+'\')" title="'+user_name+'" style="cursor:pointer; width:100px;height:100px;" src="'+user_thumb_url+'" />'+
												'</td>'+
											'</tr>'+
											'<tr>';
											if(user_name.length > 8){
												
											   str+='<td align="center" class="text">'+user_name.substring(0,8)+'..</td>';
						
											}
											else{
												str+='<td align="center" class="text">'+user_name+'</td>';
												
											}
											str+='</tr>'+
										'</table>'+
									'</td>';

							if( i % colCount == (colCount - 1) ) str += "</tr>";
						}
						
						var pageCount = Math.ceil(USERS_COUNT / (colCount * rowCount));
						if (pageCount>1){
							str += "<tr><td align=right colspan='"+colCount+"'>";
							if (parseInt(currentPage) > 0){
								str += "<a class='paging' href='javascript: getAppUsers("+(currentPage-1)+",\""+name+"\")'>Prev</a>";
							}
							
							for (var p = currentPage-2; p<currentPage+2;p++) {
								if (p >= 0 && p <= pageCount - 1){
											
									if(p == currentPage)
										str += "<a class='paging_current' >"+(p+1)+"</a>";
									else str += "<a class='paging' href='javascript: getAppUsers("+p+",\""+name+"\")'>"+(p+1)+"</a>";
								}
							}
							if (currentPage < pageCount - 1){
								str += "<a class='paging' href='javascript: getAppUsers("+(currentPage+1)+",\""+name+"\")'>Next</a>";
							}
							str+="<span class='ftext'>of  "+pageCount+"</span>";
							str += "</td><tr>";
						}
						
					str += 	'</table>';
		
		_$("users_td").innerHTML = str;
		
	}
	else{
		var str="<span style='background-color:lightcyan;padding:3px; margin:10px; color:blue; font-family:verdana; font-size:12px'>No people by this name </span>";
		_$("users_td").innerHTML = str;
	}
	
}

var FRIEND_CURRENT_PAGE = 0;
var FRIEND_ID = ""; 
var FRIEND_NAME = "";
var FRIEND_THUMB_URL = "";

var friendImageClick = function(friend_id, friend_name, friend_thumb_url) {
	
	FRIEND_ID = friend_id;
	FRIEND_NAME = friend_name;
	FRIEND_THUMB_URL = friend_thumb_url;
	_$("users_td").innerHTML = "<img src='"+IMG_URL+"ajax-loader.gif' />";
	getFriendDrawings(0);
	selectTab("appUsers");
	blockDiv("users_table");
	if(_$("content_search")){
		_$("content_search").style.display="none";
	}
	//_$("autoSave").style.display="none";
}

var getFriendDrawings = function(page) {
	
	FRIEND_CURRENT_PAGE = page;
	gallery.setSortOrder("newest");
	gallery.getItems(page, 1, drawFriendGalleryCallback, FRIEND_ID,all);
}


var checkIsFriendBookmarked = function() {
	var data = "userId=" + userId + "&friendId=" + FRIEND_ID;
	Request.sendPOST(SERVER_URL+"index.php?action=checkIsFriendBookmarked&appId="+APP_ID, data, resp_checkIsFriendBookmarked);
}

var resp_checkIsFriendBookmarked = function(response) {
	if(FRIEND_NAME=="null" || FRIEND_NAME == null){
		FRIEND_NAME="";
	}
	var result = response.text;
	var str = "<table style=' padding:2px'>"+
					"<tr style='height:40px; background: white'>";
					if (result == "false") {
						if(FRIEND_ID != userId){
						str += "<td style='font-size:13px;'><span id='input_butt' style='font-size:17px; cursor:pointer; color:blue;font-weight:underline' onclick='bookmarkFriend()'><u>Become a fun</u></span> of</td>";
						
						}
					}
				    str+="<td style='border:1px solid lightgray;'><img src='"+FRIEND_THUMB_URL+"' height='35px' /> &nbsp; "+FRIEND_NAME+"</td>"+
					"</tr>"
					
					
				"</table>";
	_$("forFriend").innerHTML = str;
}

var bookmarkFriend = function() {
	bookm_id = FRIEND_ID;
	bookm_name = FRIEND_NAME;
	var data = "userId=" + userId + "&friendId=" + FRIEND_ID;
	_$('input_butt').style.display="none";
	chooseNotification("bookmark");
	Request.sendPOST(SERVER_URL+"index.php?action=bookmarkFriend&appId="+APP_ID, data, resp_bookmarkFriend);
	
}

var resp_bookmarkFriend = function() {
	setActivities_fun();
	getBookmarkUsers();
	checkIsFriendBookmarked();
}
var setActivities_fun = function (){
	
	var params = {};
params[opensocial.Activity.Field.TITLE_ID] = "becomeafun";
params[opensocial.Activity.Field.TEMPLATE_PARAMS] = {"person":FRIEND_NAME};

var mediaItemArray = [];
params[opensocial.Activity.Field.MEDIA_ITEMS] = mediaItemArray;

var activity = opensocial.newActivity(params);
opensocial.requestCreateActivity(activity, opensocial.CreateActivityPriority.HIGH, opt_callBack);

//	console.log(activity);
//	console.log(opensocial.CreateActivityPriority.HIGH);
}
var opt_callBack = function(){
	//console.log("mtav stex");
}
/*function doThis() {
             var settings = { containerResizeSpeed: 350
            };
            $('#origView a').lightBox(settings);
        

}*/
var showInfo = function(info) {
	 $.growlUI(info);
}
function checkBroken(id){
	var ret = true;
	var idenfik=0;
	for(var i=0; i<paint_broken.length; i++){
		if(id == paint_broken[i]){
			idenfik=1;
			break;
		}
		else{
			idenfik=0;
		}
	}
	
	if(idenfik == 0){
		return false;
	}
	else{
		return true;
	}
	
}
var drawUploaderFlash = function(){
	selectTab("new");
	blockDiv("main_table");
	if(_$("bookmark_table")){
	   _$("bookmark_table").style.display="none";
	}
	$.galleryui.drawUploaderFlash("myContent");
	
}


////////////////////////  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=photo_mania&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