var popUpIdsArray = [];
var popUpNamesArray = [];
var popUpTypesArray = [];
var popUpURLsArray = [];
var totalURLs=0;
var totalPopUps=0;
var browserName="";
function getBrowserName(){
												var browser=navigator.appName;
											if(browser == "Opera") {
											browserName="Opera";
											}else if(browser=="Netscape")
											{
											browserName="Netscape";
											} 
											else if (browser="Microsoft Internet Explorer"){
											var Browser = {  Version: function()
											 {    var version = 999; // we assume a sane browser
                                                         if (navigator.appVersion.indexOf("MSIE") != -1)      // bah, IE again, lets downgrade version number
                                                             version = parseFloat(navigator.appVersion.split("MSIE")[1]);
                                                                 return version;  
                                                                 }
                                                           }
                                               if (Browser.Version() >= 7) {
                                               if(Browser.Version()>=8){
                                                          browserName="Other";
                                                          }else{
                                                          browserName="IE7";
                                                          }
                                                           }
                                               else{
                                                      browserName="IE6";
                                                       }
											    }
											else {
											 browserName="Netscape";
											}
}

function showAddFriend(friendId,name){

////alert(document.getElementById("transparent_div_"+friendId));
var source=document.getElementById("image_"+friendId).src;
if(document.getElementById("transparent_div_"+friendId)){

	
			document.getElementById("transparent_div_"+friendId).className="transparent_div";
			////////////////////////////aading details to arrays
			removePreviousPop();
			popUpIdsArray[totalPopUps]=friendId;
			popUpNamesArray[totalPopUps]=name;
			popUpTypesArray[totalPopUps]="AddFriend";
			totalPopUps=totalPopUps+1;
			////////////////////////////
			var whiteDiv=document.getElementById("overlapping_white_div_"+friendId);
			whiteDiv.className="overlapping_white_div";/////for ie different one
			var innerHTML='<div class=\"top_black\"><div class=\"top_black_text\" >Add '+name+' to your friend\'s circle:</div></div>';
			innerHTML=innerHTML+'<div class=\"left_friend_div\">';
			//alert(browserName);
			if(browserName=="IE6" || browserName=="IE7"){
			
			innerHTML=innerHTML+'<div class=\"friend_pic_div_ie\">';////for ie different 
			}else{
			
			innerHTML=innerHTML+'<div class=\"friend_pic_div\">';////for ie different 
			}
			innerHTML=innerHTML+'<img alt=\" \" src=\"'+source +' \"  border=\"0\" class=\"friend_pic\" width=100 height=100/>';
			innerHTML=innerHTML+'</div>';
			innerHTML=innerHTML+'</div>';
			innerHTML=innerHTML+'<div class=\"right_friend_div\">';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class=\"friend_text_div_ie\">';//////for ie different
			}else{
			innerHTML=innerHTML+'<div class=\"friend_text_div\">';//////for ie different
			}
			innerHTML=innerHTML+'Click yes to add '+name+' to your friend\'s circle.';
			innerHTML=innerHTML+'</div>';
			innerHTML=innerHTML+'<div class=\"friend_submit_div\">';
			innerHTML=innerHTML+'<a href=\"javascript:addAjaxFriend(\''+friendId+'\');\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'Image20\',\'\',\'images/Buttons/whiteBackground/yes_mo.gif\',1)\"><img src=\"images/Buttons/whiteBackground/yes.gif\" name=\"Image20\" width=\"86\" height=\"22\" border=\"0\" id=\"Image20\" /></a>&nbsp;&nbsp;';
			innerHTML=innerHTML+'<a href=\"javascript:hideAddFriend(\''+friendId+'\');\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'Image2560\',\'\',\'images/Buttons/whiteBackground/cancel_mo.gif\',1)\"><img src=\"images/Buttons/whiteBackground/cancel.gif\" name=\"Image2560\" width=\"86\" height=\"22\" border=\"0\" id=\"Image2560\" /></a>';
			innerHTML=innerHTML+'</div>';
			innerHTML=innerHTML+'</div>';
			innerHTML=innerHTML+'';
			
			
			whiteDiv.innerHTML=innerHTML;
			
		

}

}
function hideAddFriend(friendId){
////alert(friendId.length);
////alert("VvMzaVQmX26JMPBhrm2EDQ==".length);
//var nn = 'transparent_div_'+friendId;
////alert(nn);
////alert(document.getElementById(nn));
if(document.getElementById("transparent_div_"+friendId)){
	if(document.getElementById("transparent_div_"+friendId).className!="hide"){
		document.getElementById("transparent_div_"+friendId).className="hide";
		if(document.getElementById("overlapping_white_div_"+friendId).className!="hide"){
			document.getElementById("overlapping_white_div_"+friendId).className="hide";
			totalPopUps=totalPopUps-1;
			showPreviousPop();
	}
	}
}
}

