var contextPath = "";
	var turboMingleState;
	/** An array of UserInfo object that stores data about users locally */	
	var userData = new Array();
	var isLoggedIn = false;	
	var newWindowStartPositionX = 20;
	var newWindowStartPositionY = 20;
	
	var messageSentCallback = function(){}
	var minimisedPanelId = 0;

	var notificationDivBottom = 100;
	//var newsDivs = new Array();
	var newsDisplayTimer;			//The timer for the scheduledTask timeout
	var newsItemId = 0;
	var infoMessageTimeout;
	var scheduledTaskRuns = 0;
	var errorMessageTimeout;		//timer to show the error message for a certain amount of time
	var todoAfterLogin;				//destination to go to after login 
	var currentRoomData;		//TODO
	var me = "Me:"
	var queryPageNum = 1;
  
/* 
  onbeforeunload = function() {
	  //alert('Closing');
	  TurboMingleBean.logoutFromChatRoom();
	  };
*/  

  //--------------------------------------------------------------------------------
  //--------------------------------------------------------------------------------
  
	function showDatingTab(){
		$("#clubLite").css("display","none");
		$("#turboMingle").css("display","inline");
	}
  
  	function showMyInformationPanelIfNeeded(){
  	  	if(turboMingleState.hasSetDofB==true){ 
			$("#profile_dofb_p").hide();
  	  	}else{
			var str="<option value='' default='default'>YEAR</option>";			
			for(x=1992;x > 1900;x--){ 
				str += "<option value='"+x+"'>"+x+"</option>";
			}			
			$("#profile_dofb_year").html(str);
			$("#userInformationPanel").show();			
		}
		
		if(turboMingleState.countrySet==true){
			$("#profile_country_p").hide();
			//$("#profile_country_p").css("display","none");
		}else{
			$("#userInformationPanel").show();
		}
		
		if(turboMingleState.locationSet==true){
			$("#profile_city_p").hide();
			//$("#profile_city_p").css("display","none");			
		}else{
			$("#userInformationPanel").show();
		}
		
	}
		
	
  	/** Updates a users information */
  	function updateInformation(){			
		var notSet = false;
		$("#profile_country_warning").html("");
		$("#profile_city_warning").html("");
		$("#profile_dofb_warning").html("");
		
  	  	if($("#profile_country_p").is(':visible') && $("#profile_country").val()==""){ $("#profile_country_warning").html("Please fill in this field"); notSet=true;}	
  	  	if($("#profile_city_p").is(':visible') && $("#profile_city").val()==""){ $("#profile_city_warning").html("Please fill in this field"); notSet=true;}	
  	  	if($("#profile_dofb_p").is(':visible') && $("#profile_dofb_year").val()==""){ $("#profile_dofb_warning").html("Please fill in this field"); notSet=true;}	
		if(notSet==true){
			return;
		}
  	  	
  	  	var dofb;	
		var country;
		var city;

		if($("#profile_country_p").is(':visible')){
			country = $("#profile_country").val();
		} 			
		if($("#profile_city_p").is(':visible')){
			city = $("#profile_city").val();
		} 
		if($("#profile_dofb_p").is(':visible')){
			dofb = "1/1/" + $("#profile_dofb_year").val();
		} 		
		
		$("#userInformationPanel").hide();		
		TurboMingleBean.updateMyInformation(country, city, dofb, {
				callback: function(){ showInfoMessage("Great, enjoy!");}, 
				errorHandler:function(errorString, exception){ 
					$("#loggingIn").css("display","none");
					$("#topLogInDetailsPanel").css("display","inline");
					showErrorMessage("Error updating profile info"); 
				}
		});
  	}
  	
	function JadeQuery(){
		this.pageNo=1;
		this.pageSize=64;
		this.keyword;
		this.country;
		this.city;
		this.expression;
		this.minAge;
		this.maxAge;
		this.gameName;	
		this.gender;	
		this.sexuality;
		this.website = "turbomingle";	
		this.avatarClassification;
	}

	/*
	* A wrapper object to provide convieniant functions for data access.
	* Note usrDataDTO can be null while we fetch extra data from the server
	*/
	function UserInfo(usrDataDTO){
		this.usrDataDTO = usrDataDTO;		
		this.incomingMessageList = new Array();
		this.userDiv;				//The div that contains the avatar in the main view
		this.incomingMessagesDiv;	//The div that contains the incoming messages
		this.descriptionDiv;
		this.messageBarDiv;
		this.messengerWindow;
		this.unreadMsg;					//There is an unread message from this user
		this.imgFramediv;
		this.usrId;
		this.profileRequested = false;
		if(usrDataDTO!=null){
			this.usrId = usrDataDTO.usrDTO.id;
		}
		//-----------------

		this.id = function(){
			return this.usrId;
		}		
		this.username = function(){ 
			if(usrDataDTO!=null){
				return this.usrDataDTO.usrDTO.fullUsername.substr(0,this.usrDataDTO.usrDTO.fullUsername.indexOf("@")); 
			}else{
				return "loading";
			}
		} 
		this.website = function(){ 
			if(usrDataDTO!=null){
				return this.usrDataDTO.usrDTO.fullUsername.substr(this.usrDataDTO.usrDTO.fullUsername.indexOf("@")+1); 
			}else{
				return "loading";
			}
		} 
		
		this.avatar = function(){ 
			if(usrDataDTO!=null){
				if ($("#showAdult").attr("checked") || usrDataDTO.classification=="NORMAL") {
					if(this.usrDataDTO.usrDTO.avatarUrl.substring(0,4)=="http"){
						return this.usrDataDTO.usrDTO.avatarUrl;
					}else{
						return contextPath + "/" + this.usrDataDTO.usrDTO.avatarUrl.substring(1);						
					}
				}else{
					return contextPath + "/usergfx/turbomingle/adult.gif";
				}					
			}else{
				return contextPath + "/usergfx/turbomingle/default.gif";
			}	
		}		
		
		this.bigAvatar = function(){ 
			if(usrDataDTO!=null){
				var _path = TurboMingleBean.getBigAvatar(""+usrDataDTO.usrDTO.id);
				if(_path){
					return contextPath+"/"+_path;
				}
				var u = this.usrDataDTO.usrDTO.avatarUrl;
				if(u.indexOf("small/")>0){
					var a = u.substring(1,u.indexOf("small/"));
					var b = u.substring(u.indexOf("small/")+6);
					return contextPath + "/" + a + b ; 
				}else{
					return contextPath + u;
				}
			}else{
				return contextPath + "/usergfx/turbomingle/default.gif";
			}					
		}		
		
		this.status = function() {
			if(usrDataDTO==null){
				return "unknown";
			}else if(this.usrDataDTO.onlineGames!=null && this.usrDataDTO.onlineGames.indexOf("fortunecity")>=0){
				return "fortunecity";
			}else if(this.usrDataDTO.onlineGames!=null && this.usrDataDTO.onlineGames.indexOf("TurboMingle")>=0){
				return "TurboMingle";
			}else{
				return "offline";
			}
		 }  	
		this.gender = function() { return getProfileData("gender"); }
		this.country = function(){ return getProfileData("country"); }
		this.city = function(){ return getProfileData("city"); }
		this.age = function(){ return getProfileData("age"); }
		this.description = function() { return getProfileData("description"); }
		this.isProfile = function() { return  (usrDataDTO.profileData!=null) ? true : false; }

		this.setId = function(tId){		//Can be used to set the id when the usrDataDTO is null
			this.usrId = tId;
		}

		this.addChatMessage = function(msg){
			this.incomingMessageList.push( msg);
	        if(this.incomingMessagesDiv!=null){
	        	this.incomingMessagesDiv.innerHTML += msg+"<br>";
	        }else{
        		if(this.messengerWindow==null){ soundManager.play('notification'); };
        	}
	        this.unreadMsg = true;	        
		}
		this.createUserDiv = function(){
			try {
				var tId = "user" + this.id();
				if (this.userDiv == null) {
					this.userDiv = document.createElement('DIV');
					this.userDiv.setAttribute('id', tId);
					this.userDiv.className = "user";
					this.userDiv.setAttribute("onmousedown", "showMessageBarItemFetch(" + this.id() + ",null,true);");
					this.userDiv.setAttribute("onmouseover", "mouseoverUser(" + this.id() + ");");
					this.userDiv.setAttribute("onmouseout", "mouseoutUser(" + this.id() + ");");
				}
				else {
					$("#" + tId).html("");
				}
				
				this.imgFramediv = document.createElement('DIV');
				
				this.imgFramediv.innerHTML = '<img width="100" height="100" onmousedown="showMessageBarItemFetch(' + this.id() + ',null,true);" onmouseover="mouseoverUser(' + this.id() + ');" onmouseout="mouseoutUser(' + this.id() + ');" src="' + this.avatar() + '" style="padding:0px;">';
				this.imgFramediv.setAttribute('id', "imgFrame" + tId);
				mouseoutUser(this.id()); //To set the correct colour
				this.imgFramediv.style.width = "100px";
				this.imgFramediv.style.height = "100px";
				this.userDiv.appendChild(this.imgFramediv);
				
				var statusdiv = document.createElement('DIV');
				statusdiv.style.fontSize = "10px";
				//statusdiv.style.background = "#dddddd";
				statusdiv.style.background = "transparent url(" + contextPath + "/games_gfx/turbomingle/transparent_bg.png) repeat-y scroll 0 0";
				statusdiv.style.bottom = "14px";
				statusdiv.style.left = "2px";
				statusdiv.style.height = "12px";
				statusdiv.style.width = "100px";
				statusdiv.style.position = "relative";
				statusdiv.style.zIndex = "1";
				
				if (this.status() == "TurboMingle") {
					statusdiv.innerHTML = this.username();
					this.userDiv.appendChild(statusdiv);
				} else if (this.status() == "fortunecity") {
					statusdiv.innerHTML = this.username();
					this.userDiv.appendChild(statusdiv);
				} else {
					//we don't add the status bar if the user is offline
				}
			}catch(ex){
				showErrorMessage(ex);
			}
		    //$("#usersPanel").prepend(newdiv);
		} 
		function getProfileData(prop){
			if(usrDataDTO!=null && usrDataDTO.profileData!=null){
				var d;
				for(d in usrDataDTO.profileData){
					if(prop == "age" && usrDataDTO.profileData[d].property == "dateofbirth"){
						//d.val()
						return "TODO - calculate age";
					}else if(usrDataDTO.profileData[d].property == prop){
						var t = usrDataDTO.profileData[d];
						return t.value;
					}else{
						//ignore
					}
				}
			}
			return null;
		}		
	}

	
	

	
  	var myErrorHandler = function(errorString, exception){
		//alert("MyErrorHandler "+errorString + " " + exception);
		showErrorMessage("Error "+errorString + " " + exception.javaClassName);
	};

	


	
	var getUsersCallback = function(retVal) {
		if(retVal==null){
			$("#usersPanel").html("???en.turbomingle.filter.errorUpdating???");
		}else if(retVal.length==0){
	    	$("#usersPanel").html("No users found = please adjust filter parameters");
	    }else{
			$("#usersPanel").html("");
			//for (var i = 0; i < retVal.length; i++) {
			for (var i = retVal.length - 1; i >= 0; i--) {
				var usrDataDTO = retVal[i];
				createUserPanel(usrDataDTO);
			}
			
		}
	}
	
	/* called when the local user logs in */		
	var loggedOnCallback = function(tTurboMingleState) {	
	    isLoggedIn = true;
	    turboMingleState = tTurboMingleState;
	    showErrorMessage("");
	    showInfoMessage("You are now logged in");
	    showMyInformationPanelIfNeeded();	
	    $("#loggedInMenuOptions").css("display","inline");
		$("#topLogInPanel").css("display","none");	
		$("#joinNowTab").css("display","none");
		$("#loggingIn").css("display","none");	 
		$("#logout").css("display","inline");  
		$("#messagesButton").css("display","inline");  
		
		reopenAllChatRooms();
		TurboMingleBean.getOfflineMessages({callback: showOfflineMessages});

		//if(todoAfterLogin!=null){
			//TODO - support club rooms also
		//	joinPlainChatRoom(todoAfterLogin);
		//}
	}	

	
	/** 
	 * The user has pressed the logon button
	 * NOTE - Overrides the logon() in top.jsp 
	 */
	function logon(){
		if(isLoggedIn==false){
			var username = $("#username").val();
			var password = $("#password").val();	
			$("#topLogInDetailsPanel").css("display","none");
			$("#loggingIn").css("display","inline");
			TurboMingleBean.login(username, password, {
					callback: loggedOnCallback, 
					errorHandler:function(errorString, exception){ 
						$("#loggingIn").css("display","none");
						$("#topLogInDetailsPanel").css("display","inline");
						showErrorMessage("Incorrect username/password"); 
						//showTickerMessage("LoginErrorHandler "+errorString + " " + exception.javaClassName); 
					}
			});
		}else{
			alert("You appear to be already logged in, refresh the page then try again");
		}		
	}
	
	function showErrorMessage(msg){
		if(errorMessageTimeout){ clearTimeout(errorMessageTimeout); }			
		
		$("#error").html(msg);
		if(msg==null || msg==""){
			$("#error").css("height", "0px");
			$("#error").css("display", "none");
		}else{	
			$("#error").css("height", "20px");	
			$("#error").css("display", "inline");	
		}
		myResize();

		errorMessageTimeout = setTimeout("showErrorMessage('');",5000);			
	}
	
	////////////////////////////////////
	function myResize(){	
	     var viewportwidth;
		 var viewportheight;
		 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight		 
		 if (typeof window.innerWidth != 'undefined'){
		      viewportwidth = window.innerWidth,
		      viewportheight = window.innerHeight
		 }
		// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
		 else if (typeof document.documentElement != 'undefined'
		     && typeof document.documentElement.clientWidth !=
		     'undefined' && document.documentElement.clientWidth != 0)
		 {
		       viewportwidth = document.documentElement.clientWidth,
		       viewportheight = document.documentElement.clientHeight
		 }
		 // older versions of IE
		 else {
		       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
		       viewportheight = document.getElementsByTagName('body')[0].clientHeight
		 }
		 
		 var searchPanelHeight = 30;
		 var topAndBottomAreaHeight = 148 + $("#error").height();
		 //Turbomingle
		 var h = (viewportheight-(topAndBottomAreaHeight+$("#messageBarPanel").height()));		//or try .attr('offsetHeight')
	    $("#usersContainer").css("height", (h-searchPanelHeight)+"px");

	    //ClubLite 
	    //$("#clubLite").style.height = (h-30)+"px";    
	}
	
    
	/* Create a user panel and add it to the beginging of the panels */
	function createUserPanel(usrDataDTO){	
		var userInfo = userData[usrDataDTO.usrDTO.id];
		if(userInfo==null){	
			userInfo = new UserInfo(usrDataDTO);		
			userData[userInfo.id()] = userInfo;
		}else{
			userInfo.usrDataDTO = usrDataDTO;		//update our data
		}		

		var tId = "user" + userInfo.id();
	 	if(userInfo.userDiv==null || $(tId)==null){
			userInfo.createUserDiv();
	    }
		$("#usersPanel").prepend(userInfo.userDiv);
		
	    return userInfo;
	}
	
	function mouseoverUser(id){
		try{
			if(userData[id]!=null){
		    	userData[id].imgFramediv.style.border = "2px solid yellow";
		    	userData[id].imgFramediv.style.padding = "0px";	
		    }
	    }catch(ex){
	    	//alert("error "+ex+"  "+id);
	    }
	}
	function mouseoutUser(tId){
		try{
			var info = userData[tId];
			if(info!=null){
			    if(info.status()=="TurboMingle"){
					if(info.gender() == "female"){
			    		info.imgFramediv.style.border = "2px solid #ed6401";
			    	}else{
						info.imgFramediv.style.border = "2px solid #5164ed";
					}
					info.imgFramediv.style.padding = "0px";			    		    	
			    }else if(info.status()=="fortunecity"){
			    	info.imgFramediv.style.border = "2px solid #e4247e";
			    	info.imgFramediv.style.padding = "0px";			    				    	
			    }else{
			    	info.imgFramediv.style.border = "0px solid #ffffff";
			    	info.imgFramediv.style.padding = "2px";			    	
			    }
		    }
	    }catch(ex){
	    	showErrorMessage("error in mouseoutUser "+ex);
	    }
	}	
	
	/** Called from the form filter button */
	function filterUsers(){
		queryPageNum = 1;
		$("#usersPanel").html("Loading users...");
		TurboMingleBean.getUsers(getFilterUsersQuery(),{callback: getUsersCallback});		
	}

	function moreUsers(){
		queryPageNum++;
		$("#usersPanel").html("Loading users...");
		TurboMingleBean.getUsers(getFilterUsersQuery(),{callback: getUsersCallback});		
	}

	function getFilterUsersQuery(){
		//var q = {$dwrClassName:'JadeQuery',pageNo:1,city:$("#filterCity").val()};  //example code for special dwr syntax
		var filterUsersQuery = new JadeQuery();	
		filterUsersQuery.pageNo=queryPageNum;
		//filterUsersQuery.pageSize=100;		
		filterUsersQuery.gender = $("#filterGender").val();
		filterUsersQuery.country = $("#filterCountry").val();
		filterUsersQuery.city = $("#filterCity").val();
		filterUsersQuery.minAge = $("#filterFromAge").val();
		filterUsersQuery.maxAge = $("#filterToAge").val();
		filterUsersQuery.keyword = $("#filterKeywords").val();
		//Instead we return the users but filter t 
		/* if($("#showAdult").checked==true){
			filterUsersQuery.avatarClassification = "ADULT";		
		}else{
			filterUsersQuery.avatarClassification = "NORMAL";		
		} */
		return filterUsersQuery;
	}


	function populateDivWithDescription(userInfo){
		userInfo.descriptionDiv.innerHTML = userInfo.username()+"<br>";
		if(userInfo.gender()!=null) { userInfo.descriptionDiv.innerHTML += userInfo.gender()+"<br>"; }
		if(userInfo.age()!=null) { userInfo.descriptionDiv.innerHTML += userInfo.age()+"<br>"; }
		if(userInfo.city()!=null) {userInfo.descriptionDiv.innerHTML += userInfo.city()+"<br>"; }
		if(userInfo.country()!=null) {userInfo.descriptionDiv.innerHTML += userInfo.country()+"<br>"};
		if(userInfo.description()!=null) {userInfo.descriptionDiv.innerHTML += userInfo.description()+"<br>";}

		//alert(userInfo.country());
		//alert(userInfo.descriptionDiv.innerHTML);
		//We create all the components of the user panel but just adjust the style depending on the status of that user
		if(userInfo.status()=="TurboMingle") {
			userInfo.descriptionDiv.innerHTML += "User online";
			//TODO
			//var ignoreDiv = document.createElement('DIV');
			//ignoreDiv.className = "userMessengerIgnore";
			//ignoreDiv.innerHTML = "ignore user add checkbox here";
			//newdiv.appendChild(ignoreDiv);
		}else if(userInfo.status()=="fortunecity"){
			userInfo.descriptionDiv.innerHTML += "User online";
			//userInfo.descriptionDiv.innerHTML += "User is in the chat rooms. <a href='go?usrId="+userInfo.id()+"'>Go to user</a>";
			userInfo.incomingMessagesDiv.style.position = "hidden";
			userInfo.incomingMessagesDiv.style.background = "#f0f0f0"; 
			//TODO add link to go to user
		}else{
			userInfo.descriptionDiv.innerHTML += "User is currently offline";
			userInfo.incomingMessagesDiv.style.background = "#e0e0e0";
			userInfo.incomingMessagesDiv.innerHTML = "User currently offline.<br>You can send them an offline message.";
			//$(n).disabled = true;
			//incomingMessagesDiv.style.display = "none";
			//incomingMessagesDiv.style.visibility = "hidden";
		}
		
		userInfo.descriptionDiv.innerHTML += "<br/><a href='"+contextPath+"/profile/"+userInfo.website()+"/"+userInfo.username()+"' target='_blank'>Full profile</a>";

		
	}
	function openPicWindow(url){
		w=window.open(url,'pic', 'width=600,height=600,left=25,top=20,toolbar=0,location=0,status=0,menubar=0,scrollbars=1,resizable=1');
		w.focus();	
	}
	
	function markAsAdult(userId, tSpan){
		TurboMingleBean.markAvatarAsAdult(userId);
		tSpan.onclick = null;
		tSpan.style.textDecoration = "";
		tSpan.style.cursor = "";
		tSpan.innerHTML="Thanks";
	}
	
	var zIndex = 3;
	
	/** Open a messenger window.  Should not be called directly, instead call showMessageBarItemFetch */
	function openMessengerWindow(userId){
		messageRead(userId);
		
		if(userData[userId].messengerWindow!=null){
		    return;
		}

	    var userInfo = userData[userId];
		//TODO check if this is null

		var newdiv = document.createElement('DIV');
		//newdiv.className = "userMessengerPanel";
		newdiv.className = "userMessengerPanel";

		if(newWindowStartPositionX > 250) { newWindowStartPositionX = 20; }
		if(newWindowStartPositionY > 250) { newWindowStartPositionY = 20; }
		
		newdiv.style.left = newWindowStartPositionX.toString()+"px";
		newdiv.style.top = newWindowStartPositionY.toString()+"px";
		newdiv.style.zIndex = ++zIndex;
		newWindowStartPositionX+=5;
		newWindowStartPositionY+=5;
		
		//newdiv.onfocus = function(){alert(userId)};
		newdiv.onmouseover = function(){messageRead(userId)};
		var closeMinimiseDiv = document.createElement('DIV');
		closeMinimiseDiv.className = "closeMinimiseDiv";
		closeMinimiseDiv.innerHTML = "<img style='padding:1px;cursor:pointer;' onmousedown='minimiseMessenger("+userId+");' width=18 heigh=18 src='"+contextPath+"/TurboMingle/gfx/minimise.gif'/><img style='padding:1px;cursor:pointer;' onmousedown='closeMessenger("+userId+");' width=18 heigh=18 src='"+contextPath+"/TurboMingle/gfx/close.gif'/>";
		newdiv.appendChild(closeMinimiseDiv);

		var userMessengerAvatar = document.createElement('DIV');
		userMessengerAvatar.className = "userMessengerAvatar";
		
		var js = "javascript:openPicWindow('"+userInfo.bigAvatar()+"');";
		userMessengerAvatar.innerHTML = '<img onclick="'+js+'" width=78 heigh=78 src="'+userInfo.avatar()+'" style="cursor:pointer;"/>';		
		userMessengerAvatar.innerHTML += "<span style='font-size:9px;cursor:pointer;text-decoration:underline' onclick='markAsAdult("+userId+",this);'>Mark pic adult?</span>";		
		newdiv.appendChild(userMessengerAvatar);
		
		userInfo.descriptionDiv = document.createElement('DIV');
		userInfo.descriptionDiv.className = "userMessengerDescription";
		userInfo.descriptionDiv.id = "userMessengerDescription"+userId;
		
		var incomingMessagesDiv = document.createElement('DIV');
		incomingMessagesDiv.setAttribute("id","incomingMessages");
		incomingMessagesDiv.className = "incomingMessages";
		var msgList = userInfo.incomingMessageList;
		
		var x=0;
		for(x; x<msgList.length;x++){	
			incomingMessagesDiv.innerHTML += msgList[x] + "<br>";
		}
		newdiv.appendChild(incomingMessagesDiv);
		
		var inputDiv = document.createElement('DIV');
		inputDiv.className = "inputMessage";
		var n = "inputMessage"+userId;
		var nn = 'limitText(this,null,120,event,"'+userId+'");';
		inputDiv.innerHTML = "<textarea rows='2' cols='20' class='inputMessageTextArea' id='"+n+"' name='"+n+"' onKeyDown='"+nn+"' />";
		newdiv.appendChild(inputDiv);
		
		var sendDiv = document.createElement('DIV');
		sendDiv.className = "sendMessage";
		sendDiv.innerHTML = "send";
		sendDiv.id = "sendMessage";
		sendDiv.onclick = function(){sendMessage(userId)};
		newdiv.appendChild(sendDiv);
		
		$("#frame").prepend(newdiv);		
		Drag.init(userInfo.descriptionDiv, newdiv);		
		userInfo.incomingMessagesDiv = incomingMessagesDiv;		
		userInfo.messengerWindow = newdiv;	
		populateDivWithDescription(userInfo);
		
		newdiv.appendChild(userInfo.descriptionDiv);

//		if(!userInfo.isProfile()){
//			//Get the users full profile from the server
//		    TurboMingleBean.getUserProfile(userId, {callback:function(usrDataDTO){		
//	    	    userData[usrDataDTO.usrDTO.id].usrDataDTO = usrDataDTO;
//	    	    var descriptionDiv = $("#userMessengerDescription"+usrDataDTO.usrDTO.id);	  
//				populateDivWithDescription(descriptionDiv,userData[usrDataDTO.usrDTO.id]);
//	    	}});				
//		}
		
	}
	
	/** Close the message bar and the corresponding messenger panel, if any */	
	function closeMessenger(usrId){
		minimiseMessenger(usrId);
		var v = userData[usrId].messageBarDiv;  
			if(v!=null){
				//$("#messageBarPanel").remove(v);
				v.parentNode.removeChild(v);		
				myResize();
				userData[usrId].messageBarDiv = null;
			}
		userData[usrId].incomingMessagesDiv = null;
	}

	/** We're actually deleting the div here, but we keep the information */
	function minimiseMessenger(usrId){
		var div = userData[usrId].messengerWindow;
		if(div!=null){				
			div.parentNode.removeChild(div);	
			userData[usrId].messengerWindow = null;	
			userData[usrId].incomingMessagesDiv = null;
		}
	}
		
	function sendMessage(toUsrId){
		if(isLoggedIn){	
			var dto = userData[toUsrId];
		    var field = $("#inputMessage"+toUsrId);
		    if(field!=null){
		        var msg = field.val();
		        if(msg!=null && msg != ""){
		            TurboMingleBean.sendMessage(toUsrId, msg, messageSentCallback); 
		            field.val(""); 
		            dto.addChatMessage( me+":"+msg);
		        } 
		    }
	    }else{
	    	showSignUpPanel(true);
	    }
	}
	
	function chatCallback(chatMessageDTO){
		showMessageBarItemFetch(chatMessageDTO.fromUserId, chatMessageDTO, false);		//Open a panel on the bar for this user		   	    
	}
	 
	//The method to be called to display a messenger window, it will fetch the users profile if needed
	function showMessageBarItemFetch(usrId, chatMessageDTO, openWindow){
		var userInfo = userData[usrId];
		if(userInfo!=null && userInfo.isProfile()) {
			showMessageBarItem(userInfo);
			if(openWindow==true){ 
				openMessengerWindow(usrId);
			}
    		if(chatMessageDTO!=null){
	    	    userInfo.addChatMessage(userInfo.username()+":"+chatMessageDTO.message);	
    		}
		}else{
			if(userInfo==null){
				userInfo = new UserInfo(null);		//TODO CHECK THIS!  Create a dummy holder so we don't request a users profile data twice
				userInfo.setId(usrId);
				userData[usrId] = userInfo;
			}
			
			//FIXME - userInfo.username() will be unknown
    		if(chatMessageDTO!=null){
	    	    userInfo.addChatMessage(userInfo.username()+":"+chatMessageDTO.message);	
    		}
    		if(userInfo.profileRequested == false){
    			userInfo.profileRequested = true;		//note that we have requested the profile so we don't ask for this twice
			    TurboMingleBean.getUserProfile(usrId, {callback:function(usrDataDTO){	
			    		if(userData[userInfo.id()]==null){		//just incase
			    			userInfo = new UserInfo(usrDataDTO);
			    		}else{
			    			userInfo.usrDataDTO = usrDataDTO;
			    		}
			    	    userData[userInfo.id()] = userInfo;	 
			    		showMessageBarItem(userInfo);		//Open a panel on the bar for this user		    	
			    		if(openWindow==true){
			    			openMessengerWindow(usrId);
			    			populateDivWithDescription(userInfo)
			    		}
			    	}
			    });	
    		}
		}
	}
	
	function showMessageBarItem(userInfo){
	
		if(userData[userInfo.id()].messageBarDiv!=null){
	    	return;
	    }
	    var newdiv = document.createElement('DIV');
		newdiv.className = "messageBarItem";

		var avatarDiv = document.createElement('DIV');
		avatarDiv.innerHTML = "<img width=21 heigh=21 src='"+userInfo.avatar()+"'/>";
		avatarDiv.className = "messageBarAvatar";
		
		newdiv.appendChild(avatarDiv);
		
		var usernameDiv = document.createElement('DIV');
		usernameDiv.onmousedown = function(){ openMessengerWindow(userInfo.id()); }
		usernameDiv.className = "minimisedItemUsername";		
		usernameDiv.innerHTML = userInfo.username();
		newdiv.appendChild(usernameDiv);
		
		
		var closeDiv = document.createElement('DIV');
		closeDiv.className = "closeMinimiseBarItem";
		closeDiv.innerHTML = "<img onmousedown='closeMessenger("+userInfo.id()+");' width=18 heigh=18 src='"+contextPath+"/TurboMingle/gfx/close.gif'/>";
		newdiv.appendChild(closeDiv);
		
		userData[userInfo.id()].messageBarDiv = newdiv;
		$("#messageBarPanel").prepend(newdiv);	
		myResize();	
	}

	function showInfoMessage(str){
		
		if(str=="" || str==null){
			$("#infoPanel").html("");
			$("#infoPanel").hide();
		}else{	
			if(infoMessageTimeout){ 
				clearTimeout(infoMessageTimeout); 
				infoMessageTimeout = null;
			}
			$("#infoPanel").html(str);
			$("#infoPanel").show();
			infoMessageTimeout = setTimeout("$('#infoPanel').hide();",1200);
		}
	}
	
	/* Called when a third party used logs in */
	function userLoggedOnCallback(usrDataDTO){
		
		var info = createUserPanel(usrDataDTO);

		//Create the notification in the bottom corner
     	//var newdiv = $("<div/>");//document.createElement('DIV');
     	var newdiv = $("<div></div>");
     	var tId = "newsnotification" + newsItemId++;

     	newdiv.attr('id', tId);
     	newdiv.addClass("popUpNotification");  
     	newdiv.css("bottom",100 + ($(".popUpNotification").length*64) + "px");
     	
		newdiv.onmousedown=function(){
			showMessageBarItemFetch(usrDataDTO.usrDTO.id, null, true);
		};		
     	newdiv.html('<div style="float:left;border:#000000 2px solid;width:50px;height:50px;margin:2px;"><img width="50" height="50" src="'+info.avatar()+'"></div>' +
			'<div style="float:left;padding-left:12px;padding-top:15px;width:225px;white-space:nowrap;overflow:hidden;">'+ info.username() +' has logged in</div>');     
     	$("body").append(newdiv);
     	//$("#usersContainer").prepend(newdiv);  
	    newdiv.attr("timeDisplayed",8);
	 	//newsDivs.push(newdiv);
	}	
	
	function userLoggedOutCallback(usrDTO){
		var userInfo = userData[usrDTO.id];
		if(userInfo!=null){
			//TODO IMPLEMENT ME 
		}
	}
	
	function scheduledTask(){
		
		//Update the news/user logged in notices
		var newsDivs = $(".popUpNotification");
		//alert(divs);
		for(i=0; i < newsDivs.length; i){
			var d = $(newsDivs[i]);
			var a = parseInt(d.attr("timeDisplayed"));
			if(--a <= 0){
  				d.remove();
				newsDivs.splice(i,1);
			}else{
				i++;
				d.attr("timeDisplayed",a);
			}
		}
	
		for(i in userData){		
			if(userData[i].unreadMsg==true){
				if(scheduledTaskRuns%2==0){
					userData[i].messageBarDiv.style.background = "#f79d39";
				}else{
					userData[i].messageBarDiv.style.background = "#E9E9E9";
				}
			}
		}
		//var notificationDiv = $("#newsnotification");
		//notificationDiv.style.visibility = "visible"; 
		//notificationDiv.style.bottom = notificationDivBottom +"px";	
		//notificationDivBottom--;	
		scheduledTaskRuns++;
		setTimeout("scheduledTask()",1000);		
	}
		

	function messageRead(usrId){
		var d = userData[usrId];
		if(d!=null){
			d.unreadMsg = false;
			d.messageBarDiv.style.background = "#E9E9E9";
		}
	} 
	
	
	
	/* limit the input of a text field */
	function limitText(limitField, limitCount, limitNum,event, usrId) {		
		if(event.keyCode==13){
			//alert(event.keyCode);
			sendMessage(usrId);
		}
		if (limitField.value.length > limitNum) {
			limitField.value = limitField.value.substring(0, limitNum);
		} else {
			if(limitCount!=null){
				limitCount.value = limitNum - limitField.value.length;
			}
		}
	}
	
	function showSignUpPanel(b, heading){
		if(b){
			if(heading){
				$('#signUpHeading').html(heading);
			}
			$('#signUpPanel').css("display", "inline");
		}else{
			$('#signUpPanel').css("display", "none");		
		}
	}

	function getRoomNameFromParam(){
//		  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
//		  var regexS = "[\\?&]"+name+"=([^&#]*)";
//		  var regex = new RegExp( regexS );
//		  var results = regex.exec( window.location.href );
		var pathElement = "chat-rooms/";
		var idx = window.location.href.indexOf(pathElement);
		if(idx > 0){
			var roomName = window.location.href.substring(idx+pathElement.length)
			return roomName;
		}else{

		}

	}
	
	
	/** Return param values from the URL */ 
	function gup( name ){
	  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	  var regexS = "[\\?&]"+name+"=([^&#]*)";
	  var regex = new RegExp( regexS );
	  var results = regex.exec( window.location.href );
	  if( results == null )
	    return "";
	  else
	    return results[1];
	}

	var showOfflineMessages = function(data){
		if(data != null){
			_showOfflineMessages(data);
		}
	}
	
	function _showOfflineMessages(data){
		var i=0;
		for(i=0;i<data.length;i++){
			var oneInfo = data[i];
			if(oneInfo != null){
				var dateFormat = (new Date(oneInfo.timeSent)).toLocaleString();
				dateFormat = getFormatedDate(oneInfo.timeSent);
				var msg = new msgDTO('<br><i>'+dateFormat+"</i><br>"+oneInfo.message+"<br>");
				showMessageBarItemFetch(oneInfo.fromUsrID, msg, true);
			}
		}
	}
	
	function msgDTO(msg){
		this.message = msg;
	}
	
	function resetImages(){
		for(i in userData){		
			userData[i].createUserDiv();
		}
	}
	

	
	
	
	//if ($("#showAdult").attr("checked"){
	
	
//TODO if we use this remove the <meta http-equiv="refresh" content="100"> from ads.jsp 	
//	function refreshAds(){
//	//adsiframe
//	setTimeout("refreshAds()",60000);		
//}
//refreshAds();