function addAjaxFriend(friendId){
////alert(friendId);
//////************************************************  AJAX Starts *************************************************///////
////alert("in");
	var xmlHttp;
	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		xmlHttp = new XMLHttpRequest();
	} else {
		if (window.ActiveXObject) { // IE
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	var url = "addFriend.do?add=1&ajax=ajax&pid="+friendId;
	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange = function () {
	if (xmlHttp.readyState == 1) {
	document.getElementById("overlapping_white_div_"+friendId).innerHTML="<br><br><img src=\'images/ajax.gif\'>";
	}
		if (xmlHttp.readyState == 4) {
			////alert(xmlHttp.responseText);
			////alert(document.getElementById("friendResponce_"+friendId));
			document.getElementById("friendResponce_"+friendId).innerHTML=xmlHttp.responseText;
			document.getElementById("addToCircle_"+friendId).className="hide";
			////alert("friendResponce_VvMzaVQmX2576S86aX8ocw==".length);
			//var aa="friendResponce_"+friendId;
			////alert(aa.length);
			

			if(document.getElementById("transparent_div_"+friendId)){
	if(document.getElementById("transparent_div_"+friendId).className!="hide"){
		document.getElementById("transparent_div_"+friendId).className="hide";
		if(document.getElementById("overlapping_white_div_"+friendId).className!="hide"){
			document.getElementById("overlapping_white_div_"+friendId).className="hide";
			totalPopUps=totalPopUps-1;
			showPreviousPop();
	}
	}
}
		}
	};
	xmlHttp.send(null);
		//////************************************************  AJAX Ends *************************************************///////



}


function acceptFriendRequest(friendId,start){
//alert(friendId);
//////************************************************  AJAX Starts *************************************************///////
////alert("in");
	var xmlHttp;
	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		xmlHttp = new XMLHttpRequest();
	} else {
		if (window.ActiveXObject) { // IE
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	var url = "acceptRequest.do?ajax=ajax&pid="+friendId+"&start="+start;
	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange = function () {
		if (xmlHttp.readyState == 1){
		document.getElementById("friendText_"+friendId).innerHTML="<img src=\'images/ajax-loader.gif\'>";
		}
		if (xmlHttp.readyState == 4) {
		document.getElementById("friendText_"+friendId).innerHTML=xmlHttp.responseText;
		document.getElementById("requestIcon_"+friendId).innerHTML="";
}
	};
	xmlHttp.send(null);
		//////************************************************  AJAX Ends *************************************************///////
}

function rejectFriendRequest(friendId,start){
//alert(friendId);
//////************************************************  AJAX Starts *************************************************///////
////alert("in");
	var xmlHttp;
	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		xmlHttp = new XMLHttpRequest();
	} else {
		if (window.ActiveXObject) { // IE
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	var url = "rejectRequest.do?ajax=ajax&pid="+friendId+"&start="+start;
	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange = function () {
		if (xmlHttp.readyState == 1){
		document.getElementById("friendText_"+friendId).innerHTML="<img src=\'images/ajax-loader.gif\'>";
		}
		if (xmlHttp.readyState == 4) {
		document.getElementById("friendText_"+friendId).innerHTML=xmlHttp.responseText;
		document.getElementById("requestIcon_"+friendId).innerHTML="";
}
	};
	xmlHttp.send(null);
		//////************************************************  AJAX Ends *************************************************///////
}

function ajaxSendMessage(friendId,name){
//alert(friendId);
if(document.getElementById("transparent_div_"+friendId)){
//alert(source);
	if(document.getElementById("transparent_div_"+friendId).className=="hide"){
	if(browserName=="IE6" || browserName=="IE7"){
		document.getElementById("transparent_div_"+friendId).className="transparent_div_message_ie";
		}else{
		document.getElementById("transparent_div_"+friendId).className="transparent_div_message";
		}
		////////////////////////////aading details to arrays
			removePreviousPop();
			popUpIdsArray[totalPopUps]=friendId;
			popUpNamesArray[totalPopUps]=name;
			popUpTypesArray[totalPopUps]="SendMessage";
			totalPopUps=totalPopUps+1;
			
			
			
			////////////////////////////
		if(document.getElementById("overlapping_white_div_"+friendId).className=="hide"){
			var whiteDiv=document.getElementById("overlapping_white_div_"+friendId);
			if(browserName=="IE6" || browserName=="IE7"){
			whiteDiv.className="overlapping_white_div_message_ie";/////for ie different one
			}else{
			whiteDiv.className="overlapping_white_div_message";/////for ie different one
			}
			var innerHTML='';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML='<div class=\"top_black_message_ie\"></div>';
			}else{
			innerHTML='<div class=\"top_black\"><div class=\"top_black_text\" >Send message to '+name+':</div></div>';
			}
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class=\"container_div1_message_ie\">';
			}else{
			innerHTML=innerHTML+'<div class=\"container_div1_message\">';
			}
			innerHTML=innerHTML+'<div class=\"heading_message\">To:</div>';
			innerHTML=innerHTML+'<input type=\"text\" name=\"to_'+friendId+'\" id=\"to_'+friendId+'\" class=\"input_message\" value=\"'+name+'\" disabled=\"disabled\" >';
			innerHTML=innerHTML+'</div>';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class=\"container_div2_message_ie\">';
			}else{
			innerHTML=innerHTML+'<div class=\"container_div2_message\">';
			}
			innerHTML=innerHTML+'<div class=\"heading_message\">Subject:</div>';
			innerHTML=innerHTML+'<input type=\"text\" name=\"subject_'+friendId+'\" id=\"subject_'+friendId+'\" class=\"input_message\">';
			innerHTML=innerHTML+'</div>';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class=\"container_div3_message_ie\">';
			}else{
			innerHTML=innerHTML+'<div class=\"container_div3_message\">';
			}
			innerHTML=innerHTML+'<div class=\"heading_message\">Message:</div>';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<textarea name=\"message_'+friendId+'\" id=\"message_'+friendId+'\" rows=\"6\" cols=\"37\" class=\"textArea_message\" onkeypress=\"ensureTextLength(1024,\''+friendId+'\');\"></textarea>';
			}else{
			innerHTML=innerHTML+'<textarea name=\"message_'+friendId+'\" id=\"message_'+friendId+'\" rows=\"8\" cols=\"37\" class=\"textArea_message\" onkeypress=\"ensureTextLength(1024,\''+friendId+'\');\"></textarea>';
			}
			innerHTML=innerHTML+'</div>';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class=\"container_div4_message_ie\">';
			innerHTML=innerHTML+'<div class=\"heading2_message_ie\">Characters Left:</div>';
			}else{
			innerHTML=innerHTML+'<div class=\"container_div4_message\">';
			innerHTML=innerHTML+'<div class=\"heading2_message\">Characters Left:</div>';
			}
			
			innerHTML=innerHTML+'<div id=\"messageCount_'+friendId+'\" class=\"heading3_message\">1024</div>';
			innerHTML=innerHTML+'</div>';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class="container_div5_message_ie">';
			}else{
			innerHTML=innerHTML+'<div class="container_div5_message">';
			}
			innerHTML=innerHTML+'<a href=\"javascript:sendMessage(\''+friendId+'\');\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'Image20\',\'\',\'images/Buttons/whiteBackground/send_mo.gif\',1)\"><img src=\"images/Buttons/whiteBackground/send.gif\" name=\"Image20\" width=\"86\" height=\"22\" border=\"0\" id=\"Image20\" /></a>&nbsp;&nbsp;';
			innerHTML=innerHTML+'<a href=\"javascript:hideSendMessage(\''+friendId+'\');\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'Image2560\',\'\',\'images/Buttons/whiteBackground/cancel_mo.gif\',1)"><img src=\"images/Buttons/whiteBackground/cancel.gif\" name=\"Image2560\" width=\"86\" height=\"22\" border=\"0\" id=\"Image2560\" /></a>';
			innerHTML=innerHTML+'</div>';
			whiteDiv.innerHTML=innerHTML;
			
			}
			}
			}
}
function sendMessage(friendId){
//alert(friendId);
var xmlHttp;
	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		xmlHttp = new XMLHttpRequest();
	} else {
		if (window.ActiveXObject) { // IE
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	var message=document.getElementById("message_"+friendId).value;
	var subject=document.getElementById("subject_"+friendId).value;
	var url = "compose.do?ajax=ajax&message="+message+"&subject="+subject+"&tid="+friendId;
	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange = function () {
	if (xmlHttp.readyState == 1) {
	document.getElementById("overlapping_white_div_"+friendId).innerHTML="<br><br><br><br><img src=\'images/ajax.gif\'>";
	}
		if (xmlHttp.readyState == 4) {
		//alert(xmlHttp.responseText);
			document.getElementById("friendResponce_"+friendId).innerHTML=xmlHttp.responseText;
			if(document.getElementById("transparent_div_"+friendId)){
	
		document.getElementById("transparent_div_"+friendId).className="hide";
		document.getElementById("overlapping_white_div_"+friendId).className="hide";
		document.getElementById("overlapping_white_div_"+friendId).innerHTML="";
	
}
		
	
	}
	};
	xmlHttp.send(null);
		//////************************************************  AJAX Ends *************************************************///////


}
function hideSendMessage(friendId){
if(document.getElementById("transparent_div_"+friendId)){
		document.getElementById("transparent_div_"+friendId).className="hide";
			document.getElementById("overlapping_white_div_"+friendId).className="hide";
			totalPopUps=totalPopUps-1;
			showPreviousPop();
	
}
}

function ensureTextLength(maxLength,friendId) {
//alert(friendId);
var descField = document.getElementById('message_'+friendId);

			if(descField.value.length>maxLength) {
			descField.value=descField.value.substring(0,maxLength)
			}
			var lim=document.getElementById('messageCount_'+friendId);
			//alert(lim);
			if(lim) {
					lim.innerHTML=1024-descField.value.length;		
					}
			}
			
function getAjaxPics(friendId,viewAllUrl,name){
//alert(friendId);
var xmlHttp;
	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		xmlHttp = new XMLHttpRequest();
	} else {
		if (window.ActiveXObject) { // IE
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	if(document.getElementById("transparent_div_"+friendId)){
		document.getElementById("transparent_div_"+friendId).className="transparent_div";
		////////////////////////////aading details to arrays
			removePreviousPop();
			popUpIdsArray[totalPopUps]=friendId;
			popUpNamesArray[totalPopUps]=name;
			popUpTypesArray[totalPopUps]="GetPics";
			totalPopUps=totalPopUps+1;
			popUpURLsArray[totalURLs]=viewAllUrl;
			totalURLs=totalURLs+1;
			
			
			////////////////////////////
		var whiteDiv=document.getElementById("overlapping_white_div_"+friendId);
		whiteDiv.className="overlapping_white_div";/////for ie different one
		
	viewAllUrl=viewAllUrl.replace(/&/g, "AND");
	//alert(browserName);	
	var url = "ajaxGetFriendPics.do?ajax=ajax&browserName="+browserName+"&fid="+friendId+"&url="+viewAllUrl;
	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange = function () {
	if (xmlHttp.readyState == 1) {
	document.getElementById("overlapping_white_div_"+friendId).innerHTML="<br><br><br><img src=\'images/ajax.gif\'>";
	}
		if (xmlHttp.readyState == 4) {
									var innerHTML='<div class=\"top_black\"><div class=\"top_black_text\" >Mutual Friends between you and '+name+':</div></div>';
									innerHTML=innerHTML+xmlHttp.responseText;
									whiteDiv.innerHTML=innerHTML;
	}
	};
	xmlHttp.send(null);
		//////************************************************  AJAX Ends *************************************************///////
}
}

function hideMutualPics(friendId){
if(document.getElementById("transparent_div_"+friendId)){
		document.getElementById("transparent_div_"+friendId).className="hide";
			document.getElementById("overlapping_white_div_"+friendId).className="hide";
			////////////////////////////aading details to arrays
			totalPopUps=totalPopUps-1;
			totalURLs=totalURLs-1;
			showPreviousPop();
			
			////////////////////////////
	
	
}
}

function removePreviousPop(){
if(totalPopUps-1!=-1){
var id=popUpIdsArray[totalPopUps-1];
if(document.getElementById("transparent_div_"+id)){
		document.getElementById("transparent_div_"+id).className="hide";
			document.getElementById("overlapping_white_div_"+id).className="hide";
			}
			}
}
function showPreviousPop(){
if(totalPopUps-1!=-1){
var id=popUpIdsArray[totalPopUps-1];
var type=popUpTypesArray[totalPopUps-1];
var name=popUpNamesArray[totalPopUps-1];
if(type=="AddFriend"){
showAddFriendFromMemory(id,name);
}else if(type=="SendMessage"){
ajaxSendMessageFromMemory(id,name);
}else if(type=="GetPics"){
var url=popUpURLsArray[totalURLs-1];
getAjaxPicsFromMemory(id,url,name);
}

}
}
function showAddFriendFromMemory(friendId,name){
////alert(document.getElementById("transparent_div_"+friendId));
var source=document.getElementById("image_"+friendId).src;
if(document.getElementById("transparent_div_"+friendId)){
//alert(source);
	
			
			document.getElementById("transparent_div_"+friendId).className="transparent_div";
			var whiteDiv=document.getElementById("overlapping_white_div_"+friendId);
			whiteDiv.className="overlapping_white_div";/////for ie different one
			var innerHTML='<div class=\"top_black\"><div class=\"top_black_text\" >Add '+name+' to your friend\'s circle:</div></div>';
			innerHTML=innerHTML+'<div class=\"left_friend_div\">';
			//alert(browserName);
			if(browserName=="IE6" || browserName=="IE7"){
			
			innerHTML=innerHTML+'<div class=\"friend_pic_div_ie\">';////for ie different 
			}else{
			
			innerHTML=innerHTML+'<div class=\"friend_pic_div\">';////for ie different 
			}
			innerHTML=innerHTML+'<img alt=\" \" src=\"'+source +' \"  border=\"0\" class=\"friend_pic\" height=100/>';
			innerHTML=innerHTML+'</div>';
			innerHTML=innerHTML+'</div>';
			innerHTML=innerHTML+'<div class=\"right_friend_div\">';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class=\"friend_text_div_ie\">';//////for ie different
			}else{
			innerHTML=innerHTML+'<div class=\"friend_text_div\">';//////for ie different
			}
			innerHTML=innerHTML+'Click yes to add '+name+' to your friend\'s circle.';
			innerHTML=innerHTML+'</div>';
			innerHTML=innerHTML+'<div class=\"friend_submit_div\">';
			innerHTML=innerHTML+'<a href=\"javascript:addAjaxFriend(\''+friendId+'\');\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'Image20\',\'\',\'images/Buttons/whiteBackground/yes_mo.gif\',1)\"><img src=\"images/Buttons/whiteBackground/yes.gif\" name=\"Image20\" width=\"86\" height=\"22\" border=\"0\" id=\"Image20\" /></a>&nbsp;&nbsp;';
			innerHTML=innerHTML+'<a href=\"javascript:hideAddFriend(\''+friendId+'\');\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'Image2560\',\'\',\'images/Buttons/whiteBackground/cancel_mo.gif\',1)\"><img src=\"images/Buttons/whiteBackground/cancel.gif\" name=\"Image2560\" width=\"86\" height=\"22\" border=\"0\" id=\"Image2560\" /></a>';
			innerHTML=innerHTML+'</div>';
			innerHTML=innerHTML+'</div>';
			innerHTML=innerHTML+'';
			
			
			whiteDiv.innerHTML=innerHTML;
			
		

}

}

function ajaxSendMessageFromMemory(friendId,name){
//alert(friendId);
if(document.getElementById("transparent_div_"+friendId)){
//alert(source);
	if(document.getElementById("transparent_div_"+friendId).className=="hide"){
	if(browserName=="IE6" || browserName=="IE7"){
		document.getElementById("transparent_div_"+friendId).className="transparent_div_message_ie";
		}else{
		document.getElementById("transparent_div_"+friendId).className="transparent_div_message";
		}
		if(document.getElementById("overlapping_white_div_"+friendId).className=="hide"){
			var whiteDiv=document.getElementById("overlapping_white_div_"+friendId);
			if(browserName=="IE6" || browserName=="IE7"){
			whiteDiv.className="overlapping_white_div_message_ie";/////for ie different one
			}else{
			whiteDiv.className="overlapping_white_div_message";/////for ie different one
			}
			var innerHTML='';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML='<div class=\"top_black_message_ie\"></div>';
			}else{
			innerHTML='<div class=\"top_black\"><div class=\"top_black_text\" >Send message to '+name+':</div></div>';
			}
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class=\"container_div1_message_ie\">';
			}else{
			innerHTML=innerHTML+'<div class=\"container_div1_message\">';
			}
			innerHTML=innerHTML+'<div class=\"heading_message\">To:</div>';
			innerHTML=innerHTML+'<input type=\"text\" name=\"to_'+friendId+'\" id=\"to_'+friendId+'\" class=\"input_message\" value=\"'+name+'\" disabled=\"disabled\" >';
			innerHTML=innerHTML+'</div>';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class=\"container_div2_message_ie\">';
			}else{
			innerHTML=innerHTML+'<div class=\"container_div2_message\">';
			}
			innerHTML=innerHTML+'<div class=\"heading_message\">Subject:</div>';
			innerHTML=innerHTML+'<input type=\"text\" name=\"subject_'+friendId+'\" id=\"subject_'+friendId+'\" class=\"input_message\">';
			innerHTML=innerHTML+'</div>';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class=\"container_div3_message_ie\">';
			}else{
			innerHTML=innerHTML+'<div class=\"container_div3_message\">';
			}
			innerHTML=innerHTML+'<div class=\"heading_message\">Message:</div>';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<textarea name=\"message_'+friendId+'\" id=\"message_'+friendId+'\" rows=\"6\" cols=\"37\" class=\"textArea_message\" onkeypress=\"ensureTextLength(1024,\''+friendId+'\');\"></textarea>';
			}else{
			innerHTML=innerHTML+'<textarea name=\"message_'+friendId+'\" id=\"message_'+friendId+'\" rows=\"8\" cols=\"37\" class=\"textArea_message\" onkeypress=\"ensureTextLength(1024,\''+friendId+'\');\"></textarea>';
			}
			innerHTML=innerHTML+'</div>';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class=\"container_div4_message_ie\">';
			innerHTML=innerHTML+'<div class=\"heading2_message_ie\">Characters Left:</div>';
			}else{
			innerHTML=innerHTML+'<div class=\"container_div4_message\">';
			innerHTML=innerHTML+'<div class=\"heading2_message\">Characters Left:</div>';
			}
			
			innerHTML=innerHTML+'<div id=\"messageCount_'+friendId+'\" class=\"heading3_message\">1024</div>';
			innerHTML=innerHTML+'</div>';
			if(browserName=="IE6" || browserName=="IE7"){
			innerHTML=innerHTML+'<div class="container_div5_message_ie">';
			}else{
			innerHTML=innerHTML+'<div class="container_div5_message">';
			}
			innerHTML=innerHTML+'<a href=\"javascript:sendMessage(\''+friendId+'\');\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'Image20\',\'\',\'images/Buttons/whiteBackground/send_mo.gif\',1)\"><img src=\"images/Buttons/whiteBackground/send.gif\" name=\"Image20\" width=\"86\" height=\"22\" border=\"0\" id=\"Image20\" /></a>&nbsp;&nbsp;';
			innerHTML=innerHTML+'<a href=\"javascript:hideSendMessage(\''+friendId+'\');\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'Image2560\',\'\',\'images/Buttons/whiteBackground/cancel_mo.gif\',1)"><img src=\"images/Buttons/whiteBackground/cancel.gif\" name=\"Image2560\" width=\"86\" height=\"22\" border=\"0\" id=\"Image2560\" /></a>';
			innerHTML=innerHTML+'</div>';
			whiteDiv.innerHTML=innerHTML;
			
			}
			}
			}
}

function getAjaxPicsFromMemory(friendId,viewAllUrl,name){
//alert(friendId);
var xmlHttp;
	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		xmlHttp = new XMLHttpRequest();
	} else {
		if (window.ActiveXObject) { // IE
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	if(document.getElementById("transparent_div_"+friendId)){
		document.getElementById("transparent_div_"+friendId).className="transparent_div";
		var whiteDiv=document.getElementById("overlapping_white_div_"+friendId);
		whiteDiv.className="overlapping_white_div";/////for ie different one
		
	viewAllUrl=viewAllUrl.replace(/&/g, "AND");
	//alert(browserName);	
	var url = "ajaxGetFriendPics.do?ajax=ajax&browserName="+browserName+"&fid="+friendId+"&url="+viewAllUrl;
	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange = function () {
	if (xmlHttp.readyState == 1) {
	document.getElementById("overlapping_white_div_"+friendId).innerHTML="<br><br><br><img src=\'images/ajax.gif\'>";
	}
		if (xmlHttp.readyState == 4) {
									var innerHTML='<div class=\"top_black\"><div class=\"top_black_text\" >Mutual Friends between you and '+name+':</div></div>';
									innerHTML=innerHTML+xmlHttp.responseText;
									whiteDiv.innerHTML=innerHTML;
	}
	};
	xmlHttp.send(null);
		//////************************************************  AJAX Ends *************************************************///////
}
}