var preloadImgs = [], img;
var left = 1, right = 0, NONE = 2;

function Login(params) {
	this.currStory = 0;
	this.maxStories = 0;
	this.names = [];
	this.testimonialsShort = [];
	this.testimonialsLong = [];
	this.beforePics = [];
	this.afterPics = [];
	this.built = false;
	/*this.currStory = 2;
	this.maxStories = 2;
	this.names = ['Hiram', 'Doug'];
	this.testimonialsShort = ['I entered the Coast Guard in 1967, and for the first 20 years of my 30-year career, I didn't have any weight problems. The work I did was hard, so my weight stayed well within the required limits. In my last 10 years, however, I was assigned to a training command where all my time was spent in a classroom or traveling around the world to train others. I gained weight and found it hard to keep it off. Even though I exercised and tried to be active, my weight slowly increased. I started a walking plan and was able to stay within the required weight limit - but I was always at the top end...', 
							'I hated being an overweight child. People either made fun of me or (worse) tried to be polite and said, "He's just plump." What adolescent boy wants to hear that? In grade school I was so big they made me play on the upper grades' football team. By middle school, I had grown out of my heaviness, and by the time I graduated high school, I was 6 feet tall and skinny at 145 pounds. Life was good, and I swore I'd never be fat again...']; 
	this.testimonialsLong = ['<h3><span id="story-name">Hiram</span>&apos;s story</h3><br /><p>I entered the Coast Guard in 1967, and for the first 20 years of my 30-year career, I didn&apos;t have any weight problems. The work I did was hard, so my weight stayed well within the required limits. In my last 10 years, however, I was assigned to a training command where all my time was spent in a classroom or traveling around the world to train others. I gained weight and found it hard to keep it off. Even though I exercised and tried to be active, my weight slowly increased. I started a walking plan and was able to stay within the required weight limit - but I was always at the top end.<br>\
<br>\
When I retired from the Coast Guard in 2004, I weighed 212 pounds. As I moved from job to job over the next eight years, I kept gaining weight until I weighed in at the Veterans Affairs (VA) Medical Center at 256 pounds. My wife noticed and started to worry about my health. She also has a chronic disease, and I am her primary-care provider. It was becoming difficult to help in some areas. In January, I weighed in on my scale at 260 pounds. I knew it was time to start losing weight. I started on a self-developed plan and used Jillian&apos;s DVDs, and by May when I went back to the VA Medical Center and entered their MOVE! national weight-loss program for veterans I had dropped 14 pounds and several inches from my waist. I combined parts of Jillian&apos;s DVDs, her Web site, and the VA MOVE! program and created a program that really focused on improving my body and my mind.<br>\
<br>\
I&apos;ve had amazing results! I now weigh 190 pounds went from a pants size 46 to 34, I no longer take blood-pressure medication, and my doctor has reduced my diabetes-pill dosage to one-fourth of what it was. I started working again, but I don&apos;t let that interfere with my workouts. I block off time on my calendar at work from 11:30 a.m. to 1 p.m. every day so meetings cannot be planned. I walk, jog, or sprint in intervals for about 45 minutes and usually carry two 18-ounce water containers wrapped in 1-kilo wrist weights. I&apos;ll stop at benches along the way and alternate sets of push-ups on one bench and then dips at the next. The people around me are very supportive and they constantly remind me if I am running late for my exercise period. They now EXPECT me to be gone and don&apos;t plan anything for me to do during that time, which motivates me to keep going and helps me make that change permanent.<br>\
<br>\
Even though I&apos;m 37, I feel as if I&apos;m 21. I have gone from 29 percent body fat to 19 percent body fat in the past year, and I have a goal of 15 percent body fat. I have changed my priorities in life to reflect how I can better support myself and my family. In the past my priorities were God, family, and then me. I realized that I needed to have the order as God, me, and then family, because if I am not fit and able I could not properly support my family.</p>',
						  '<h3><span id="story-name">Doug</span>&apos;s story</h3><br /><p>I hated being an overweight child. People either made fun of me or (worse) tried to be polite and said, &quot;He&apos;s just plump.&quot; What adolescent boy wants to hear that? In grade school I was so big they made me play on the upper grades&apos; football team. By middle school, I had grown out of my heaviness, and by the time I graduated high school, I was 6 feet tall and skinny at 145 pounds. Life was good, and I swore I&apos;d never be fat again.<br>\
<br>\
Over the years, I filled out. At 30, when I married my wife, I was at a muscular and comfortable 185 pounds. Over the next 15 years, I slowly gained another 20 pounds. I was still active, so I got used to it, and nobody would&apos;ve guessed I weighed over 200 pounds - I just had a little bit of paunch around the middle. It was September of last year, after I quit smoking, when I really started to blow up. I gained 25 pounds in four months, and I was speeding through clothes sizes: The people at J. C. Penney knew me by name. I was out of control and in denial every step of the way.<br>\
<br>\
In May 2008, my wife and I went to Canc&uacute;n for our yearly five-day sabbatical. When I was shopping for beach clothes, I realized I was at least four inches bigger around the waist than I had been the summer before. The size 38 shorts I bought were tight, but I couldn&apos;t stand the thought of going to a size 40. Still, we had a great time on our trip, lounging on the beach with a cold drink in one hand and a plate in the other (all-inclusive hotels are handy but not very health-friendly).<br>\
<br>\
At home, when I started downloading the pictures from the trip, I was shocked to see a strange fat guy next to my wife in every picture. I knew I wasn&apos;t in the best shape, but that was a serious gut and set of chins I was looking at! While I was sitting there trying to decide whether to delete all those pictures, I got an e-mail; it was one of Jillian&apos;s newsletters. The timing was perfect - it had to be a sign. I immediately logged on to her site and signed up, and then I picked up the equipment I would need to work out and started planning my meals.<br>\
<br>\
A couple of weeks after I started working out and eating the meals from the site&apos;s plan, I began reading the Message Boards to find some like-minded people for additional information and support, and those ladies set me straight on my eating habits. It turns out I wasn&apos;t eating enough, and after a few adjustments, I started losing in a big way.<br>\
<br>\
In just 19 weeks, I lost 47 pounds, an average of almost 2.5 pounds per week - even better than the plan said I&apos;d do. I attribute my speedy success to sticking strictly to Jillian&apos;s exercise and meal plans. I occasionally had a bad food day or missed a workout, but for the most part I was right there. I love the meal plan; counting calories isn&apos;t my thing, so the ease of printing shopping lists and getting all the daily recipes was right up my alley. The planner made staying within my 1600-1900 calories-a-day limit automatic. Even now that I&apos;ve lost the weight, I still use the plan and just substitute some higher-calorie ingredients or have a larger serving.<br>\
<br>\
For the first few months, I stuck to the circuits on the site, and that&apos;s when I posted the biggest losses. In August, one of the ladies from the &quot;Fearless,&quot; a group that had formed on the Message Boards, challenged me to run a half marathon. What was she thinking? Me, a runner? I was the defensive lineman and shot-putter - the big guy in school who never had to run. I still don&apos;t know what made me accept the challenge, but I&apos;m glad I did. The first time I ran 10 miles without stopping or walking, I almost cried (don&apos;t tell anyone). My oldest daughter ran the November 2 race with me, and we finished it together. My next race is a 10K in Fort Worth, and I think I&apos;ve talked one of my friends from the site into joining me. This running stuff seems to be contagious!</p>'
];
	
	
	var preloadURLs = [
    "images/doug-before.gif",
    "images/doug-after.gif",
	"images/hiram-before.gif",
    "images/hiram-after.gif"];


	preloadImgs = [];	
	for (var i = 0; i < preloadURLs.length; i++) {
		img = new Image();
		img.src = preloadURLs[i];
		preloadImgs.push(img);
	}*/
	
	this.storyTimer = null;
	this.storyTimerFade = null;
	
	this.username = params || '';
}

Login.prototype.build = function(mode) {

	var obj = this;

	this.domObj = $('<div class="content_container bgcolor" style="padding: 0px !important;"><div id="login-div"><form id="register-form" method="POST" action="#"><div id="createaccountpanel" style="display: none;"><p class="createaccounttxt">Create your account</p>\
	<span class="loginformblock">\
	<div class="loginblockrow"><input type="text" class="logininput firstname" id="regfname" placeholder="First Name"> <input type="text" class="logininput lastname" id="reglname" placeholder="Last Name"></div>\
	<div class="loginblockrow"><input type="text" class="logininput email" id="regemail" placeholder="Email Address"></div>\
	<div class="loginblockrow"><input type="password" class="logininput password" id="regpass" placeholder="Password"></div>\
	<div class="regerror"></div>\
	<div id="consent">By clicking Create Account, you confirm that you are 18 or over, you agree to the Terms of Use, and you acknowledge that you have read our Privacy Policy.\
	<div id="createaccountbuttonblock"><input type="submit" class="purplebtn" id="register" value="Create Account" /></div></div>\
	</span></div></form>\
	<br>\
	<form id="login-form" method="POST" action="#"><div id="loginpanel"><p class="createaccounttxt">Sign In</p>\
	<span class="loginformblock">\
	<div class="loginblockrow"><input type="text" class="logininput email" id="username" placeholder="Email Address"></div>\
	<div class="loginblockrow"><input type="password" class="logininput password" id="password" placeholder="Password"></div>\
	<div id="loginmsg"></div>\
	<div id="loginccountbuttonblock"><input type="submit" class="purplebtn" id="login" value="SIGN IN" /></div>\
	<div class="centertxt pad10">Don&apos;t have an account? <a id="loginsignup" href="#">Sign Up</a></div>\
	<div class="centertxt"><a id="forgotpwlink" href="#">Forgot Password?</a></div>\
	</span></div></form>\
	<br>\
	<form id="forgotpw-form" method="POST" action="#"><div id="forgotpwpanel" style="display:none"><p class="createaccounttxt">Reset Password</p>\
	<span class="loginformblock">\
	<div class="loginblockrow"><input type="text" class="logininput email" id="forgotpwemail" placeholder="Email Address"></div>\
	<div id="loginccountbuttonblock"><input type="submit" class="purplebtn" id="forgotpw" value="Reset Password" /></div>\
	<div class="forgotpwerror"></div>\
	</span></div></form>\
	<div class="forgotpwsuccess"></div></div></div>\
	');

	//alert(mode);

	if (mode == 'forgotpw') {
		obj.domObj.find("#createaccountpanel,#loginpanel").hide();
		obj.domObj.find("#forgotpwpanel").fadeIn();
	}
	else if (mode == 'register') {
		obj.domObj.find("#forgotpwpanel,#loginpanel").hide();
		obj.domObj.find("#createaccountpanel").fadeIn();
	}	
	
this.domObj.find("#emaillogin").click(function(e) {
	e.preventDefault();
	var widget = new Widget("EmailLogin", { callback: function(data) {
		g_userInfo = data.data;
		//g_userInfo.username = g_userInfo.b4b_id;
		//saveWindowSession('LOGIN', { username:obj.domObj.find("#username").val() }, function() {
		//});
		LoggedIn(function() {
			setWindow(sessionStorage['defaultWindowOnLogin'] || "Feed");
		});
	}});
	widget.renderIntoPopup('100%', '100%', $(this));
});
/*this.domObj.find("#forgotpw").click(function(e) {
	e.preventDefault();
	var widget = new Widget("ForgotPassword", { });
	widget.renderIntoPopup('100%', '100%', $(this));
});*/
/*this.domObj.find(".applestore").click(function(e) {
	e.preventDefault();
	var widget = new Widget("Label", 'Coming soon...');
	widget.renderIntoPopup('50%', '50%', $(this));
});*/
	
var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
var iOS = ( navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false );
if (isAndroid || iOS) {
	this.domObj.find("#mobilelinks").hide();
}
	
	$.ajax( { url: "/service/GetTestimonials.php", 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {	
			obj.built = true;
			obj.currStory = data.length;
			var preloadURLs = [];

			obj.maxStories = data.length;
			for (var i = 0; i < data.length; i++) {
				obj.names.push(data[i].name);
				obj.testimonialsShort.push(data[i].text_short);
				obj.testimonialsLong.push(data[i].text_long);
				obj.beforePics.push("/service/GetFile.php?pic=" + data[i].fid_before);
				obj.afterPics.push("/service/GetFile.php?pic=" + data[i].fid_after);
				preloadURLs.push("/service/GetFile.php?pic=" + data[i].fid_before);
				preloadURLs.push("/service/GetFile.php?pic=" + data[i].fid_after);
			}
			
			preloadImgs = [];	
			for (var i = 0; i < preloadURLs.length; i++) {
				img = new Image();
				img.src = preloadURLs[i];
				preloadImgs.push(img);
			}
		}
	});
	
	
	$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=LOGIN", 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {	
	
			obj.domObj.find("#username").val(data.data.username || '');
			if (data.data.username) {
				obj.domObj.find("#password").focus();
			}
			else {
				obj.domObj.find("#username").focus();
			}
		}
	});
	
	return false;
}

Login.prototype.getDomObj=function() {
	return this.domObj;
}


	
	
Login.prototype.setMode=function(mode) {
	this.domObj.find("#" + mode).triggerHandler(hitEvent);
}
	
	Login.prototype.setSuccessStory=function(mode) {
		var win = this;
		var domObj = this.getDomObj();
		domObj.find("#bg").stop();
		var offsetRight = mode == right ? "-100px" : "100px";
		var offsetLeft = mode == right ? "100px" : "-100px";
		if (mode == NONE) {
			offsetLeft = "0px";
			offsetRight = "0px";
		}
		domObj.find("#bg").animate({"margin-left": offsetLeft, opacity: mode == NONE ? 0 : 0}, 200, 'linear', function() {
			if (mode == left) {
				win.currStory = win.currStory == win.maxStories ? 1 : ++win.currStory;
			}
			else {
				win.currStory = win.currStory == 1 ? win.maxStories : --win.currStory;
			}
			//if (mode != NONE) {
				domObj.find("#bg").hide().removeClass().addClass("before story" + win.currStory).css("background-image",  "url('" + win.beforePics[win.currStory-1] + "')").css("margin-left", offsetRight).css("opacity", 0).show();			
				domObj.find("#story-name").html(win.names[win.currStory-1]);
				domObj.find("#testimonial_short").text(nl2br(win.testimonialsShort[win.currStory-1]));
			//}
			domObj.find("#bg").animate({"margin-left": 0, opacity: 1}, 200, 'linear', function() {
				win.storyTimerFade = setTimeout(function() {
					win.storyTimerFade = null;
					domObj.find("#bg").fadeOut(350, function() {
						domObj.find("#bg").removeClass().css("background-image",  "url('" + win.afterPics[win.currStory-1] + "')").addClass("after story" + win.currStory);
						domObj.find("#bg").fadeIn(350, function () { win.setStoryTimer(); });
						
					});
				}, 2500);
			});
		});
	}
	
Login.prototype.setStoryTimer=function() {
	var win = this;
		if (! win.storyTimer) {
			win.storyTimer = setTimeout(function() {
				win.setSuccessStory(left);
				win.storyTimer = null;
			}, 7500);
		}
	}

Login.prototype.setHooks=function() {
	var domObj = this.getDomObj();
	var win = this;
	var obj = this;

	obj.domObj.find("#loginsignup").click(function(e) {
		e.preventDefault();
		setWindow('Login-register');
	});

	obj.domObj.find("#forgotpwlink").click(function(e) {
		e.preventDefault();
		setWindow('Login-forgotpw');
	});

	domObj.find(".fbbutton").click(function(e) {
		e.preventDefault();
		if ($(this).attr('loggedin') == '1') {
			return;
		}
		FB.login(function(response){
		  // Handle the response object, like in statusChangeCallback() in our demo
		  // code.
		  
		  $(".fbbutton").attr('loggedin', '1');

		  //console.log(response);
		  var access_token = response.authResponse.accessToken;
		   if (response.status === 'connected') {
				// Logged into your app and Facebook.
				FB.api('/v2.4/me?fields=email,first_name,last_name,gender,birthday', function(response) {
					//console.log(JSON.stringify(response));
					blockWindow();
					$.ajax( { url: "/service/FBLogin.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
						cache: false,
						dataType: "json", 
						data: { id: response.id, name: response.name, email: (response.email||''), token: access_token },
						success: function( data ) {	
							unblockWindow();
							if (! data || ! data.success) {
								alert("An Error has occurred!");
								$(".fbbutton").attr('loggedin', '0');
							}
							else {
								g_userInfo = data.data;
								//g_userInfo.username = g_userInfo.b4b_id;
								//saveWindowSession('LOGIN', { username:obj.domObj.find("#username").val() }, function() {
								//});
								LoggedIn(function() {
									setWindow(sessionStorage['defaultWindowOnLogin'] || "Feed");
								});
							}
							//obj.domObj.find("#error").show();
							//alert(JSON.stringify(data));
						}
					});
				});
			  } else if (response.status === 'not_authorized') {
				// The person is logged into Facebook, but not your app.
				$(".fbbutton").attr('loggedin', '0');
			  } else {
				// The person is not logged into Facebook, so we're not sure if
				// they are logged into this app or not.
			  }
		}, {return_scopes: true, scope: 'public_profile,email'});
	});
	domObj.find("#login").bind(hitEvent, function (e) {
		e.preventDefault();

		if (obj.domObj.find("#username").val() == "") {
			obj.domObj.find("#username").css("border-color", "red").focus().prev("label").css("color", "red");
		}
		else if (obj.domObj.find("#password").val() == "") {
			obj.domObj.find("#password").css("border-color", "red").focus().prev("label").css("color", "red");
		}
		else {
			obj.domObj.find("#password,#username").css("border-color", "");
			blockWindow();
			$.ajax( { url: "/service/Login.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { username: obj.domObj.find("#username").val(), password: obj.domObj.find("#password").val() },
				success: function( data ) {	
					unblockWindow();
					if (! data || ! data.success) {
						obj.domObj.find("#loginmsg").text(data.error || "Invalid username or password.").css("color", "red");
					}
					else {
						g_userInfo = data.data;
						saveWindowSession('LOGIN', { username:obj.domObj.find("#username").val() }, function() {
						});
						LoggedIn(function() {
							setWindow(sessionStorage['defaultWindowOnLogin'] || "Feed");
						});
					}
					//obj.domObj.find("#error").show();
					//alert(JSON.stringify(data));
				}
			});
		}
	});
	
	//alert(domObj.find("#login-form").length);
	domObj.find("#login-form").submit(function(e) {
		e.preventDefault();
		obj.domObj.find("#login").triggerHandler("click");
	});

	domObj.find("#register-form").submit(function(e) {
		e.preventDefault();
		obj.domObj.find("#register").triggerHandler("click");
	});

	domObj.find("#forgotpw-form").submit(function(e) {
		e.preventDefault();
		obj.domObj.find("#forgotpw").triggerHandler("click");
	});

	domObj.find("#forgotpw").bind(hitEvent, function (e) {
		e.preventDefault();
		$("input").blur();

		var email = obj.domObj.find("#forgotpwemail").val();
		if (email.indexOf('@') == -1) {
			obj.domObj.find(".forgotpwerror").text("Please enter a valid email.");
			obj.domObj.find("#forgotpwemail").focus();
			return;
		}
		//obj.domObj.block({ showOverlay: false, centerY: false, css: { 'vertical-align':'middle', top: "0", width:"100%", height:"100px",position: 'relative', border: 0}, message: '<img src="images/ajax-loader.gif" height="100" />' });
		blockWindow();

		$.ajax( { url: "/service/ForgotPassword.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: { email: email },
			success: function( data ) {	
				unblockWindow();
				if (! data || ! data.success) {
					if (data.errors) {
						obj.domObj.find(".forgotpwerror").text(data.errors['EMAIL']);
					}
					else {
						obj.domObj.find(".forgotpwerror").text("Please enter a valid email.");
					}
				}
				else {
					obj.domObj.find(".forgotpwsuccess").html('We have sent an email to:<hr /><br /><B>' + email + '</B><br /><br /><br /><br /><a href="#" class="purplebtn" id="closewin">Return</a>');
          			obj.domObj.find("#forgotpw-form").remove();
         	 		obj.domObj.find("#closewin").click(function(e) {
              			e.preventDefault();
						setWindow("Login");
					});
				}
			}
		});
	});
	
	domObj.find("#register").bind(hitEvent, function(e) {
		e.preventDefault();
			$("input").blur();

			var fname = obj.domObj.find("#regfname").val();
			if (! fname) {
				obj.domObj.find("#regfname").focus();
				return;
			}

			var lname = obj.domObj.find("#reglname").val();
			if (! lname) {
				obj.domObj.find("#reglname").focus();
				return;
			}

			var email = obj.domObj.find("#regemail").val();
			if (! email) {
				obj.domObj.find("#regemail").focus();
				return;
			}
			if (email.indexOf('@') == -1) {
				obj.domObj.find("#regemail").focus();
				obj.domObj.find(".regerror").text("Please enter a valid email.");
				return;
			}

			var pass = obj.domObj.find("#regpass").val();
			if (! pass) {
				obj.domObj.find("#regpass").focus();
				return;
			}
			
			if (pass.length < 6 || pass.length > 20) {
				obj.domObj.find("#regpass").focus();
				obj.domObj.find(".regerror").text("Please enter a valid password (6-20 chars).");
				return;
			}	

			blockWindow();
			
			$.ajax( { url: "/service/EmailLogin.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { email: email, password: pass, firstname: fname, lastname: lname },
				success: function( data ) {	
					//obj.domObj.unblock();	

					unblockWindow();

					if (! data || ! data.success) {
						if (data.errors) {
							obj.domObj.find(".regerror").text(data.errors['EMAIL']);
						}
						else {
							obj.domObj.find(".regerror").text("Please enter a valid email.");
						}
					}
					else {
						g_userInfo = data.data;
						//g_userInfo.username = g_userInfo.b4b_id;
						//saveWindowSession('LOGIN', { username:obj.domObj.find("#username").val() }, function() {
						//});
						LoggedIn(function() {
							setWindow(sessionStorage['defaultWindowOnLogin'] || "Feed");
						});
					}
				}
			});
		//setWindow("Register-step1");
	});
	
	domObj.find("#viewplans").bind(hitEvent, function(e) {
		e.preventDefault();
		var widget = new Widget("Viewplans");
		widget.renderIntoPopup(750, 450, $(this));
	});
	domObj.find("a.whatisthis").bind(hitEvent, function(e) {
		e.preventDefault();
		var widget = null;
		switch ($(this).attr('id')) {
			case 'username_wit':
				widget = new Widget("Label", 'This is your email address or the ID you created during registration.');
				break;
			case 'password_wit':
				widget = new Widget("Label", 'This is your password that you created during registration.');
				break;
		}
		if (widget) {
			widget.renderIntoPopup('50%', '50%', $(this));
			
		}
	});
	
	domObj.find("a.bio-link").bind(hitEvent, function(e) {
		e.preventDefault();
		clearTimeout(win.storyTimer);
		win.storyTimer = -1;
		var widget = new Widget("ScrollContainer", '<h3><span id="story-name">' + htmlencode(win.names[win.currStory-1]) + '</span>&apos;s story</h3><br /><p>' + nl2br(htmlencode(win.testimonialsLong[win.currStory-1])) + '</p>');
		widget.renderIntoPopup('80%', '80%', $(this), function() {
			win.storyTimer = null;
			win.setStoryTimer();
		});
	});
	
	domObj.find("a#left-arrow").bind(hitEvent, function (e) {
		if (win.storyTimerFade) {
			clearTimeout(win.storyTimerFade);
			win.storyTimerFade = -1;
		}
		if (win.storyTimer) {
			clearTimeout(win.storyTimer);
			win.storyTimer = -1;
		}
		
		win.setSuccessStory(right);
	});
	
	domObj.find("a#right-arrow").bind(hitEvent, function (e) {
		if (win.storyTimerFade) {
			clearTimeout(win.storyTimerFade);
			win.storyTimerFade = -1;
		}
		if (win.storyTimer) {
			clearTimeout(win.storyTimer);
			win.storyTimer = -1;
		}
		
		win.setSuccessStory(left);
	});
		
	win.setSuccessStory(NONE);
	
	
	$(window).trigger('resize');
		
}



Login.prototype.destroy=function() {
	if (this.storyTimerFade) {
		clearTimeout(this.storyTimerFade);
		this.storyTimerFade = null;
	}
	if (this.storyTimer) {
		clearTimeout(this.storyTimer);
		this.storyTimer = null;
	}
	
	//$("#previews,#nusers").remove();
}

Login.prototype.isBuilt=function() {
	return this.built;
}

Login.prototype.resize=function() {
	//$("#previews").width(1);
	//console.log("" + window.innerWidth + " - " + $("#content").outerWidth());
	$("#previews").width(window.innerWidth-20);
}

Login.prototype.contentSet=function(){
	this.setSuccessStory(NONE);
	
	var obj = this;
	
	
	
	/*
	$.ajax( { url: "/service/GetNewUsers.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: {  },
			success: function( datafr ) {	
					if (! datafr) return;
					//var str = '';
					var str2 = '';
					for (var i = 0; i < datafr.results.length; i++) {
						//str += '<span class="friendlisting sendmsgto user" username="' + (datafr.results[i].username || datafr.results[i].b4b_id) + '"><span style="display:inline-block; padding-left: 10px; padding-right: 10px; vertical-align:middle;"><img width="80" height="80" src="/images/img-loader.gif" data-src="/service/GetProfilePic.php?account_id=' + datafr.results[i].b4b_id + '" /></span><span class="userstats" style=""><span class="username"></span><span class="fullname"><a href="/Profile/' + htmlencode(datafr.results[i].username || datafr.results[i].b4b_id) + '" class="sendmsgto" username="'  + htmlencode((datafr.results[i].username || datafr.results[i].b4b_id)) + '">' + htmlencode(datafr.results[i].firstname + ' ' + datafr.results[i].lastname) + '</a><hr />' + (parseInt(datafr.results[i].stepcnt) > 0 ? '<span class="small" style="display:block;"><B>Steps:</B> ' + datafr.results[i].stepcnt + '</span>' : '') + (datafr.results[i].weightlost > 0 ? '<span class="small" style="display:block;"><B>Lost:</b> ' + datafr.results[i].weightlost + ' lbs</span>' : '' ) + '</span></span></span>';
						str2 += '<div><div class="search_user_row sendmsgto user" username="' + (datafr.results[i].username || datafr.results[i].b4b_id) + '" style="display: inline-block; padding: 10px; min-width: 200px;text-align: left; margin: 10px;"><span style="display:inline-block; padding-left: 10px; padding-right: 10px; margin-10px;  vertical-align:middle; "><img width="80" height="80" src="/service/GetProfilePic.php?account_id=' + datafr.results[i].b4b_id + '" /></span><span class="userstats" style="padding-right:10px;"><span class="username"></span><span class="fullname"><a href="/Profile/' + htmlencode(datafr.results[i].username || datafr.results[i].b4b_id) + '" class="sendmsgto" username="'  + htmlencode((datafr.results[i].username || datafr.results[i].b4b_id)) + '">' + htmlencode(datafr.results[i].firstname + ' ' + datafr.results[i].lastname) + '</a><hr />' + (parseInt(datafr.results[i].stepcnt) > 0 ? '<span class="small" style="display:block;"><B>Steps:</B> ' + datafr.results[i].stepcnt + '</span>' : '') + (datafr.results[i].weightlost > 0 ? '<span class="small" style="display:block;"><B>Lost:</b> ' + datafr.results[i].weightlost + ' lbs</span>' : '' ) + '</span></span></div></div>';

					}
					
						$('<div class="page_width" style="font-size: 1.25em;" id="nusers">New Users:<hr /></div><div id="previews">\
  ' + str2 + '\
</div>').insertAfter("#content");

$("#previews").on('click', '.sendmsgto', function(e) {
							e.preventDefault();
							e.stopPropagation();
							userClicked($(this).attr('username'));
						});
	
	$('#previews').slick({
			  infinite: true,
			  speed: 300,
			  slidesToShow: 1,
			  centerMode: true,
			  variableWidth: true,
			  arrows: false,
			  autoplay: true,
			  autoplaySpeed: 2000
		});
		
		obj.resize();

					
				}
	});*/
	
	//var str = '';
	//for (var i = 0; i < 100; i++) {
	//	str += '<div><a href="/Profile/fitstepper"><img src="/service/GetProfilePic.php?account_id=1002" class="scrollpic" /></a></div>';
	//}
	
		
		//$("#previews").width(window.innerWidth);
}
var t9 = null;

function Loading(params) {
	this.built = false;
}

Loading.prototype.build = function(mode) {
	var obj = this;
	setTimeout(function() {
		obj.built = true;
	}, 5000);
	this.domObj = $('<div></div>');
	return false;
}

Loading.prototype.getDomObj=function() {
	return this.domObj;
}
	

Loading.prototype.setHooks=function() {
	this.domObj.click(function() {
		setWindow("Login");
	});

}

Loading.prototype.destroy=function() {
}

Loading.prototype.isBuilt=function() {
	return this.built;
}

Loading.prototype.setMode=function(mode) {

}

Loading.prototype.contentSet=function(){

}

function Register(params) {
	this.built = false;
	this.username = "";
	this.password = "";
	this.password2 = "";
	this.email = "";
	this.firstname = "";
	this.lastname = "";
	this.gender = '';
	this.birthyear = "";
	this.birthmonth = "";
	this.birthday = "";
	
	this.ChoosePlans = null;
	this.currStep = 'step1';
	this.choosePlanPage = 0;
	this.fetchingData = false;
	this.regCode = '';
	this.currplanid = 0;
	this.plantype = 0;
	this.planname = '';
	this.mode = 'step1';
}

Register.prototype.makeAccount=function(code) {
	var obj = this;
	
	blockWindow();
	
	$.ajax( { url: "/service/MakeAccount.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: { code: code, regCode: obj.regCode },
		success: function( data ) {	
			if (! data || ! data.success) {
				obj.genRegisterCode(function() {
					
					unblockWindow();
					
					obj.domObj.find("#captchaimg").attr('src', '/service/GetCaptcha.php?regCode=' + obj.regCode);
					var str = "";
					for (var k in data.errors) {
						if (str != "") {
							str+="<br />";
						}
						str+=data.errors[k];
					}
					obj.domObj.find("#errors").show().html(str);
				});
			}
			else {
				saveWindowSession('LOGIN', { username: obj.username }, function() {
					unblockWindow();
					setWindow("Login");
				});
			}
		}
	});
}

Register.prototype.genRegisterCode=function(callback) {
	var obj  = this;
	$.ajax( { url: "/service/GetRegisterCode.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER", 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {	
			obj.regCode = data;
			callback();
		}
	});

}

Register.prototype.buildPage=function(mode, submode) {
	var obj = this;
		
		if (mode == 'step1') {
	this.domObj = $('<div id="reg-progress">\
	<div id="progress-line"></div>\
	<div class="progress-step current"><div class="step-progress-square"></div>Create Account</div>\
	<div class="progress-step"><div class="step-progress-square"></div>Choose Plan</div>\
	<div class="progress-step"><div class="step-progress-square"></div>Confirm</div>\
	</div>\
	<form id="signup-form">\
	<fieldset>\
    <legend>Account Information <div class="line"><span></span></div></legend>\
    <p>Please enter your account information</p>\
        <ul>\
    <li>\
        <label class="required" for="username">Username:</label>\
        <input type="text" id="username" name="username" value="" maxlength="20">&nbsp;<span status="-1" id="username_status" class="error validate"></span>\
    </li>\
    \
            <li>\
            <label class="required" for="password">Password:</label>\
            <input type="password" id="password" name="password" value="" maxlength="20">&nbsp;<span status="-1" id="password_status"  class="error validate"></span>\
        </li>\
        <li>\
            <label class="required" for="password2">Retype Password:</label>\
            <input type="password" id="password2" name="password2" value="" maxlength="20">&nbsp;<span status="-1" id="password2_status" class="error validate"></span>\
        </li>\
        <li>\
            <label class="required" for="email">Email Address:</label>\
            <input type="text" id="email" name="email" value="" maxlength="200">&nbsp;<span status="-1" id="email_status" class="error validate"></span>\
        </li>\
\
    </ul>\
</fieldset>\
<fieldset>\
    <legend>Your Information <div class="line"><span></span></div></legend>\
    <p>Please enter your personal information</p>\
        <ul>\
        	<li>\
            <label class="required" for="firstname">First Name:</label>\
            <input type="text" id="firstname" name="firstname" value="" maxlength="50">&nbsp;<span status="-1" id="firstname_status" class="error validate"></span>\
        </li>\
        <li>\
            <label class="required" for="lastname">Last Name:</label>\
            <input type="text" id="lastname" name="lastname" value="" maxlength="50">&nbsp;<span status="-1" id="lastname_status" class="error validate"></span>\
        </li>\
        <li>\
            <label class="required" for="birthmonth">Birth Date:</label>\
            <select id="birthmonth" name="birthmonth" style="width:200px;">\
            <option value="0">Month</option>\
            <option value="1">January</option>\
            <option value="2">February</option>\
            <option value="3">March</option>\
            <option value="4">April</option>\
            <option value="5">May</option>\
            <option value="6">June</option>\
            <option value="7">July</option>\
            <option value="8">August</option>\
            <option value="9">September</option>\
            <option value="10">October</option>\
            <option value="11">November</option>\
            <option value="12">December</option>\
            </select>&nbsp;&nbsp;<select  id="birthday" style="width:100px;">\
            <option value="0">Day</option>\
            </select>&nbsp;&nbsp;<select name="birthyear" id="birthyear" style="width:145px;" id="year"><option value="0">Year</option></select>&nbsp;<span status="-1" id="birthdate_status" class="error validate"></span>\
        </li>\
        <li style="padding-top:8px;" >\
            <label class="required">Gender:</label>\
            <input type="radio" name="gender" id="gender_male" value="M"/><label for="gender_male" style="width: auto;">Male</label> <input style="margin-left: 20px;" type="radio" name="gender" id="gender_female" value="F" /><label for="gender_female" style="width: auto;">Female</label>&nbsp;<span status="-1" id="gender_status" class="error validate"></span>\
        </li>\
        </ul>\
    </fieldset>\
    <br /><br />\
	<div class="btn-group">\
		<a name="btn-submit" class="btn-gray" id="ret-login">&lt; Return to login</a>\
        <input name="btn-submit" class="btn-green" type="submit" value="Next &gt;" id="next">\
	</div>\
	</form>');
	for (var i = 1; i <= 31; i++) {
		this.domObj.find("#birthday").append('<option value="' + i + '">' + i + '</option>');
	}
	for (var i = 2013; i >= 1920 ; i--) {
		this.domObj.find("#birthyear").append('<option value="' + i + '">' + i + '</option>');
	}
	}
	else if (mode == 'step2') {
	
	this.domObj = $('<div id="reg-progress">\
	<div id="progress-line"></div>\
	<div class="progress-step"><div class="step-progress-square"></div>Create Account</div>\
	<div class="progress-step current"><div class="step-progress-square"></div>Choose Plan</div>\
	<div class="progress-step"><div class="step-progress-square"></div>Confirm</div>\
	</div>\
	<form id="signup-form" action="#" method="post">\
	<table width="100%" height="400"><tr><td width="100%" height="100%" valign="middle" align="center" id="select-plan-container"></td></tr></table>\
    <br /><br />\
	<div class="btn-group">\
		<a name="btn-submit" class="btn-gray" id="prev">&lt; Back</a>\
        <input type="submit" name="btn-submit" class="btn-green" value="Next &gt;" id="next" />\
	</div>\
	</form>');	
	
	
	if (! this.ChoosePlans) {
		this.ChoosePlans = new Widget("ChoosePlans", {allownoplan: true});
	}
	/*var currPage = 1;
	var hashparts = window.location.hash.split("-");
	if (hashparts.length >= 3 && hashparts[2] != '') {
		currPage = parseInt(hashparts[2]);
	}*/
	
	//this.choosePlanPage = parseInt(this.choosePlanPage);
	/*this.ChoosePlans.setPage(obj.choosePlanPage, function() { 
		g_doNotProcessHash = false;
		location.href = "#Register-step2-" + obj.ChoosePlans.getPageName(obj.choosePlanPage < 0 ? 0 : obj.choosePlanPage);
		obj.ChoosePlans.render(obj.domObj.find("#select-plan-container")) 
	});*/
	//this.ChoosePlans.setPage(this.choosePlanPage);
	var pageParts = getHash().split("-");
	var pageNum = (submode) ? this.ChoosePlans.getPageNum(submode) : 0;
	var obj = this;
	this.ChoosePlans.setPage(pageNum, function() {
	//g_doNotProcessHash = true;
	//location.href = "#Register-step2-" + this.ChoosePlans.getPageName(this.choosePlanPage < 0 ? 0 : this.choosePlanPage);
		obj.ChoosePlans.render(obj.domObj.find("#select-plan-container"));
		});
	
	return true;
	
	}
	else if (mode == 'step3') {
	
		this.domObj = $('<div id="reg-progress">\
	<div id="progress-line"></div>\
	<div class="progress-step"><div class="step-progress-square"></div>Create Account</div>\
	<div class="progress-step"><div class="step-progress-square"></div>Choose Plan</div>\
	<div class="progress-step current"><div class="step-progress-square"></div>Confirm</div>\
	</div>\
	<form id="signup-form" action="#" method="post">\
	<table width="100%" height="400"><tr><td width="100%" height="100%" valign="middle" align="center" id="select-plan-container">\
	\
	\
	<span style="display: inline-block; text-align: left;"><fieldset style="padding-top:25px; padding-bottom:25px;">\
    <legend>Account Information <div class="line"><span></span></div></legend>\
        <ul>\
        <li style="padding-top:8px;" >\
            <label class="required">Username:</label>\
            ' + obj.username + '\
		</li>\
        <li style="padding-top:8px;" >\
            <label class="required">Email:</label>\
            ' + obj.email + '\
		</li>\
		<li style="padding-top:8px;" >\
            <label class="required">First name:</label>\
            ' + obj.firstname + '\
		</li>\
		<li style="padding-top:8px;" >\
            <label class="required">Last name:</label>\
            ' + obj.lastname + '\
		</li>\
		</ul>\
		</fieldset>\
		<fieldset style="padding-top:25px; padding-bottom:25px;">\
    <legend>Plan Information <div class="line"><span></span></div></legend>\
        <ul>\
        <li style="padding-top:8px;" >\
            <label class="required">Plan:</label>\
           <span style="color: red;"> ' + ((parseInt(obj.currplanid) && parseInt(obj.plantype)) ? obj.planname : 'No plan selected') + '</span>\
		</li>\
		</ul>\
		</fieldset>\
		<fieldset style="padding-top:25px; padding-bottom:25px;">\
    <legend>Verification <div class="line"><span></span></div></legend>\
        <ul>\
        <li style="padding-top:8px;" >\
            <label class="required">Code:</label>\
           <img id="captchaimg" src="/service/GetCaptcha.php?regCode=' + obj.regCode + '" />\
		</li>\
		<li style="padding-top:8px;" >\
            <label class="required" id="captcha_label">Type Code:</label>\
           <input id="captcha" type="text" />\
		</li>\
		</ul>\
		</fieldset>\
		</span>\
	</td></tr></table>\
    <br /><p align="center" style="display: none; color:red;" id="errors"></p><br />\
	<div class="btn-group">\
		<a name="btn-submit" class="btn-gray" id="prev">&lt; Back</a>\
        <input type="submit" name="btn-submit" class="btn-green" id="next" value="Confirm &gt;" />\
	</div>\
	</form>');
		return true;
	}	
}

Register.prototype.getPlan=function(callback) {
	var obj = this;
	$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER_PLAN", 
			cache: false,
			dataType: "json", 
			data: {},
			success: function( data ) {	
				obj.currplanid = data.data['plan'];
				$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER_PLANTYPE", 
					cache: false,
					dataType: "json", 
					data: {},
					success: function( data ) {	
						obj.plantype = data.data['plantype'];
						$.ajax( { url: "/service/GetPlanInfo.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
							cache: false,
							dataType: "json", 
							data: { plan_id: obj.currplanid },
							success: function( data ) {	
								obj.planname = data['name'] || '';
								callback();
							}
						});
					}
				});
				
			}
				
	});
}

Register.prototype.build = function(mode, submode) {
	var obj = this;
	//obj.built = false;
	this.mode = mode;
	obj.genRegisterCode(function() {
	$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER", 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {		
			for (var k in data.data) {
				obj[k] = data.data[k];
			}		
			
			var f = function() {
				obj.buildPage(mode, submode);
				obj.built =  true;
				
			};
			
			if (mode == 'step3') {
				obj.getPlan(f);
			}
			else {
				f();
			}
		}
	});
	});

	return false;
}

Register.prototype.setMode=function(mode, submode) {
	if (mode == 'step1') {
		this.domObj.find("#username").val(this.username);
		this.domObj.find("#password").val(this.password);
		this.domObj.find("#password2").val(this.password2);
		this.domObj.find("#email").val(this.email);
		this.domObj.find("#firstname").val(this.firstname);
		this.domObj.find("#lastname").val(this.lastname);
		if (this.gender == 'F') {
			this.domObj.find("#gender_female").attr('checked', true);
		}
		else if (this.gender == 'M') {
			this.domObj.find("#gender_male").attr('checked', true);
		}
		this.domObj.find("#birthmonth").val(this.birthmonth || '0');
		this.domObj.find("#birthyear").val(this.birthyear || '0');
		this.domObj.find("#birthday").val(this.birthday || '0');
		this.built =  true;
	
	}
	else if (mode == 'step2') {
		
	}
}

Register.prototype.getDomObj=function() {
	return this.domObj;
}

Register.prototype.validate = function(callback) {
	
	this.domObj.find("#username").triggerHandler("blur");
	this.domObj.find("#password").triggerHandler("blur");
	this.domObj.find("#password2").triggerHandler("blur");
	this.domObj.find("#email").triggerHandler("blur");
	this.domObj.find("#firstname").triggerHandler("blur");
	this.domObj.find("#lastname").triggerHandler("blur");
	this.domObj.find("#birthmonth, #birthday, #birthyear").triggerHandler("change");
	this.domObj.find("input[name=gender]").triggerHandler("click");
	
	if (this.domObj.find("span.validate[status=0]").length > 0) { // Failed validation
		unblockWindow();
		return;
	}
	var obj = this;
	if (this.domObj.find("span.validate[status=2]").length > 0) { // AJAX Running
		//blockWindow();
		var intrvl = setInterval(function() {
			if (obj.domObj.find("span.validate[status=2]").length == 0) { //  AJAX finished running
				clearInterval(intrvl);
				//unblockWindow();
				if (obj.domObj.find("span.validate[status=0]").length == 0) { // No failures
					callback();
				}
				else {
					unblockWindow();
				}
			}
		}, 100);
		return;
	}
	
	callback(); // No failures
	
}

Register.prototype.setHooks=function(mode) {
	var obj = this;
	if (mode == 'step1') {
		this.domObj.find("#ret-login").click(function() {
			setWindow("Login");
		});
		this.domObj.find("#next").click(function(e) {
		
			e.preventDefault();
		
			blockWindow();
		
			obj.validate(function () {
			
				var params = {};
				
				params.username = obj.domObj.find("#username").val();
					params.password = obj.domObj.find("#password").val();
					params.password2 = obj.domObj.find("#password2").val();
					params.email = obj.domObj.find("#email").val();
					params.firstname = obj.domObj.find("#firstname").val();
					params.lastname = obj.domObj.find("#lastname").val();
					params.gender = obj.domObj.find("input[name=gender]:checked").val();
					params.birthyear = obj.domObj.find("#birthyear").val();
					params.birthday = obj.domObj.find("#birthday").val();
					params.birthmonth = obj.domObj.find("#birthmonth").val();
			
			
				saveWindowSession('REGISTER', params, function() {
		
					obj.username = params.username;
					obj.password = params.password;
					obj.password2 = params.password2;
					obj.email = params.email;
					obj.firstname = params.firstname;
					obj.lastname = params.lastname;
					obj.gender = params.gender;
					obj.birthyear = params.birthyear;
					obj.birthday = params.birthday;
					obj.birthmonth = params.birthmonth;
					
					var cplans = new ChoosePlans();
					
					unblockWindow();
					
					setWindow("Register-step2-" + cplans.getPageName(0));

					//setWindow("Register-step2-1");
				});
			
			});
		});
		this.domObj.find("#username").blur(function () {
			if ($(this).val().length < 3) {
				obj.domObj.find("#username_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Username must be at least 3 characters.</span>');
			}
			else {
				obj.domObj.find("#username_status").attr("status", "2").html('<img src="images/ajax-loader.gif" height="25" id="loading"  />');
				$.ajax( { url: "/service/Unique.php", 
					  cache: false,
					  dataType: "json", 
					  data: {type: 'ACCOUNT', field: 'USERNAME', val: $(this).val()},
					  success: function( data ) {					
						if (data.success == false) {
							obj.domObj.find("#username_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Username is already taken.</span>');
						}
						else {
							obj.domObj.find("#username_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
						}
					  }
				});
			}
		});
		this.domObj.find("#password").blur(function () {
			if ($(this).val().length < 8) {
				obj.domObj.find("#password_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Password must be at least 8 characters.</span>');
			}
			else {
				obj.domObj.find("#password_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
			}
		});
		this.domObj.find("#password2").blur(function () {
			if ($(this).val() == '' || $(this).val() != obj.domObj.find("#password").val()) {
				obj.domObj.find("#password2_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Passwords must match.</span>');
			}
			else {
				obj.domObj.find("#password2_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
			}
		});
		this.domObj.find("#email").blur(function () {
			if ($(this).val().length < 3 || $(this).val().indexOf('@') == -1)  {
				obj.domObj.find("#email_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Please enter a valid email address.</span>');
			}
			else {
			
				obj.domObj.find("#email_status").attr("status", "2").html('<img src="images/ajax-loader.gif" height="25" id="loading"  />');
				$.ajax( { url: "/service/Unique.php", 
					  cache: false,
					  dataType: "json", 
					  data: {type: 'ACCOUNT', field: 'EMAIL', val: $(this).val()},
					  success: function( data ) {					
						if (data.success == false) {
							obj.domObj.find("#email_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Email address has already been used.</span>');
						}
						else {
							obj.domObj.find("#email_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
						}
					  }
				});

			}
		});
		this.domObj.find("#firstname").blur(function () {
			if ($(this).val().length < 1)  {
				obj.domObj.find("#firstname_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Please enter your firstname.</span>');
			}
			else {
				obj.domObj.find("#firstname_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
			}
		});
		this.domObj.find("#lastname").blur(function () {
			if ($(this).val().length < 1)  {
				obj.domObj.find("#lastname_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Please enter your lastname.</span>');
			}
			else {
				obj.domObj.find("#lastname_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
			}
		});
		this.domObj.find("#birthmonth, #birthyear, #birthday").change(function () {
			if (obj.domObj.find("#birthmonth").val() == 0 || obj.domObj.find("#birthyear").val() == 0 || obj.domObj.find("#birthday").val() == 0)  {
				obj.domObj.find("#birthdate_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Please enter your birth date.</span>');
			}
			else {
				obj.domObj.find("#birthdate_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
			}
		});
		this.domObj.find("input[name=gender]").click(function() {
			if (obj.domObj.find("#gender_male").is(":checked") == false && obj.domObj.find("#gender_female").is(":checked") == false){
				obj.domObj.find("#gender_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Please select your gender.</span>');
			}
			else {
				obj.domObj.find("#gender_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
			}
		});

	}
	else if (mode == 'step2') {
		this.domObj.find("#prev").click(function() {
			obj.ChoosePlans.prev(function() {
				var done = obj.ChoosePlans.isDone();
				if (done == true) {
					setWindow("Register-step1");
				}
				else {
						//saveWindowSession('REGISTER', { choosePlanPage: obj.ChoosePlans.getCurrentPage() }, function() {
						g_doNotProcessHash = false;
						//location.href = "#Register-step2-" + obj.ChoosePlans.getPageName(obj.ChoosePlans.getCurrentPage());
						setWindow("Register-step2-" + obj.ChoosePlans.getPageName(obj.ChoosePlans.getCurrentPage()));
						//obj.ChoosePlans.render(obj.domObj.find("#select-plan-container"));
					//});
				}
			});
		});
		
		/*this.domObj.find("#next").click(function(e) {
			e.preventDefault();
			obj.ChoosePlans.next(function () {
				var done = obj.ChoosePlans.isDone();
				if (done == true) {
					setWindow("Register-step3");
				}
				else {
					//saveWindowSession('REGISTER', { choosePlanPage: obj.ChoosePlans.getCurrentPage() }, function() {
					g_doNotProcessHash = false;
					//location.href = "#Register-step2-" + obj.ChoosePlans.getPageName(obj.ChoosePlans.getCurrentPage());
					setWindow("Register-step2-" + obj.ChoosePlans.getPageName(obj.ChoosePlans.getCurrentPage()));
					//obj.ChoosePlans.render(obj.domObj.find("#select-plan-container"));
				//});
				}
			});
		});*/
		this.domObj.find("#next").unbind();
	}
	else if (mode == 'step3') {
		this.domObj.find("#next").click(function(e) {
			
			e.preventDefault();
			
			if (obj.domObj.find("#captcha").val() == '') {
				obj.domObj.find("#captcha_label").css("color", "red");
				obj.domObj.find("#captcha").focus();
			}
			else {
				obj.makeAccount(obj.domObj.find("#captcha").val());
			}
		});
	
		this.domObj.find("#prev").click(function() {
			var cplans = new ChoosePlans();
			setWindow("Register-step2-" + cplans.getPageName(cplans.getNumPages()-1));
		});
	}

}

Register.prototype.widgetCallback=function(widget, msg, data)
{

}

Register.prototype.destroy=function() {
}

Register.prototype.isBuilt=function() {
	if (this.mode == 'step2') {
		return this.ChoosePlans && this.ChoosePlans.widget.isBuilt();
	}
	return this.built;
}

Register.prototype.contentSet=function(){
	var obj = this;
	$("#signup-form").submit(function(e) {
		e.preventDefault();
		if ($(document.activeElement).attr('id') == 'planfilter') {
			$("input[type=text]").blur();
			return;
		}
			obj.ChoosePlans.next(function () {
				var done = obj.ChoosePlans.isDone();
				if (done == true) {
					setWindow("Register-step3");
				}
				else {
					//saveWindowSession('REGISTER', { choosePlanPage: obj.ChoosePlans.getCurrentPage() }, function() {
					g_doNotProcessHash = false;
					//location.href = "#Register-step2-" + obj.ChoosePlans.getPageName(obj.ChoosePlans.getCurrentPage());
					setWindow("Register-step2-" + obj.ChoosePlans.getPageName(obj.ChoosePlans.getCurrentPage()));
					//obj.ChoosePlans.render(obj.domObj.find("#select-plan-container"));
				//});
				}
			});
	});	
	/*$("#signup-form").submit(function(e) {
		e.preventDefault();
		if ($(document.activeElement).attr('id') == 'planfilter') {
			return;
		}
		$("#next").triggerHandler('click');
	});*/
}

function CreatePlan(params) {
	this.inputs = {};
	var obj = this;
	
	this.plan_id = 0;
	
	this.vars = { 'AGE': true, 'WEIGHT': true };
	
	this.expBuilder = new Widget('ExpBuilder', {inputs: this.inputs, vars: this.vars} );
	var callbackFunc = function() { // logic has moved to regresh
		//obj.expBuilder.widget.refreshInputs();
		//obj.rulesBuilder.widget.refreshSelects();
		//obj.formBuilderProperties.widget.refreshSelects();
	};
	var updateFunc = function(select) {
		//obj.exerciseBuilder.widget.popExercise(select);
	};
	this.formBuilderProperties = new Widget("FormBuilderProperties", {inputs: this.inputs, refreshFunc: callbackFunc });
	this.formBuilder = new Widget('FormBuilder', {edit: true, editprops: this.formBuilderProperties, inputs: this.inputs, refreshFunc: callbackFunc  });
	this.sideScroll = new Widget('SideScroll');
	this.exerciseBuilder = new Widget('ExerciseBuilder', { refreshFunc: callbackFunc });
	this.foodBuilder = new Widget('FoodBuilder');
	
	this.rulesBuilder = new Widget('RuleBuilder', { foodBuilder: this.foodBuilder, exerciseBuilder: this.exerciseBuilder, updateFunc: updateFunc, inputs: this.inputs, vars: this.vars } );
	this.saveParams = {};
	
}

CreatePlan.prototype.getGeneralCat=function() {
	var obj = this;
	var ret = $('<div class="cp" id="generalinfo">\
	<span style="display: inline-block; text-align: left;"><fieldset>\
    <legend>Plan Information <div class="line"><span></span></div></legend>\
        <ul>\
        	<li>\
            <label class="required" for="plan_name">Name:</label>\
            <input type="text" id="plan_name" value="" maxlength="50">\
        </li>\
        </ul>\
    </fieldset></span></div>');
	
	ret.on('click keyup', 'textarea, input[type=checkbox], input[type=text]', function(e) {
		obj.saveparams = {};
		ret.find("input,textarea").each(function() {
			if ($(this).attr('type') == 'checkbox' && $(this).is(":checked")) {
				obj.saveparams[$(this).attr('id')] = $(this).val();
			}
			else if ($(this).attr('type') == 'text' || $(this).prop('tagName').toLowerCase() == 'textarea') {
				//alert($(this).attr('id') + " = " + $(this).val());
				obj.saveparams[$(this).attr('id')] = $(this).val();
			}
		});
		//console.log(saveparams);
		saveWindowSession('CREATEPLANGENERAL', obj.saveparams, function() {});
	});
	
	$.ajax( { url: "/service/GetPlanCats.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {		
			//console.log(data.data);
			//alert(JSON.stringify(data));
			
			var str = '';
			var lbl = 'Category:';
			var pad = 'padding-top:8px;';
			
			for (var k in data) {
				str+= '<li style="' + pad + '" >\
            <label class="required">' + lbl + '</label>\
            <input type="checkbox" id="cat_' + k + '" value="' + k + '" />&nbsp;<label for="cat_' + k + '" style="width: auto;">' + data[k] + '</label><br/>\
		</li>';
			lbl = '&nbsp;';
			pad = '';
			}
			
			
			str += '<li style="padding-top:8px; position:relative;">\
            <label class="required" for="plan_desc" style="vertical-align: top; padding-top: 8px;">Description:</label>\
            <textarea id="plan_desc"></textarea>\
        </li>';
			
			ret.find("ul").append($(str));
		}
		
	});
			
			

	
	     /*   <li style="padding-top:8px;" >\
            <label class="required">Category:</label>\
            <input type="checkbox" id="weight_loss" value="1" />&nbsp;<label for="weight_loss" style="width: auto;">Weight Loss</label><br/>\
		</li>\
		<li>\
			<label class="required">&nbsp;</label>\
			<input type="checkbox" id="muscle_gain" value="1" />&nbsp;<label for="muscle_gain" style="width: auto;">Muscle Gain</label><br/>\
		</li>\
		<li>\
			<label class="required">&nbsp;</label>\
			<input type="checkbox" id="heart_health" value="1" />&nbsp;<label for="heart_health" style="width: auto;">Heart Health</label><br/>\
		</li>\
		<li>\
			<label class="required">&nbsp;</label>\
			<input type="checkbox" id="diabetes_control" value="1" />&nbsp;<label for="diabetes_control" style="width: auto;">Diabetes Control</label><br/>\
		</li>\
		<li>\
			<label class="required">&nbsp;</label>\
			<input type="checkbox" id="general_health" value="1" />&nbsp;<label for="general_health" style="width: auto;">General Health</label><br/>\
	   </li>\
	   <li>\
			<label class="required">&nbsp;</label>\
			<input type="checkbox" id="sports_training" value="1" />&nbsp;<label for="sports_training" style="width: auto;">Endurance/Sports Training</label><br/>\
	   </li>\*/
	
	return ret;
}

CreatePlan.prototype.build = function(mode) {
	this.domObj = $('<div class="headerz"><div id="admin_menu">\
<ul class="tabs">\
        <li>\
          <input type="radio" checked name="tabs" id="general_tab">\
          <label for="general_tab">General</label>\
        </li>\
        <li>\
          <input type="radio" name="tabs" id="inputs_tab">\
          <label for="inputs_tab">Inputs</label>\
        </li>\
        <li>\
          <input type="radio" name="tabs" id="food_tab">\
          <label for="food_tab">Food</label>\
        </li>\
		<li>\
          <input type="radio" name="tabs" id="exercise_tab">\
          <label for="exercise_tab">Exercise</label>\
        </li>\
	        <li>\
          <input type="radio" name="tabs" id="formulas_tab">\
          <label for="formulas_tab">Formulas</label>\
        </li>\
		<li>\
          <input type="radio" name="tabs" id="rules_tab">\
          <label for="rules_tab">Rules</label>\
        </li>\
</div>\
<div id="create-plan-container">\
	</div><div id="savepane" style="background-color: #ffffff; padding: 6px; border-top: 1px solid #c0c0c0; position: fixed; bottom: 0px; height: 40px; width: 100%; text-align:center;"><input type="button" href="#" class="btn-green" id="saveplan" value="Save Plan" />&nbsp;&nbsp;<a href="#" id="loadplan" class="btn-gray">Load / New Plan</a></div></div><div style="height: 15px; position: static;"></div>');

this.scrollContent = $('<table id="formfields">\
<tr class="formfields">\
<td><div class="formfield"><div class="editfield"></div><div class="fieldvalign"></div><div class="fieldalign"></div><div class="sizer"></div><table width="100%" height="100%"><tr><td width="100%" height="100%" valign="middle" align="center" nowrap><div class="sizing"><label contentEditable="true" >Text</label></div></td></tr></table></div></td>\
<td><div class="formfield"><div class="editfield"></div><div class="fieldvalign disabled"></div><div class="fieldalign"></div><div class="sizer"></div><table width="100%" height="100%"><tr><td width="100%" height="100%" valign="middle" nowrap><select><option>Value</option></select></td></tr></table></div></td>\
<td><div class="formfield"><div class="editfield"></div><div class="fieldvalign disabled"></div><div class="fieldalign"></div><div class="sizer"></div><select multiple="true" style="height:60px;"><option>Value1</option><option>Value2</option></select></div></td>\
<td><div class="formfield"><div class="editfield"></div><div class="fieldvalign disabled"></div><div class="fieldalign"></div><div class="sizer"></div><textarea >Value</textarea></div></td>\
<td><div class="formfield"><div class="editfield"></div><div class="fieldvalign disabled"></div><div class="fieldalign"></div><div class="sizer"></div><input type="text" value="Value"  /></div></td>\
<td><div class="formfield"><div class="editfield"></div><div class="fieldvalign"></div><div class="fieldalign"></div><div class="sizer"></div><table width="100%" height="100%"><tr><td width="100%" height="100%" valign="middle" nowrap><div class="sizing"><input type="radio"  /> <label contentEditable="true">Value</label></div></td></tr></table></div></td>\
<td><div class="formfield"><div class="editfield"></div><div class="fieldvalign"></div><div class="fieldalign"></div><div class="sizer"></div><table width="100%" height="100%"><tr><td width="100%" height="100%" valign="middle" nowrap><div class="sizing"><input type="checkbox" /> <label contentEditable="true">Value</label></div></td></tr></table></div></td>\
<td><div class="formfield"><div class="editfield"></div><div class="sizer"></div><div class="fieldvalign"></div><div class="module"></div></div></td>\
</tr>\
<tr class="formfieldsdesc">\
<td>Label</td>\
<td>Dropdown</td>\
<td>Multiselect</td>\
<td>Text Block</td>\
<td>Text Input</td>\
<td>Radio Buttons</td>\
<td>Checkboxes</td>\
<td>Module</td>\
</tr>\
</table>');

this.scrollContent.find(".sizer,.fieldalign,.fieldvalign,.editfield").hide();

this.inputsCat = $('<div><div id="selectfields">\
			<div class="padding_wrapper">\
			<div id="sidescroll"></div>\
			</div>\
		</div>\
		<div>\
			<div id="create-plan-spacer"></div>\
			<div id="create-plan-content"></div>\
		</div></div>');
		
		this.formulasCat = $('<div class="cp" id="formulas"></div>');
		
		this.expBuilder.render(this.formulasCat);
		
		this.foodCat = $('<div class="cp" id="food"></div>');
		this.foodBuilder.render(this.foodCat);
		
		this.generalCat = this.getGeneralCat();
		
		this.rulesCat = $('<div class="cp" id="rules"></div>');
		this.rulesBuilder.render(this.rulesCat);
		
		this.exerciseCat = $('<div class="cp" id="exercise"></div>');
		this.exerciseBuilder.render(this.exerciseCat);

	this.sideScroll.widget.addButton('<div id="trashbin"><p><img src="/images/trash.png" /></p></div>');
	this.sideScroll.widget.setScrollContent(this.scrollContent);
	this.sideScroll.render(this.inputsCat.find("#sidescroll"));
	
	
	
	this.formBuilderProperties.render($('<div id="formBuildProps"></div>').appendTo("body"));
		
		this.domObj.find("div#create-plan-container").append(this.inputsCat);

	this.formBuilder.render(this.domObj.find("div#create-plan-content"));
	
	var obj = this;
	
	$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=CREATEPLANGENERAL", 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {		
			//console.log(data.data);
			
			for (var k in data.data) {
				var etype = $(obj.generalCat).find("#" + k).attr('type');
				//alert(k);
				var tag = $(obj.generalCat).find("#" + k).prop('tagName').toLowerCase();
				if (etype == 'checkbox' && data.data[k]) {
					$(obj.generalCat).find("#" + k).prop('checked', true);
				}
				else if (etype == 'text') {
					$(obj.generalCat).find("#" + k).val(data.data[k]);
					
				}
				else if (tag = 'textarea') {
					$(obj.generalCat).find("#" + k).val(data.data[k]);
				}
			}
		}
	});
	
	blockWindow();
	
	$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=CREATEPLAN", 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {		
			//console.log(data.data);
			
			obj.plan_id = data.data.plan_id || 0;
			
			unblockWindow();
		}
	});
	
	
	return false;
}

CreatePlan.prototype.getDomObj=function() {
	return this.domObj;
}
	
	
CreatePlan.prototype.setMode=function(mode) {

}

CreatePlan.prototype.setHooks=function() {
	var domObj = this.getDomObj();
	var obj = this;
	
	obj.timer = null;
	obj.startx = 0; 
	obj.starty = 0;
	
	var dragFunc = function(e) {
		e.preventDefault();
		e.stopPropagation();
		//console.log("mousedown");
		if (obj.follow) {
			obj.follow.remove();
			obj.follow = null;
		}
		obj.mouseX = e.pageX;
		obj.mouseY = e.pageY;
		if (e.type != 'mousedown') {
			if (e.originalEvent.touches.length != 1) {
				return;
			}
			obj.mouseX = e.originalEvent.touches[0].pageX;
			obj.mouseY = e.originalEvent.touches[0].pageY;
		}
		
		
		obj.startx = obj.mouseX;
		obj.starty = obj.mouseY;
		
		//console.log(e.pageX);
		//if (obj.timer !== null) {
		//	clearTimeout(obj.timer);
			//console.log("clear3");
		//	obj.timer =  null;
		//}
		//console.log(this.outerHTML);
		//console.log($(this).parents(".formfield:first").get(0).outerHTML);
		var dobj = $(this).parents(".formfield:first").parent().get(0);
		//console.log(dobj.outerHTML);
		//console.log("here");
		obj.timer = setTimeout(function() {
			//console.log("1@");
			if (dobj) {
				obj.follow = $(dobj.outerHTML).css("position", "absolute").addClass("dragging");
				obj.follow.find("input,select,textarea").empty().val('');
				$('body').append(obj.follow);
				obj.follow.css("left", (obj.mouseX - Math.floor(obj.follow.width() / 2.0)) + "px").css("top", (obj.mouseY - Math.floor(obj.follow.height() / 2.0)) + "px");
			}
			else {
				obj.follow = null;
			}
			clearTimeout(obj.timer);
			obj.timer = null;
		}, 200);
	};
	
	$(domObj).find("#selectfields").find('input,select,textarea,.sizing,label,.module').bind(pressEvent, dragFunc);
	
	$(domObj).find("tr.formfields td").bind(pressEvent, function(e) {
		e.preventDefault();
		e.stopPropagation();
		//$(this).find('input,select,textarea,.sizing,label,.module').triggerHandler(pressEvent, e);
		var dobj = $(this).find(".formfield:first").get(0);
		
		e.preventDefault();
		e.stopPropagation();
		//console.log("mousedown");
		if (obj.follow) {
			obj.follow.remove();
			obj.follow = null;
		}
		obj.mouseX = e.pageX;
		obj.mouseY = e.pageY;
		if (e.type != 'mousedown') {
			if (e.originalEvent.touches.length != 1) {
				return;
			}
			obj.mouseX = e.originalEvent.touches[0].pageX;
			obj.mouseY = e.originalEvent.touches[0].pageY;
		}
		
		
		obj.startx = obj.mouseX;
		obj.starty = obj.mouseY;
		
		//console.log(e.pageX);
		//if (obj.timer !== null) {
		//	clearTimeout(obj.timer);
			//console.log("clear3");
		//	obj.timer =  null;
		//}
		//console.log(this.outerHTML);
		//console.log($(this).parents(".formfield:first").get(0).outerHTML);
		//var dobj = $(this).parents(".formfield:first").parent().get(0);
		//console.log(dobj.outerHTML);
		//console.log("here");
		obj.timer = setTimeout(function() {
			//console.log("1@");
			obj.follow = $(dobj.outerHTML).css("position", "absolute").addClass("dragging");
			obj.follow.find("input,select,textarea").empty().val('');
			$('body').append(obj.follow);
			obj.follow.css("left", (obj.mouseX - Math.floor(obj.follow.width() / 2.0)) + "px").css("top", (obj.mouseY - Math.floor(obj.follow.height() / 2.0)) + "px");
			clearTimeout(obj.timer);
			obj.timer = null;
		}, 200);
	});
	
	this.follow = null;
	this.mouseX = 0, this.mouseY = 0;
	
	var obj = this;
	
	var sliding = false;
	
	obj.mouseup = function(e) {
		sliding = false;
		if (obj.timer !== null) {
			//console.log("clear2");
			clearTimeout(obj.timer);
			obj.timer =  null;
		}
		if (obj.follow) {
			e.preventDefault();
			obj.formBuilder.widget.mousedrop(obj.follow, obj.mouseX, obj.mouseY);
			//obj.follow.remove();
			obj.follow = null;
		}
	};
	
	obj.mousemove = function(e) {
		var oldx = obj.mouseX;
		var oldy = obj.mouseY;
		obj.mouseX = e.pageX;
		obj.mouseY = e.pageY;
		if (e.type != 'mousemove') {
			if (e.originalEvent.touches.length != 1) {
				return;
			}
			obj.mouseX = e.originalEvent.touches[0].pageX;
			obj.mouseY = e.originalEvent.touches[0].pageY;
		}
		if (sliding) {
			obj.sideScroll.domObj.find(".scroller").scrollLeft(obj.sideScroll.domObj.find(".scroller").scrollLeft() - (obj.mouseX - oldx));
			return;
		}
		//console.log(obj.mouseX);
		//console.log(obj.startx);
		//console.log(Math.abs(obj.startx - obj.mouseX));
		if (Math.abs(obj.startx - obj.mouseX) > 5/* ||  Math.abs(obj.starty - obj.mouseY) > 5*/) {
			if (obj.timer !== null) {
			//alert("!!!!");
			sliding = true;
				//console.log("clear1");
				clearTimeout(obj.timer);
				obj.timer =  null;
				return;
			}
		}
		if (obj.follow) {
			e.preventDefault();
			//e.stopPropagation();
			obj.follow.addClass("dragging").css("left", (obj.mouseX - Math.floor(obj.follow.width() / 2.0)) + "px").css("top", (obj.mouseY - Math.floor(obj.follow.height() / 2.0)) + "px");
			obj.formBuilder.widget.mousedrag(obj.follow, obj.mouseX, obj.mouseY);
		}
	};
		
	$(window).mouseup(obj.mouseup).bind('touchend', obj.mouseup);
	
		
	$(window).mousemove(obj.mousemove).bind('touchmove', obj.mousemove);

	var obj = this;
	this.domObj.find("#inputs_tab, #inputs_tab + label").bind(hitEvent, function() {
		obj.domObj.find("#inputs_tab").prop('checked', true);
		obj.domObj.find("div#create-plan-container").find(">:first-child").detach();
		obj.domObj.find("div#create-plan-container").append(obj.inputsCat);
		$("#formBuildProps").show();
		$(window).triggerHandler('resize');
	});
	this.domObj.find("#formulas_tab, #formulas_tab + label").bind(hitEvent, function() {
		obj.domObj.find("#formulas_tab").prop('checked', true);
		obj.domObj.find("div#create-plan-container").find(">:first-child").detach();
		obj.domObj.find("div#create-plan-container").append(obj.formulasCat);
		$("#formBuildProps").hide();
		$(window).triggerHandler('resize');
		obj.expBuilder.widget.refresh();
		
		
		/*var node = obj.formulasCat.find(".expname").focus().get(0);
	var selection = document.getSelection();
	if (selection && node) {
		selection.removeAllRanges();
						nativeRange = document.createRange();
						nativeRange.setStart(node, 0);
						nativeRange.setEnd(node, 1);
						selection.addRange(nativeRange);
	}*/
		
	});
	this.domObj.find("#general_tab, #general_tab + label").bind(hitEvent, function() {
		obj.domObj.find("#general_tab").prop('checked', true);
		obj.domObj.find("div#create-plan-container").find(">:first-child").detach();
		obj.domObj.find("div#create-plan-container").append(obj.generalCat);
		$("#formBuildProps").hide();
		$(window).triggerHandler('resize');
	});
	this.domObj.find("#food_tab, #food_tab + label").bind(hitEvent, function() {
		obj.domObj.find("#food_tab").prop('checked', true);
		obj.domObj.find("div#create-plan-container").find(">:first-child").detach();
		obj.domObj.find("div#create-plan-container").append(obj.foodCat);
		$("#formBuildProps").hide();
		$(window).triggerHandler('resize');
	});
	this.domObj.find("#rules_tab, #rules_tab + label").bind(hitEvent, function() {
		obj.domObj.find("#rules_tab").prop('checked', true);
		obj.domObj.find("div#create-plan-container").find(">:first-child").detach();
		obj.domObj.find("div#create-plan-container").append(obj.rulesCat);
		$("#formBuildProps").hide();
		$(window).triggerHandler('resize');
		obj.rulesBuilder.widget.refresh();
	});
	this.domObj.find("#exercise_tab, #exercise_tab + label").bind(hitEvent, function() {
		obj.domObj.find("#exercise_tab").prop('checked', true);
		obj.domObj.find("div#create-plan-container").find(">:first-child").detach();
		obj.domObj.find("div#create-plan-container").append(obj.exerciseCat);
		$("#formBuildProps").hide();
		$(window).triggerHandler('resize');
	});
	
	this.domObj.find("#loadplan").click(function(e) {
			e.preventDefault();
			var widget = new Widget("LoadPlan", '');
			widget.renderIntoPopup('280', '280', null, function() {});
	});
	this.domObj.find("#saveplan").click(function(e) {
			e.preventDefault();
			blockWindow();
			
	
	var saveparams = {};	
	$(obj.generalCat).find('textarea, input[type=checkbox], input[type=text]').each(function() {
			if ($(this).attr('type') == 'checkbox' && $(this).is(":checked")) {
				saveparams[$(this).attr('id')] = $(this).val();
			}
			else if ($(this).attr('type') == 'text') {
				saveparams[$(this).attr('id')] = $(this).val();
			}
			else if ($(this).prop('tagName').toLowerCase() == 'textarea') {
				saveparams[$(this).attr('id')] = $(this).val();
			}
	});

		obj.rulesBuilder.widget.save(function() {
		obj.expBuilder.widget.save(function() {
			obj.formBuilder.widget.savePlan(function() {
			obj.exerciseBuilder.widget.save(function() {
				obj.foodBuilder.widget.save(function() {
					saveWindowSession('CREATEPLANGENERAL', saveparams, function() {
							
						$.ajax( { url: "/service/SavePlan.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&plan_id=" + obj.plan_id, 
							cache: false,
							dataType: "json", 
							data: {},
							success: function(data) {
								obj.plan_id = data;
								saveWindowSession('CREATEPLAN', { plan_id: obj.plan_id }, function() {
									unblockWindow();
								});
								
							}
							
						});	
							
					});
				});
				});
			});
			
			});
			});
	});
	
	this.domObj.find("#general_tab").click();
}

CreatePlan.prototype.isBuilt=function() {
	var obj = this;
	return  (obj.foodBuilder.widget.isBuilt() && obj.formBuilder.widget.isBuilt() && obj.exerciseBuilder.widget.isBuilt() && obj.expBuilder.widget.isBuilt() && obj.rulesBuilder.widget.isBuilt());

}

CreatePlan.prototype.contentSet=function(){
	this.resizeFunc = function() {
		$("#admin_menu").css("position", "fixed").css("top", ($("section#header").outerHeight()) + "px");
		$("#create-plan-container > div.cp").css("position", "relative").css("top", ($("#admin_menu").outerHeight() + 20) + "px");
		$("#selectfields").css("position", "fixed").css("top", ($("section#header").outerHeight() + $("#admin_menu").outerHeight()) + "px");
		$("#create-plan-spacer").css("height", (5 + $("#selectfields").outerHeight() +  $("#admin_menu").outerHeight()) + "px");
		$("#top-sub-nav").css("position", "fixed").css("top", $("#section#header").outerHeight() + "px");
		$("#form-flow.root .editmode").css("top", ($("section#header").outerHeight() + 0+ $("#selectfields").outerHeight() + $("#admin_menu").outerHeight() + 5) + "px");
	
	};
	$("section#header").css("position", "fixed");
	$("#content").removeClass("page_width");
	$("#footer").hide();
	$(window).resize(this.resizeFunc).triggerHandler('resize');
	this.formBuilder.widget.setTrashBin($("#trashbin"));
	
	
	
}

CreatePlan.prototype.destroy=function() {
	var obj = this;
	$("section#header").css("position", "");
	$("#content").addClass("page_width");
	$("#footer").show();
	$("#top-sub-nav").css("position", "absolute").css("top",  "auto");
	$(window).unbind('resize', this.resizeFunc);
	$(window).unbind('mouseup', obj.mouseup).unbind('touchend', obj.mouseup);
		
	$(window).unbind('mousemove', obj.mousemove).unbind('touchmove', obj.mousemove);
	$("#formBuildProps").remove();
}

function ChangePlan(params) {
	this.built = false;
	
	this.loginRequired = true;
	
	this.ChoosePlans = null;
	this.currStep = 'step1';
	this.choosePlanPage = 0;
	this.fetchingData = false;
	this.regCode = '';
	this.currplanid = 0;
	this.plantype = 0;
	this.planname = '';
	
}

ChangePlan.prototype.updateAccountPlan=function() {
	var obj = this;
	
	//blockWindow();
	
	$.ajax( { url: "/service/ChangePlan.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: { },
		success: function( data ) {	
			//unblockWindow();
			$.ajax( { url: "/service/GetUserPlanInfo.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				retryCnt: -1,
				data: { 'b4b_id': g_userInfo.b4b_id },
				success: function( data ) {	
					if (! data) {
						g_userHasPlan = false;
					}
					else {
						g_userHasPlan = true;
					}
					setWindow("Feed");
				}
			});
					
		}
	});
}

ChangePlan.prototype.buildPage=function(mode) {
	var obj = this;
		
	
	this.domObj = $('<div class="content_container" style="padding-top: 15px;"><form id="signup-form" action="#" method="post">\
	<table width="100%" height="400" style="width: 100% !important;"><tr><td width="100%" height="100%" valign="middle" align="center" id="select-plan-container"></td></tr></table>\
    <br /><br />\
	<div class="btn-group">\
		<a name="btn-submit" class="btn-gray" id="prev">&lt; Back</a>\
        <input type="submit" name="btn-submit" class="btn-green" value="Next &gt;" id="next" />\
	</div>\
	</form></div>');	

		return true;
}


ChangePlan.prototype.build = function(mode, submode) {
	var obj = this;


	obj.buildPage(mode);
			

	
	if (! mode) {
		obj.setMode('step2');
	}
	else {
		//obj.setMode('step2');
	}
	
	if (! this.ChoosePlans) {
		this.ChoosePlans = new Widget("ChoosePlans", { allownoplan: false} );
	}
	/*var currPage = 1;
	var hashparts = window.location.hash.split("-");
	if (hashparts.length >= 3 && hashparts[2] != '') {
		currPage = parseInt(hashparts[2]);
	}*/
	
	//this.choosePlanPage = parseInt(this.choosePlanPage);
	/*this.ChoosePlans.setPage(obj.choosePlanPage, function() { 
		g_doNotProcessHash = false;
		location.href = "#ChangePlan-step2-" + obj.ChoosePlans.getPageName(obj.choosePlanPage < 0 ? 0 : obj.choosePlanPage);
		obj.ChoosePlans.render(obj.domObj.find("#select-plan-container")) 
	});*/
	//this.ChoosePlans.setPage(this.choosePlanPage);
	var pageParts = getHash().split("-");
	var pageNum = (submode != '') ? this.ChoosePlans.getPageNum(submode) : 0;
	var obj = this;
	//alert(submode);
	//alert(pageNum);
	this.ChoosePlans.setPage(pageNum, function() {
	//g_doNotProcessHash = true;
	//location.href = "#ChangePlan-step2-" + this.ChoosePlans.getPageName(this.choosePlanPage < 0 ? 0 : this.choosePlanPage);
		obj.ChoosePlans.render(obj.domObj.find("#select-plan-container"), function() {
			if (obj.ChoosePlans.widget.isLastPage()) {
				obj.domObj.find("#next").text("Submit").val("Submit");
			}
			else {
				obj.domObj.find("#next").text("Next >").val("Next >");
			}
		});
		});

	return false;
}

ChangePlan.prototype.setMode=function(mode) {
	
}

ChangePlan.prototype.getDomObj=function() {
	return this.domObj;
}


ChangePlan.prototype.setHooks=function(mode) {
	var obj = this;
		this.domObj.find("#prev").click(function() {
			obj.ChoosePlans.prev(function() {
				var done = obj.ChoosePlans.isDone();
				if (done == true) {
					setWindow("Feed");
				}
				else {
						//saveWindowSession('REGISTER', { choosePlanPage: obj.ChoosePlans.getCurrentPage() }, function() {
						g_doNotProcessHash = false;
						//location.href = "#ChangePlan-step2-" + obj.ChoosePlans.getPageName(obj.ChoosePlans.getCurrentPage());
						setWindow("ChangePlan-step2-" + obj.ChoosePlans.getPageName(obj.ChoosePlans.getCurrentPage()));
						//obj.ChoosePlans.render(obj.domObj.find("#select-plan-container"));
					//});
				}
		});
		});
		
		//this.domObj.find("#next").click(function(e) {
		//	e.preventDefault();
		
		//});
}

ChangePlan.prototype.widgetCallback=function(widget, msg, data)
{

}

ChangePlan.prototype.destroy=function() {
}

ChangePlan.prototype.isBuilt=function() {
	return this.ChoosePlans && this.ChoosePlans.widget.isBuilt();
}

ChangePlan.prototype.contentSet=function(){
	var obj = this;
	$("#signup-form").submit(function(e) {
		e.preventDefault();
		if ($(document.activeElement).attr('id') == 'planfilter') {
			$("input[type=text]").blur();
			return;
		}
			obj.ChoosePlans.next(function () {
				var done = obj.ChoosePlans.isDone();
				if (done == true) {
					//setWindow("ChangePlan-step3");
					//alert(process);
					obj.updateAccountPlan();
					//setWindow("Feed");
				}
				else {
					//saveWindowSession('REGISTER', { choosePlanPage: obj.ChoosePlans.getCurrentPage() }, function() {
					g_doNotProcessHash = false;
					//alert("current: " + obj.ChoosePlans.getCurrentPage());
					//location.href = "#ChangePlan-step2-" + obj.ChoosePlans.getPageName(obj.ChoosePlans.getCurrentPage());
					setWindow("ChangePlan-step2-" + obj.ChoosePlans.getPageName(obj.ChoosePlans.getCurrentPage()));
					//obj.ChoosePlans.render(obj.domObj.find("#select-plan-container"));
				//});
				}
			});
		//$("#next").triggerHandler('click');
	});
}
function DateAdd(date, type, amount) {
	var y = date.getFullYear(),
	m = date.getMonth(),
	d = date.getDate();
	if (type === 'y') {
		y += amount;
	};
	if (type === 'm') {
		m += amount;
	};
	if (type === 'd') {
		d += amount;
	};
	return new Date(y, m, d);
}

(function () {
	Date.prototype.toYMD = Date_toYMD;
	function Date_toYMD() {
		var year,
		month,
		day;
		year = String(this.getFullYear());
		month = String(this.getMonth() + 1);
		if (month.length == 1) {
			month = "0" + month;
		}
		day = String(this.getDate());
		if (day.length == 1) {
			day = "0" + day;
		}
		return year + "-" + month + "-" + day;
	}
})();

function Feed(params) {
	this.loginRequired = true;
	this.destroyed = false;
	this.built = false;

	var obj = this;
	this.updateScroll = function () {
		obj.scrolltime = Date.now();
		$(window).triggerHandler('resize');
		obj.scroll();
	}

	this.burned = 0;
	this.limitcals = 0;

	this.viewed = [];

	//$(window).bind('scroll', this.updateScroll);
	//$(window).bind('scroll', scrollMaps);
	document.addEventListener('scroll', this.updateScroll, {passive: true});
	document.addEventListener('scroll', scrollMaps, {passive: true});
	this.ajaxRunning = false;
	this.gotComments = [];
	this.pendingComments = [];

	this.updatingComments = [];
	this.updatingLikes = [];

	this.topmostFeedId = 0;

	this.gotInitFeed = false;
	this.posted = false;
	this.goalSteps = 0;
	this.lineChartData = null;

	this.d = new Date();
	this.dset = new Date();
}

Feed.prototype.repositionBars = function (feedright) {
	var obj = this;
	if ($("#helpblock:visible").length > 0) { // dont move if help is active
		return;
	}

	var h = feedright.css('position') == 'static' ? feedright.parent().height() : feedright.height();

	var o = $(".feedmain").offset().top;
	var fh = $(".feedmain").height();

	var wh = window.innerHeight;

	var st = $(window).scrollTop();

	var pos;
	if (fh + o < h) {
		feedright.css({
			'position': 'static'
		});
		return;
	}

	if (h > wh && st > o + (h - wh)) {
		pos = (wh - h);

		pos -= Math.max((st + wh - $("#footer").offset().top), 0);

		console.log('pos = ' + pos);

		feedright.css({
			'position': 'fixed',
			'top': (pos) + 'px',
			'width': feedright.parent().width() + 'px'
		});
	} 
	else if (h < wh && st > o) {
		pos = 0;

		pos -= Math.max((st + wh - $("#footer").offset().top), 0);

		console.log('pos = ' + pos);

		feedright.css({
			'position': 'fixed',
			'top': (pos) + 'px',
			'width': feedright.parent().width() + 'px'
		});
	}
	else {
		feedright.css({
			'position': 'static'
		});
	}
}

Feed.prototype.scroll = function () {

	var obj = this;
	/*if (obj.posTimer) {
		clearTimeout(obj.posTimer);
		obj.posTimer = null;
	}*/
	//if (!obj.posTimer) {
	//	obj.posTimer = setTimeout(function() {
			obj.posTimer = null;
			if (window.innerWidth > 600) {
				obj.repositionBars($(".feedright>div"));
				obj.repositionBars($(".feedleft>div"));
			}
			
			
			var last = $('.feeditem:not(.status):last');
			var first = $('.feeditem:not(.status):first');
			if (last.length > 0 && $(window).scrollTop() + $(window).height() >= $(document).height() - 50) {
				obj.updateFeed(0, last.attr('feedid'), 1);
			}
			//if (first.length > 0 && $(window).scrollTop() <= first.offset().top) {
				//if (this.posted == true) {
				//this.posted = false;
				//this.updateFeed(1, this.topmostFeedId, 1);
				//}
			//}
			
		//}, 80);
		/*if (window.innerWidth > 600) {
			obj.repositionBars($(".feedright>div"));
			obj.repositionBars($(".feedleft>div"));
		}*/
	//}
	/*if (obj.gotInitFeed) {
	$('.feeditem').each(function() {
	if (obj.viewed.indexOf(this) == -1) {
	if (isScrolledIntoView(this)) {
	var el = this;
	$.ajax( { url: "/service/ViewedItem.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
	cache: false,
	dataType: "json",
	data: { feed_id: $(this).attr('feedid') },
	success: function( data ) {
	obj.viewed.push(el);
	obj.scroll();
	}
	});
	}
	}
	});

	}*/

	/*var last = $('.feeditem:not(.status):last');
	var first = $('.feeditem:not(.status):first');
	if (last.length > 0 && $(window).scrollTop() + $(window).height() >= $(document).height() - 50) {
		this.updateFeed(0, last.attr('feedid'), 1);
	}
	if (first.length > 0 && $(window).scrollTop() <= first.offset().top) {
		//if (this.posted == true) {
		//this.posted = false;
		//this.updateFeed(1, this.topmostFeedId, 1);
		//}
	}*/
}

//30 40 100

Feed.prototype.resize = function () {
	var obj = this;
	if (obj.last_win_size == window.innerWidth) return;
	obj.last_win_size = window.innerWidth;
	this.domObj.find("#scroll_mutual").width(50);
	this.domObj.find("#scroll_friends").width(50);
	if (window.innerWidth >= 1200) {
		obj.domObj.find("#mobile_friends").hide();
	} else {
		obj.domObj.find("#mobile_friends").show();
	}
	
	if (obj.barChartLarge) {
		obj.resizeCharts();
	}
	
	//
	//this.domObj.find("canvas").width(50);
	//this.domObj.find("canvas").width(this.domObj.find("canvas").parent().width()-10);
	//if (window.myLine) {
	/*if (this.lineChartData) {
	
	var grabData = function(){}
	var show = false;
	for (var j = 0; j < this.lineChartData.datasets[0].data.length; j++) {
		if (this.lineChartData.datasets[0].data[j] > 0) {
			show = true;
			break;
		}
	}
	if (show) {
		obj.domObj.find("#chartlargeitem").show();
	} else {
		obj.domObj.find("#chartlargeitem").hide();
	}
	var thedata = {};
	//alert(JSON.stringify(this.lineChartData));
	var data = this.lineChartData.datasets[0].data;
	var c = 0;
	for (var i = data.length-1; i >= 0; i--) {
		if (i > 0) {
			thedata[c] = [data[i]-data[i-1]];
		} else {
			thedata[c] = [data[i]];
		}
		c++;
	}
	$("#infichart").height(340).width(Math.max($("#infichart").parent().width(), 100));
	obj.barChart = new infichart(obj.domObj.find("#infichart")[0], infichart.BAR_CHART, 1, 0, data.length, 0);
	
	if (obj.d.toDateString() === new Date().toDateString()) {
		obj.barChart.infichart.labelmode = 'todayhours';
	}
	else {
		obj.barChart.infichart.labelmode = 'hours';
	}
	this.barChart.infichart.numbars = 1;
	
	
	
	
	this.barChart.setChartValues(thedata, 0, data.length, 0);

	//$(window).triggerHandler('resize');
	
	setChartOptions(obj.barChart);
	
	
	
	
	obj.barChart.refreshInfiChart();*/
	//alert("here");
/*	
		if (typeof(obj.barChart) != 'undefined') {
			obj.barChart.destroy();
		}

		if (window.innerWidth >= 1200) {
			//obj.lineChartData = data;
			obj.barChart = new Widget('LineChart', {
					height: 300
				});

			var show = false;
			for (var j = 0; j < this.lineChartData.datasets[0].data.length; j++) {
				if (this.lineChartData.datasets[0].data[j] > 0) {
					show = true;
					break;
				}
			}
			if (show) {
				obj.domObj.find("#chartlargeitem").show();
			} else {
				obj.domObj.find("#chartlargeitem").hide();
			}
			obj.barChart.widget.setData(obj.lineChartData);
			obj.barChart.render(obj.domObj.find("#chartlarge"));
			//this.barChart.widget.setData(this.lineChartData);
		} else {
			//obj.lineChartData = data;
			obj.barChart = new Widget('LineChart', {});
			obj.domObj.find("#chartlargeitem").hide();
			obj.domObj.find("#scroll_friends").hide();
			

			var show = false;
			for (var j = 0; j < this.lineChartData.datasets[0].data.length; j++) {
				if (this.lineChartData.datasets[0].data[j] > 0) {
					show = true;
					break;
				}
			}
			//show = false;
			
			//setTimeout(function() {
			
			if (show) {
				obj.domObj.find("#chart").show();
				obj.domObj.find("#chart").next("hr").show();
			} else {
				obj.domObj.find("#chart").hide();
				obj.domObj.find("#chart").next("hr").hide();
			}

			obj.barChart.widget.setData(obj.lineChartData);
			obj.barChart.render(obj.domObj.find("#chart"));
			
			//}, 1000);

			this.barChart.widget.setData(this.lineChartData);
		}
*/
	//}
	//window.myLine.resize();
	//}
	setTimeout(function() {
		obj.domObj.find("#scroll_mutual").width(obj.domObj.find("#scroll_mutual").parent().width() - 10);
		obj.domObj.find("#scroll_friends").width(obj.domObj.find("#scroll_friends").parent().width() - 10).show();
	}, 500);
}

Feed.prototype.getCommentStr = function (data, feedid) {
	var obj = this;
	return getCommentStr(obj, data, feedid);
}

Feed.prototype.getComments = function (feedid, reply_to_id) {
	var obj = this;
	return getComments(obj, feedid, reply_to_id);
}

Feed.prototype.getPreviousComments = function (feedid, before, reply_comment_id) {
	var obj = this;
	return getPreviousComments(obj, feedid, before, reply_comment_id);
}

Feed.prototype.getPendingComments = function () {
	var obj = this;
	return getPendingComments(obj);
}

Feed.prototype.getHighestComment = function (feedid) {
	var obj = this;
	return getHighestComment(obj, feedid);
}

Feed.prototype.startUpdatingCommentsAll = function (notimer) {
	var obj = this;
  return startUpdatingCommentsAll(obj, notimer);
}

Feed.prototype.startUpdatingComments = function () {
	var obj = this;
	return startUpdatingComments(obj);
}

Feed.prototype.startGettingComments = function () {
	var obj = this;
	return startGettingComments(obj);
}

Feed.prototype.getScheduleExercise = function () {
	var obj = this;
	$.ajax({
		url: "/service/GetTodaysScheduledExercises.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		retryCnt: -1,
		data: {
			type: 'both',
			restrict: 'false'
		},
		success: function (data) {
			if (data && data.length) {
				var str = '';
				for (var i = 0; i < data.length; i++) {
					str += '<div class="exercise"  formula="' + htmlencode(data[i].cal_formula) + '" eid="' + data[i].exercise_id + '" ename="' + htmlencode(data[i].name, true) + '" units="' + htmlencode(data[i].units.join('|'), true) + '" style=" padding-left: 10px;  padding-top:14px;padding-bottom:14px;"><span style="color: #aa0000;">' + htmlencode(data[i].name) + '</span></div>';
					//obj.domObj.find('.exercise[eid="' + data[i].exercise_id + '"]').addClass("scheduled");
				}
				obj.domObj.find("#schedex").html(str);
			} else {
				obj.domObj.find("#schedex").html('<p align="center">No exercise scheduled today!</p>');
			}
		}
	});
}

Feed.prototype.updateLocStats=function() {
	var obj = this;

	var datestr = this.d.toYMD();

	$.ajax({
		url: "/service/GetLocStats.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		notWhenTracking: true,
		data: {
			b4b_id: g_userInfo.b4b_id,
			datestr: datestr
		},
		retryCnt: -1,
		success: function (data) {
			obj.domObj.find("#distance").text(parseFloat(data.distance).toFixed(1));
			obj.domObj.find("#speed").text(parseFloat(data.speed).toFixed(1));
			obj.domObj.find("#uphill").text(parseInt(data.uphill * 3.28084));
			obj.domObj.find("#downhill").text(parseInt(data.downhill * 3.28084));
		}
	});
}

Feed.prototype.getStepCount = function (notimer) {
	var obj = this;

	var datestr = this.d.toYMD();

	$.ajax({
		url: "/service/GetUserStepCount.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		notWhenTracking: true,
		data: {
			b4b_id: g_userInfo.b4b_id,
			datestr: datestr
		},
		retryCnt: -1,
		success: function (data) {
			if (!obj.destroyed) {
				if (obj.d.toYMD() == datestr) {
					var steps = data.stepcnt || 0;
					if (typeof(obj.lastSteps) == 'undefined' || obj.lastSteps != steps || notimer) {
						obj.updateTotals();
						obj.updateAdherence();
						obj.getBarChartData();
					}
					obj.lastSteps = steps;
					var dist = parseFloat(data.dist).toFixed(2);
					$(".STEPS").html('<span class="STEPSCNT">' + parseInt(steps).toLocaleString() + '</span><span class="STEPSDIST" style="font-size: 0.8em; color: #ff4400;"> / ' + dist + "mi</span><div style=\"padding-top: 7px; color:black; font-size: 0.8em;\" class=\"goalsteps\"></div>");
					obj.updateGoalSteps();
					
					obj.updateLocStats();
					
				}
				if (!notimer) {
					setTimeout(function () {
						obj.getStepCount();
					}, STEPCOUNT_UPDATE_TIME);
				}
			}
		}
	});
}


Feed.prototype.setChartData = function(chart, $show, shouldshow) {
	var obj = this;
	
	var show = false;
	for (var j = 0; j < obj.lineChartData.datasets[0].data.length; j++) {
		if (obj.lineChartData.datasets[0].data[j] > 0) {
			show = true;
			break;
		}
	}
	if (show) {
	
		if (shouldshow)	$show.show();
		//obj.domObj.find("#chartlargeitem").show();
	} else {
		$show.hide();
		return;
		//obj.domObj.find("#chartlargeitem").hide();
	}

	var thedata = {};
	//alert(JSON.stringify(this.lineChartData));
	var data = obj.lineChartData.datasets[0].data;
	var c = 0;
	for (var i = data.length-1; i >= 0; i--) {
		if (i > 0) {
			thedata[c] = [data[i]-data[i-1]];
		} else {
			thedata[c] = [data[i]];
		}
		c++;
	}
	
	if (obj.d.toDateString() === new Date().toDateString()) {
		chart.infichart.labelmode = 'todayhours';
	}
	else {
		chart.infichart.labelmode = 'hours';
	}
	
	
	chart.infichart.curri = obj.lineChartData.curr || 0;
	//chart.infichart.curri--;
	
	//alert(JSON.stringify(obj.lineChartData.labels));
	chart.infichart.labels = obj.lineChartData.labels;
	
	chart.setChartValues(thedata, 0, data.length, chart.infichart.currval);

	//$(window).triggerHandler('resize');
	
	//setChartOptions(chart);
	
	
	
	
	chart.refreshInfiChart();
}

Feed.prototype.setChart = function($canvas, $show, shouldshow, height) {
	var obj = this;
	
	var grabData = function(){}
	var show = false;
	for (var j = 0; j < obj.lineChartData.datasets[0].data.length; j++) {
		if (obj.lineChartData.datasets[0].data[j] > 0) {
			show = true;
			break;
		}
	}
	if (show && shouldshow) {
		$show.show();
		//obj.domObj.find("#chartlargeitem").show();
	} else {
		$show.hide();
		//obj.domObj.find("#chartlargeitem").hide();
	}
	var thedata = {};
	//alert(JSON.stringify(this.lineChartData));
	var data = obj.lineChartData.datasets[0].data;
	var c = 0;
	for (var i = data.length-1; i >= 0; i--) {
		if (i > 0) {
			thedata[c] = [data[i]-data[i-1]];
		} else {
			thedata[c] = [data[i]];
		}
		c++;
	}
	$canvas.height(height).width(Math.max($canvas.parent().width(), 100));
	obj.barChart = new infidaychart($canvas[0], infichart.BAR_CHART, 1, 0, data.length, 0);
	
	if (obj.d.toDateString() === new Date().toDateString()) {
		obj.barChart.infichart.labelmode = 'todayhours';
	}
	else {
		obj.barChart.infichart.labelmode = 'hours';
	}
	obj.barChart.infichart.numbars = 1;
	
	obj.barChart.infichart.curri = obj.lineChartData.curr || 0;
	
	obj.barChart.labels = obj.lineChartData.labels;
	
	obj.barChart.setChartValues(thedata, 0, data.length, 0);

	//$(window).triggerHandler('resize');
	
	setChartOptions(obj.barChart);
	
	
	
	
	obj.barChart.refreshInfiChart();
	
	return obj.barChart;
}

Feed.prototype.setChartOptions=function(chart, w) {
	w = chart.getInfiChartWidth()*chart.infichart.scale;
	chart.infichart.unitpadding = 1;
	chart.infichart.barpadding = 1;
	
	
	var padding = chart.infichart.barpadding;			
	//var bw = -chart.infichart.numbars*(chart.infichart.barwidth+padding+padding)/2;
	
	var bw = 12;
	
	chart.infichart.barwidth = 2;
	
	
	chart.infichart.barwidth = w / (8 * 50);
	
	
	//w -= (24 * 2);// * PIXEL_RATIO; // subtract bar padding
	//w -= 30;
	//w -= 180;///PIXEL_RATIO; // scale clip
	
	//chart.infichart.barwidth = Math.max(1, Math.floor(w*PIXEL_RATIO/4/(24*2))); // 4 = scale, 24 = hours
	//chart.infichart.barwidth = Math.max(1.0, (w/(24*2*bw))); // 4 = scale, 24 = hours
	//chart.infichart.barwidth = 0.5;
	//chart.infichart.barwidth = w / this.infichart.numintervals / 3.5;
}

Feed.prototype.resizeCharts = function() {
	var obj = this;
	
	if (obj.lineChartData) {
		var show = false;
		for (var j = 0; j < obj.lineChartData.datasets[0].data.length; j++) {
			if (obj.lineChartData.datasets[0].data[j] > 0) {
				show = true;
				break;
			}
		}
	
		if (show) {
			if (window.innerWidth >= 1002) {
				$("#chartlargeitem").show();
				$("#chart").hide();
			}
			else {
				$("#chartlargeitem").hide();
				$("#chart").show();
			}
		}
	
	}
	
	//obj.barChartLarge.infichart.unitpadding = 2;
	//obj.barChartSmall.infichart.unitpadding = 2;
	//obj.barChartLarge.infichart.barwidth = 10;
	//obj.barChartSmall.infichart.barwidth = 10;
	
	$canvas1 = $("#chartlargeitem").find("#infichart");
	$canvas2 = $("#chart").find("#infichart");
	
	obj.setChartOptions(obj.barChartLarge, Math.max($canvas1.parent().width(), 100));
	obj.setChartOptions(obj.barChartSmall, Math.max($canvas2.parent().width(), 100));
	
	
	$canvas1.hide();
	$canvas1.height(250).width(Math.max($canvas1.parent().width(), 100));
	//obj.barChart.refreshInfiChart();
	
	
	$canvas2.hide();
	$canvas2.height(250).width(Math.max($canvas2.parent().width(), 100));
	//obj.barChartSmall.refreshInfiChart();
	
	obj.setChartData(obj.barChartLarge, $("#chartlargeitem"));
	obj.setChartData(obj.barChartSmall, $("#chart"));
	$canvas1.show();
	$canvas2.show();
	
	obj.setChartOptions(obj.barChartLarge);
	obj.setChartOptions(obj.barChartSmall);
	obj.barChartLarge.refreshInfiChart();
	obj.barChartSmall.refreshInfiChart();
	
	//setTimeout(function() {
		//obj.barChartLarge.setInfiChartRez();
	//	obj.barChartSmall.setInfiChartRez();
		//obj.barChartLarge.drawInfiChart();
		//obj.barChartSmall.drawInfiChart();
	//}, 60);

}

Feed.prototype.getBarChartData = function () {
	var obj = this;
	var datestr = this.d.toYMD();
	$.ajax({
		url: "/service/GetTodaysStepChunks.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		data: {
			datestr: datestr
		},
		notWhenTracking: true,
		retryCnt: -1,
		success: function (data) {
			if (obj.d.toYMD() != datestr)
				return;
			if (!data || !data.datasets.length) {
				return;
			}
			obj.lineChartData = data;
			//obj.resize();
			
			
			if (obj.lineChartData) {
				if (obj.barChartLarge) {
					obj.setChartData(obj.barChartLarge, $("#chartlargeitem"), window.innerWidth >= 1200);
					obj.setChartData(obj.barChartSmall, $("#chart"), window.innerWidth < 1200);
				}
				else {
					obj.barChartLarge = obj.setChart($("#chartlargeitem").find("#infichart"), $("#chartlargeitem"), window.innerWidth >= 1200, 340);
					obj.barChartSmall = obj.setChart($("#chart").find("#infichart"), $("#chart"), window.innerWidth < 1200, 180);
				}
				
				obj.last_win_size = 0;
				$(window).trigger('resize');
				//obj.resizeCharts();
			}

			/*if (typeof(obj.barChart) != 'undefined') {
			obj.barChart.destroy();
			}

			obj.lineChartData = data;

			obj.barChart = new Widget('BarChart', {  });

			obj.barChart.widget.setData(obj.lineChartData);
			obj.barChart.render(obj.domObj.find("#chart"));*/

			//obj.barChart.widget.setData({});
			//obj.barChart.render(obj.domObj.find("#chart"));
		}

	});
}

Feed.prototype.updateFeed = function (top, feed_id, viewed) {

	var obj = this;

	if (this.ajaxRunning) {
		return;
	}
	this.ajaxRunning = true;

	$.ajax({
		url: "/service/GetFeed.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		retryCnt: -1,
		notWhenTracking: true,
		data: {
			top: top,
			feed_id: feed_id,
			viewed: viewed
		},
		success: function (data) {

			if (!obj.gotInitFeed) {
				obj.gotInitFeed = true;
				//obj.startGettingComments();
				//obj.startUpdatingComments();
				obj.startUpdatingCommentsAll();
				obj.startUpdatingLikesAll();
				obj.getScheduleExercise();
				obj.updateAdherence();
				obj.getStepCount();
				obj.getBarChartData();
			}

			obj.ajaxRunning = false;
			obj.built = true;

			var profilepicurl = '/images/feedpics/nopic.png';
			//var pics = [ '/images/feedpics/img1.jpg', '/images/feedpics/img2.png', '/images/feedpics/img3.jpg', '/images/feedpics/img1.jpg', '/images/feedpics/img2.png', '/images/feedpics/img3.jpg' ];
			var str = '';

			if (top && data.length > 0) {
				obj.posted = false;
			}
			

			for (var i = 0; i < data.length; i++) {

				if (top && i == 0) {
					obj.topmostFeedId = data[i].feed_id;
				}

				var numpics = data[i].fids.length;

				var pics = [];
				for (var j = 0; j < data[i].fids.length; j++) {
					pics.push("/service/GetFile.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + data[i].fids[j]);
				}

				if (obj.domObj.find('.feeditem[feedid="' + data[i].feed_id + '"]').length != 0) {
					continue;
				}

				str += getFeedString(data[i], numpics, pics);

				str += '</article>';

			}

			var dobj = $(str);
			dobj.find("img").unveil();
			if (top) {
				obj.domObj.find("#feedupdates").prepend(dobj);
			} else {
				obj.domObj.find("#feedupdates").append(dobj);
			}

			if (shouldTriggerScroll())
				$(window).triggerHandler("scroll");
			
			obj.scroll();

			obj.updateTimes();
			
			updateMaps();

		}
	});

	return false;

}

function days_between(date1, date2) {

	// The number of milliseconds in one day
	var ONE_DAY = 1000 * 60 * 60 * 24

		// Convert both dates to milliseconds
		var date1_ms = date1.getTime()
		var date2_ms = date2.getTime()

		// Calculate the difference in milliseconds
		var difference_ms = Math.abs(date1_ms - date2_ms)

		// Convert back to days and return
		return Math.round(difference_ms / ONE_DAY)

}

Feed.prototype.updateDateLabels = function () {
	var labelstr = '';
	var today = new Date();
	if (this.d.getFullYear() == today.getFullYear() && this.d.getDate() == today.getDate() && this.d.getMonth() == today.getMonth()) {
		labelstr = "Today's";
	} else {
		var days = ["Sunday's", "Monday's", "Tuesday's", "Wednesday's", "Thursday's", "Friday's", "Saturday's"];
		if (Math.abs(days_between(today, this.d)) < 7 && this.d.getTime() < today.getTime()) {
			if (today.getDay() == 0) {

				labelstr = days[this.d.getDay()];
			} else {
				if (this.d.getDay() > today.getDay()) {
					labelstr = 'Last ';
					labelstr += days[this.d.getDay()];
				} else {
					labelstr = days[this.d.getDay()];
					//labelstr = this.d.getMonth() + '/' + this.d.getDate() + '/' + this.d.getFullYear();
				}

			}
		} else {
			labelstr = (this.d.getMonth()+1) + '/' + this.d.getDate() + '/' + this.d.getFullYear();
		}
	}
	$(".datelbl").text(labelstr);
}

Feed.prototype.getMutualFriends = function () {
	var obj = this;
	obj.domObj.find("#mutual_friends").fadeOut();
	return;
	$.ajax({
		url: "/service/GetMutualFriends.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		data: {},
		notWhenTracking: true,
		success: function (datafr) {
			if (!datafr || !datafr.results.length) {
				obj.domObj.find("#mutual_friends").fadeOut();
				return;
			}
			var str = '';
			var profilepicurl = '/images/feedpics/nopic.png';
			for (var i = 0; i < datafr.results.length; i++) {
				if (!datafr.results[i].b4b_id) {
					continue;
				}
				str += '<div style="display: inline-block; padding: 10px; min-width: 260px;text-align: left;" class="sendmsgto user" username="' + (datafr.results[i].username || datafr.results[i].b4b_id) + '"><span style="display:inline-block; padding-left: 10px; padding-right: 10px; margin-10px; vertical-align:middle;"><img width="80" height="80" src="/images/img-loader.gif" data-src="/service/GetProfilePic.php?account_id=' + datafr.results[i].b4b_id + '" /></span><span class="userstats" style=""><span class="username"></span><span class="fullname"><a href="/Profile/' + htmlencode(datafr.results[i].username || datafr.results[i].b4b_id) + '" class="sendmsgto" username="' + htmlencode(datafr.results[i].username || datafr.results[i].b4b_id) + '">' + htmlencode((datafr.results[i].firstname || '') + ' ' + (datafr.results[i].lastname || '')) + '</a><hr />' + (datafr.results[i].stepcnt > 0 ? '<span class="small">Steps: ' + datafr.results[i].stepcnt + '</span>' : '') + (datafr.results[i].weightlost > 0 ? '<span class="small"><B>Lost:</b> ' + datafr.results[i].weightlost + ' lbs</span>' : '') + '</span></span></div>';
			}
			//alert(str);
			var dobj = $(str);
		    dobj.find("img").unveil();
			obj.domObj.find("#mutual").html(dobj);
			if (shouldTriggerScroll())
				$(window).triggerHandler("scroll");
		}

	});
}

Feed.prototype.build = function (mode) {

	var obj = this;

	$("#content").removeClass("page_width");

	var str = '';
	var profilepicurl = '/images/feedpics/nopic.png';

	str += '<div style="text-align: center;" class="feed"><span style="display: block;">';

	str += '<div class="feedleft boxsizingBorder" style="position: relative;"><div>';

	str += '<article id="feedad" class="feeditem status bgcolor"><div class="feedcommentpart">\
	<p align="center" id="total_title"><h4>Your Team:</h4></p>\
	<hr />\
	<div id="frlisting"></div>\
		</article>';
	/*str += '<article id="feedad" class="feeditem status"><div class="feedcommentpart">\
	<p align="center" id="total_title"><h4>Friends:</h4></p>\
	<hr />\
	<table align="center" cellpadding="3">\
	<tr><td align="right" class="total_name"></td><td class="total_value"></td></tr>\
	</table><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>\
	</article>';*/

	str += '</div></div>';

	str += '<div class="feedmain boxsizingBorder">';

	str += this.getTotalsBox(true);

	str += '<div id="startfeed">\
		<article id="chartlargeitem" style="display: none;" class="feeditem status first bgcolor">\
		<span style="display:inline-block; margin-left:15px;"><span class="datelbl"></span> Activity:</span>\
		<div class="feedcommentpart">\
		<div id="chartlarge">\
		<canvas id="infichart"></canvas>\
		</div>\
		</article>\
		<article id="mobile_friends" class="feeditem status first bgcolor">\
		<div class="feedcommentpart">\
		<p>Your Team:</p>\
		<div id="scroll_friends" style="overflow-x: scroll; width: 100px;">\
		<div id="mfriends" style="display: inline-block; white-space: nowrap;">\
		</div>\
		</div>\
		</div>\
		</article>\
		<article class="feeditem status first postfeed bgcolor">\
			<div class="feedcommentpart">\
			<div class="leavecomment">\
				<span class="smallprofilepicblock sendmsgto user" username="' + (g_userInfo.username || g_userInfo.b4b_id) + '"><img src="/service/GetProfilePic.php?account_id=' + g_userInfo.b4b_id + '" class="smallprofilepic" />&nbsp;&nbsp;&nbsp;<a href="/Profile/' + htmlencode(g_userInfo.username || g_userInfo.b4b_id) + '" class="sendmsgto user" username="' + htmlencode(g_userInfo.username || g_userInfo.b4b_id) + '">' + g_userInfo.firstname + ' ' + g_userInfo.lastname + '</a></span>\
				<span style="display: inline-block; width: 100%; overflow: hidden;">\
					<textarea id="statustext" class="boxsizingBorder" style="width: 100%; height: 60px; " type="text" placeholder="What&apos;s up?"></textarea>\
				<div id="imageblock"></div>\
				</span>\
			</div>\
			<p align="right"><a href="#" class="btn-gray" id="addpics">Add Pics</a> <a id="poststatus" href="#" class="btn-green">Post</a></p>\
			</div>\
		</article>\
		<article id="mutual_friends" class="feeditem status first bgcolor">\
		<div class="feedcommentpart">\
		<p>People you may know:</p>\
		<div id="scroll_mutual" style="overflow-x: scroll; width: 100px;">\
		<div id="mutual" style="display: inline-block; white-space: nowrap;">\
		</div>\
		</div>\
		</div>\
		</article>\
		<!--<article  id="invitebox" class="feeditem status first">\
		<div class="feedcommentpart">\
		<p>Send a friend an invitation to join your team:</p>\
			<div class="leavecomment">\
				<span style="display: inline-block; width: 100%; overflow: hidden;">\
					<textarea id="invitees" class="boxsizingBorder" style="width: 100%; height: 60px; " type="text" placeholder="someone@example.com, john.doe@email.com"></textarea>\
				</span>\
			</div>\
		<p align="right"><a id="invitereq" href="#" class="btn-green">Invite</a></p>\
		</div>\
		</article>-->\
		<div id="feedupdates"></div></div>';

	str += '</div>';

	str += '<div  class="feedright boxsizingBorder" style="position: relative;"><div>';

	str += this.getStepsBox();

	str += this.getTotalsBox();

	str += this.getPlannedExerciseBox();

	str += this.getPlannedAdherence();

	str += '</div></div></span></div>';

	this.domObj = $(str);

	this.barChart = new Widget('LineChart', {});

	obj.domObj.on("click", ".viewadheredet", function (e) {
		e.preventDefault();
		var datestr = obj.d.toYMD();
		var widget = new Widget("AdhereDetails", {
				datestr: datestr
			});
		var goelem = this;
		widget.renderIntoPopup('100%', '100%', $(this), function () {});
	});

	obj.domObj.on('click', 'a.discuss', function (e) {
		e.preventDefault();
		setWindow("Discuss-" + $(this).attr('did'));
	});

	this.domObj.on("touchend", function (e) {
		obj.domObj.find("canvas").triggerHandler("touchend");
	});

	setTimeout(function () {
		obj.getMutualFriends();
	}, 0);

	setTimeout(function () {
		obj.updateTotals();
	}, 0);

	obj.domObj.find("#invitereq").click(function (e) {
		e.preventDefault();
		blockWindow();
		$.ajax({
			url: "/service/InviteBuddies.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				invitees: obj.domObj.find("#invitees").val()
			},
			success: function (data) {
				obj.domObj.find("#invitees").val('');
				unblockWindow();
			}
		});
	});

	obj.domObj.on('click', '.sendmsgto', function (e) {
		e.preventDefault();
		e.stopPropagation();
		userClicked($(this).attr('username'));
	});

	obj.domObj.on('click', 'a.commentpost', function (e) {
		e.preventDefault();
		var feedid = $(this).attr('feedid');
		obj.domObj.find(".feeditem[feedid=" + feedid + "]").find(".leavecomment[reply_comment_id=0]").find("textarea").focus();
	});

	obj.domObj.on('click', 'a.likepost', function (e) {
		e.preventDefault();
		var feedid = $(this).attr('feedid');

		var link = this;

		$.ajax({
			url: "/service/LikePost.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				feed_id: feedid
			},
			success: function (data) {
				$(link).text("Liked");
				obj.startUpdatingLikesAll(true);
			}

		});

	});

	obj.domObj.on('click', 'a.prevdate', function (e) {
		e.preventDefault();
		obj.d = DateAdd(obj.d, 'd', -1);
		obj.dset = new Date();
		obj.getStepCount(true);
		obj.updateDateLabels();
	});

	obj.domObj.on('click', 'a.nextdate', function (e) {
		e.preventDefault();
		obj.d = DateAdd(obj.d, 'd', 1);
		obj.dset = new Date();
		obj.getStepCount(true);
		obj.updateDateLabels();
	});

	obj.domObj.on('click', 'a.sharepost', function (e) {
		e.preventDefault();
		var feedid = $(this).attr('feedid');

		var link = this;

		$.ajax({
			url: "/service/SharePost.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				feed_id: feedid
			},
			success: function (data) {
				$(link).text("Shared");
			}

		});
	});

	obj.domObj.on('click', '.reply', function (e) {
		e.preventDefault();

		var feed_id = $(this).attr('feed_id');
		var reply_comment_id = $(this).attr('comment_id');

		var comcon = obj.domObj.find(".comment_container[feed_id=" + feed_id + "][reply_comment_id=" + reply_comment_id + "]");
		//alert(".comment_container[feed_id=" + $(this).attr('feed_id') + "][reply_comment_id=" + $(this).attr('reply_comment_id') + "]");
		if (comcon.find(".leavecomment").length == 0) {
			var str = '<div class="leavecomment" reply_comment_id="' + reply_comment_id + '">\
							<span class="smallprofilepicblock sendmsgto user" username="' + (g_userInfo.username || g_userInfo.b4b_id) + '"><img src="/service/GetProfilePic.php?account_id=' + g_userInfo.b4b_id + '" class="smallprofilepic" /></span>\
							<span style="display: inline-block; width: 100%;">\
								<textarea reply_comment_id="' + reply_comment_id + '" feed_id="' + feed_id + '" class="comment boxsizingBorder" style="width: 100%; height: 40px; " type="text" placeholder="Add a comment"></textarea>\
							<a href="#" class="btn-gray postcomment" reply_comment_id="' + reply_comment_id + '" feed_id="' + feed_id + '">Post Comment</a>\
							</span>\
						</div>\
						</div>';

			comcon.append(str);

		}

	});

	obj.domObj.on('click', '.prevcomment', function (e) {
		e.preventDefault();
		$(this).remove();
		obj.getPreviousComments($(this).attr('feedid'), $(this).attr('reply_comment_id'), $(this).attr('parentid'));

	});

	obj.domObj.on('click', '.postcomment', function (e) {
		e.preventDefault();
		var reply_comment_id = $(this).attr('reply_comment_id');
		var feed_id = $(this).attr('feed_id');
		var commentbox = obj.domObj.find(".comment[feed_id=" + feed_id + "][reply_comment_id=" + reply_comment_id + "]");
		if (commentbox.length == 0 || String(commentbox.val()).trim() == '') {
			return;
		}

		blockWindow();

		$.ajax({
			url: "/service/WriteComment.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				feed_id: feed_id,
				reply_comment_id: reply_comment_id,
				msg: commentbox.val()
			},
			success: function (data) {
				unblockWindow();
				commentbox.val('');
				obj.startUpdatingCommentsAll(true);
			}
		});

	});
	setTimeout(function () {
		obj.updateFriends();
	}, 0);
	setTimeout(function () {
		obj.updateFeed(1, 0, 1);
	}, 0);

	//obj.startGettingComments();
	//obj.startUpdatingComments();
	//obj.startUpdatingLikes();

	return true;
}

Feed.prototype.startUpdatingLikesAll = function (notimer) {
	var obj = this;
  return startUpdatingLikesAll(obj, notimer);
}

Feed.prototype.updateFriends = function () {
	var obj = this;
	
	var frupdate = function() {

	$.ajax({
		url: "/service/GetFriends.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		retryCnt: -1,
		notWhenTracking: true,
		data: {
			account_id: g_userInfo.b4b_id
		},
		success: function (datafr) {
				var str = '';
				var str2 = '';
				var profilepicurl = '/images/feedpics/nopic.png';

				if (! datafr || ! datafr.results || datafr.results.length == 0) {
					str = '<p align="center"><a href="#" class="searchlnk">Search for teammates</a></p>';
					obj.domObj.find("#frlisting").html(str);
					obj.domObj.find(".searchlnk").click(function (e) {
						e.preventDefault();
						setWindow("Search");
					});
				} else {
					for (var i = 0; i < datafr.results.length; i++) {
						str += '<span class="friendlisting sendmsgto user" username="' + (datafr.results[i].username || datafr.results[i].b4b_id) + '"><span style="display:inline-block; padding-left: 10px; padding-right: 10px; vertical-align:middle;"><img width="80" height="80" src="/images/img-loader.gif" data-src="/service/GetProfilePic.php?account_id=' + datafr.results[i].b4b_id + '" /></span><span class="userstats" style=""><span class="username"></span><span class="fullname"><a href="/Profile/' + htmlencode((datafr.results[i].username || datafr.results[i].b4b_id)) + '" class="sendmsgto" username="' + htmlencode((datafr.results[i].username || datafr.results[i].b4b_id)) + '">' + htmlencode(datafr.results[i].firstname + ' ' + datafr.results[i].lastname) + '</a><hr />' + (parseInt(datafr.results[i].stepcnt) > 0 ? '<span class="small" style="display:block;"><B>Steps:</B> ' + datafr.results[i].stepcnt + '</span>' : '') + (datafr.results[i].weightlost > 0 ? '<span class="small" style="display:block;"><B>Lost:</b> ' + datafr.results[i].weightlost + ' lbs</span>' : '') + '</span></span></span>';
						str2 += '<div style="display: inline-block; padding: 10px; min-width: 260px;text-align: left;" class="sendmsgto user" username="' + (datafr.results[i].username || datafr.results[i].b4b_id) + '"><span style="display:inline-block; padding-left: 10px; padding-right: 10px; margin-10px; vertical-align:middle;" ><img width="80" height="80" src="/images/img-loader.gif" data-src="/service/GetProfilePic.php?account_id=' + datafr.results[i].b4b_id + '" /></span><span class="userstats" style=""><span class="username"></span><span class="fullname"><a href="/Profile/' + htmlencode((datafr.results[i].username || datafr.results[i].b4b_id)) + '" class="sendmsgto" username="' + htmlencode((datafr.results[i].username || datafr.results[i].b4b_id)) + '">' + htmlencode(datafr.results[i].firstname + ' ' + datafr.results[i].lastname) + '</a><hr />' + (parseInt(datafr.results[i].stepcnt) > 0 ? '<span class="small" style="display:block;"><B>Steps:</B> ' + datafr.results[i].stepcnt + '</span>' : '') + (datafr.results[i].weightlost > 0 ? '<span class="small" style="display:block;"><B>Lost:</b> ' + datafr.results[i].weightlost + ' lbs</span>' : '') + '</span></span></div>';

					}

					str += '<hr /><div><p align="center"><a href="/Friends" id="seeallfriends">See all</a></p></div>';
					var dobj = $(str);
					var dobj2 = $(str2);
					dobj.find("img").unveil();
					dobj2.find("img").unveil();

					obj.domObj.find("#frlisting").html(dobj);
					obj.domObj.find("#mfriends").html(dobj2);
					if (shouldTriggerScroll())
						$(window).triggerHandler("scroll");
					$(window).triggerHandler('resize');
					obj.domObj.find("#seeallfriends").click(function (e) {
						e.preventDefault();
						setWindow("Friends");
					});
				}

				//obj.domObj.find("#frlisting").html(str);
				if (!obj.destroyed) setTimeout(frupdate, 10000);
		}
	});
	
	};
	
	frupdate();
	//setTimeout(frupdate, 10000);

	/*var frutimeout = function() {
		if (! obj.scrolltime) obj.scrolltime = 0;
		if (Date.now() - obj.scrolltime > 1000) {
			frupdate();
		}
		else {
			setTimeout(frutimeout, 80);
		}
	};
	frutimeout();*/
}

Feed.prototype.getDomObj = function () {
	return this.domObj;
}

Feed.prototype.updateAdherence = function () {
	var obj = this;
	var datestr = this.d.toYMD();

	$.ajax({
		url: "/service/GetTodayAdherence.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		data: {
			datestr: datestr
		},
		retryCnt: -1,
		success: function (data) {
			if (obj.d.toYMD() != datestr)
				return;
			var text = '';
			var cls = '';
			if (data == -100) {
				text = '<a href="#" class="userswitchplan">Choose a plan</a>';
				obj.domObj.find(".adherence").css("border", "2px solid #ff0000");
				obj.domObj.find(".viewadheredet").hide();
			} else {
				text = '<span style="color: green; font-size: 35px; display: block; padding: 8px;"><B>A</B></span>';
				if (data <= 0.8) {
					text = '<span style="color: green; font-size: 35px; display: block; padding: 8px;"><B>B</B></span>';
				}
				if (data <= 0.6) {
					text = '<span style="color: #777777; font-size: 35px; display: block; padding: 8px;"><B>C</B></span>';
				}
				if (data <= 0.4) {
					text = '<span style="color: red; font-size: 35px; display: block; padding: 8px;"><B>D</B></span>';
				}
				if (data <= 0.2) {
					text = '<span style="color: red; font-size: 35px; display: block; padding: 8px;"><B>F</B></span>';
				}
			}
			obj.domObj.find(".adherence").addClass(cls).html(text);

			obj.domObj.find(".userswitchplan").click(function (e) {
				e.preventDefault();
				blockWindow();
				$.ajax({
					url: "/service/SetPlanSessionData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
					cache: false,
					dataType: "json",
					data: {},
					success: function (data) {
						unblockWindow();
						setWindow("ChangePlan");
					}
				});
			});
		}
	});
}

Feed.prototype.updateGoalSteps = function () {
	var obj = this;
	if (obj.goalSteps) {
		obj.domObj.find(".goalsteps").html('Goal: ' + parseInt(obj.goalSteps).toLocaleString());
	}
}

Feed.prototype.updateTotals = function () {
	var obj = this;
	var datestr = this.d.toYMD();
	$.ajax({
		url: "/service/GetTodaysTotals.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		data: {
			datestr: datestr
		},
		retryCnt: -1,
		success: function (data) {
			if (obj.d.toYMD() != datestr)
				return;
			var burned = (data['burned'] || 0);
			obj.domObj.find(".total_burned").text(parseFloat(data['burned'] || 0).toFixed(0));
			obj.domObj.find(".total_calories").text(parseFloat(data['calories'] || 0).toFixed(0));
			obj.domObj.find(".total_carbs").text(parseFloat(data['carbs'] || 0).toFixed(0));
			obj.domObj.find(".total_protein").text(parseFloat(data['protein'] || 0).toFixed(0));
			obj.domObj.find(".total_fat").text(parseFloat(data['fat'] || 0).toFixed(0));
			obj.domObj.find(".total_sugar").text(parseFloat(data['sugar'] || 0).toFixed(0));
			obj.domObj.find(".total_fiber").text(parseFloat(data['fiber'] || 0).toFixed(0));
			obj.domObj.find(".total_satfat").text(parseFloat(data['satFat'] || 0).toFixed(0));
			obj.domObj.find(".total_polyfat").text(parseFloat(data['polyFat'] || 0).toFixed(0));
			obj.domObj.find(".total_monofat").text(parseFloat(data['monoFat'] || 0).toFixed(0));
			obj.domObj.find(".total_cholesterol").text(parseFloat(data['cholesterol'] || 0).toFixed(0));
			obj.domObj.find(".total_sodium").text(parseFloat(data['sodium'] || 0).toFixed(0));
			obj.domObj.find(".total_potassium").text(parseFloat(data['potassium'] || 0).toFixed(0));
			$.ajax({
				url: "/service/GetTodaysLimits.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
				cache: false,
				dataType: "json",
				data: {
					datestr: datestr
				},
				retryCnt: -1,
				success: function (data) {
					if (obj.d.toYMD() != datestr)
						return;
					if (data) {
						if (data.calories) {

							obj.domObj.find(".outof.daily_cals").text(" / " + (parseInt(parseFloat(data.calories) /* + parseFloat(burned)*/)));
						}
						if (data.carbs) {
							obj.domObj.find(".outof.daily_carbs").text(" / " + parseInt(data.carbs));
						}
						if (data.protein) {
							obj.domObj.find(".outof.daily_protein").text(" / " + parseInt(data.protein));
						}
						if (data.fat) {
							obj.domObj.find(".outof.daily_fat").text(" / " + parseInt(data.fat));
						}
						if (data.steps) {
							obj.goalSteps = parseInt(data.steps);
							obj.updateGoalSteps();
						}
					}
					//alert(JSON.stringify(data));
				}
			});

		}
	});
}

Feed.prototype.getPlannedExerciseBox = function () {
	var str = '';
	str += '<article class="totals feeditem status schedtoday bgcolor"><div class="feedcommentpart">\
			<p align="center" id="total_title"><h4>Scheduled Today:</h4></p>\
			<hr />\
			<div id="schedex">\
		</div>\
		</article>';
	return str;
}

Feed.prototype.getStepsBox = function () {
	var str = '';
	str += '<article class="STEPPER totals feeditem status bgcolor"><div class="feedcommentpart">';
	str += '<p align="center" id="total_title"><table width="100%"><tr><td><h3><a href="#" style="display: inline-block; padding:6px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 50%; padding-left: 10px; padding-right: 10px;" class="prevdate"><img src="/images/prev-arrow.png" /></a></h3></td><td width="100%"><h4>' + ('<span class="datelbl">Today</span> Totals:') + '</h4></td><td><h3><a href="#" class="nextdate" style="display: inline-block; padding:6px; border: 1px solid #dddddd; background-color: #ffffff; border-radius: 50%; padding-left: 10px; padding-right: 10px;"><img src="/images/next-arrow.png" /></a></h3></td></tr></table></p>';
	str += '<hr />\
			<div style="text-align:center;">\
			<h1 class="STEPS"></h1>\
			<hr /><table align="center" cellpadding="3" style="font-size: 1.2em;">\
	<tr class="EXBURNED"><td align="right" class="total_name macro" style="color: #ff0000;">Calories Burned:</td><td nowrap class="total_value"><span class="total_burned" >0</span><span class="outof"></span> <span class="metric">kCal</span></td></tr>\
	</table>\
		</div>\
		</article>';
	return str;
}

Feed.prototype.getPlannedAdherence = function () {
	var str = '';
	str += '<article class="totals feeditem status ADHERECALC bgcolor" id="adherence_box"><div class="feedcommentpart">';
	//<p align="center" id="total_title"><h4>Plan Adherence:</h4></p>
	str += '<p align="center" id="total_title"><table width="100%"><tr><td><h3><a href="#" style="display: inline-block; padding:6px; border: 1px solid #dddddd; background-color: #ffffff; border-radius: 50%; padding-left: 10px; padding-right: 10px;" class="prevdate"><img src="/images/prev-arrow.png" /></a></h3></td><td width="100%"><h4>' + ('<span class="datelbl">Today</span> Adherence Grade:') + '</h4></td><td><h3><a href="#" class="nextdate" style="display: inline-block; padding:6px; border: 1px solid #dddddd; background-color: #ffffff; border-radius: 50%; padding-left: 10px; padding-right: 10px;"><img src="/images/next-arrow.png" /></a></h3></td></tr></table></p>';

	str += '<hr />\
			<div id="planadherence" style="text-align:center;">\
			<span class="adherence"></span>\
			<br /><a href="#" class="viewadheredet">View Details</a>\
		</div>\
		</article>';
	return str;
}

Feed.prototype.getTotalsBox = function (mobile) {
	var str = '';
	var style_str = "";
	if (mobile) {
		style_str = ' style="padding-top:3px;padding-bottom:3px;" ';
	}
	str += '<article class="totals feeditem status bgcolor"><div class="feedcommentpart" ' + style_str + '>';
	if (mobile) {
		str += '<p align="center" id="total_title"><table width="100%"><tr><td><h3><a href="#" style="display: inline-block; padding:6px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 50%; padding-left: 10px; padding-right: 10px;" class="prevdate"><img src="/images/prev-arrow.png" /></a></h3></td><td width="100%"><h4 id="mobile_totals">' + ('<span class="datelbl">Today</span> Totals:') + '</h4></td><td><h3><a href="#" class="nextdate" style="display: inline-block; padding:6px; padding-left: 10px; padding-right: 10px;border: 1px solid #dddddd; background-color: #ffffff; border-radius: 50%; padding-left: 10px; padding-right: 10px;"><img src="/images/next-arrow.png" /></a></h3></td></tr></table></p>';
	} else {
		//str += '<p align="center" id="total_title"><h4>' + ('<span class="datelbl">Today</span> Intake') + '</h4></p>';
		str += '<p align="center" id="total_title"><table width="100%"><tr><td><h3><a href="#" style="display: inline-block; padding:6px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 50%; padding-left: 10px; padding-right: 10px;" class="prevdate"><img src="/images/prev-arrow.png" /></a></h3></td><td width="100%"><h4>' + ('<span class="datelbl">Today</span> Intake:') + '</h4></td><td><h3><a href="#" class="nextdate" style="display: inline-block; padding:6px; border: 1px solid #dddddd; background-color: #ffffff; border-radius: 50%; padding-left: 10px; padding-right: 10px;"><img src="/images/next-arrow.png" /></a></h3></td></tr></table></p>';

	}
	str += '<hr />';

	if (mobile) {
		str += '<span class="STEPPER" style="display: inline-block;">Step Count:<br /><h1 class="STEPS"></h1></SPAN>';

		str += '\
		<table align="center" cellpadding="3" style="font-size: 1.2em;">\
		<tr class="EXBURNED"><td align="right" class="total_name macro" style="color: #ff0000;">Calories Burned:</td><td nowrap class="total_value"><span class="total_burned" >0</span><span class="outof"></span> <span class="metric">kCal</span></td></tr>\
		</table>';

		str += '<div id="chart"><canvas id="infichart"></canvas></div>';
		
		str += '\
		<hr/><p align="center"><span class="datelbl">Today</span> Location Totals:</p><table align="center" cellpadding="3" style="font-size: 1.2em;">\
		<tr><td style="text-align: center; vertical-align: bottom !important; padding: 15px;" ><span style="display: inline-block; padding-bottom: 16px; font-size: 0.8em !important;">Distance:</span><br /><img style=" margin-bottom: 8px;" height="50" src="/images/distance.png" /><br /><div style="border-top: 1px solid #9891b788;"><h1><span class="loc_value" id="distance">0.00</span><span style="font-size: 0.8em !important; color: #ff5b83;" class="loc_dist">&nbsp;/ mi</span></h1></div></td><td style="text-align: center; vertical-align: bottom !important; padding: 15px;"><span style="display: inline-block; padding-bottom: 16px; font-size: 0.8em !important;">Speed:</span><br /><img style="margin-bottom: 8px;" height="50" src="/images/speed.png" /><br /><div style="border-top: 1px solid #9891b788;"><h1><span id="speed" class="loc_value">0.00</span><span style="font-size: 0.8em !important; color: #ff5b83;" class="loc_dist">&nbsp;/ mph</span></h1></div></td></tr>\
		<tr><td style="text-align: center; vertical-align: bottom !important; padding: 15px;"><span style="display: inline-block; padding-bottom: 16px; font-size: 0.8em !important;">Max Elevation:</span><br /><img style="margin-bottom: 8px;"  src="/images/uphill.png" height="30" /><br /><div style="border-top: 1px solid #9891b788;"><h1><span id="uphill" class="loc_value">0.00</span><span style="font-size: 0.8em !important; color: #ff5b83;" class="loc_dist">&nbsp;/ ft</span></h1></div></td><td style="text-align: center; vertical-align: bottom !important; padding: 15px;"><span style="display: inline-block; padding-bottom: 16px; font-size: 0.8em !important;">Min Elevation:</span><br /><img style="margin-bottom: 8px;" src="/images/downhill.png" height="30" /><br /><div style="border-top: 1px solid #9891b788;"><h1 ><span id="downhill" class="loc_value">0.00</span><span style="font-size: 0.8em !important; color: #ff5b83;" class="loc_dist">&nbsp;/ ft</span></h1></div></td></tr>\
		</table>';

		str += '<hr  /><p style="margin:0px; padding:4px;" align="center"><span class="datelbl">Today</span> Intake:<br /><br /></p>';
	}
	str += '<table align="center" cellpadding="3" style="font-size: 1.2em;">\
	<tr class="INTAKE"><td align="right" class="total_name macro">Calories:</td><td nowrap class="total_value"><span class="total_calories" >0</span><span class="outof daily_cals"></span> <span class="metric">kCal</span></td></tr>\
	<tr class="INTAKE"><td align="right" class="total_name macro">Protein:</td><td nowrap class="total_value"><span class="total_protein">0</span><span class="outof daily_protein"></span> <span class="metric">g</span></td></tr>\
	<tr class="INTAKE"><td align="right" class="total_name macro">Fat:</td><td nowrap class="total_value"><span class="total_fat">0</span><span class="outof daily_fat"></span> <span class="metric">g</span></td></tr>\
	<tr class="INTAKE totalextra"><td align="right" class="total_name" style="font-weight: normal;">Saturated Fat:</td><td class="total_value" nowrap ><span class="total_satfat">0</span> <span class="metric">g</span></td></tr>\
	<tr class="INTAKE totalextra"><td align="right" class="total_name" style="font-weight: normal;">Polyunsaturated Fat:</td><td class="total_value" nowrap ><span class="total_polyfat">0</span> <span class="metric">g</span></td></tr>\
	<tr class="INTAKE totalextra"><td align="right" class="total_name" style="font-weight: normal;">Monounsaturated Fat:</td><td class="total_value" nowrap ><span class="total_monofat">0</span> <span class="metric">g</span></td></tr>\
	<tr class="INTAKE"><td align="right" class="total_name macro">Carbohydrate:</td><td nowrap class="total_value"><span class="total_carbs">0</span><span class="outof daily_carbs"></span> <span class="metric">g</span></td></tr>\
	';

	//var extra = ['Sugars', 'Saturated Fat', 'Trans Fat', 'Polyunsaturated Fat', 'Monounsaturated Fat',
	//	'Cholesterol', 'Sodium', 'Potassium', 'Dietary Fiber', 'Soluble Fiber' ];

	str += '<tr class="INTAKE totalextra"><td class="total_name" style="font-weight: normal;">Dietary Fiber:</td><td class="total_value" nowrap ><span class="total_fiber">0</span> <span class="metric">g</span></td></tr>';
	str += '<tr class="INTAKE totalextra"><td class="total_name" style="font-weight: normal;">Sugars:</td><td class="total_value" nowrap ><span class="total_sugar">0</span> <span class="metric">g</span></td></tr>';
	str += '<tr class="INTAKE totalextra"><td  class="total_name" style="font-weight: normal;">Cholesterol:</td><td class="total_value" nowrap ><span class="total_cholesterol">0</span> <span class="metric">mg</span></td></tr>';
	str += '<tr class="INTAKE totalextra"><td  class="total_name" style="font-weight: normal;">Sodium:</td><td class="total_value" nowrap ><span class="total_sodium">0</span> <span class="metric">mg</span></td></tr>';
	str += '<tr class="INTAKE totalextra"><td class="total_name" style="font-weight: normal;">Potassium:</td><td class="total_value" nowrap ><span class="total_potassium">0</span> <span class="metric">mg</span></td></tr>';

	//	for (var i = 0; i < extra.length; i++) {
	//		str += '<tr class="totalextra"><td align="right" class="total_name">' + extra[i] + ':</td><td class="total_value">0</td></tr>';
	//	}

	str += '</table>';

	if (mobile) {
		str += '<br /><hr /><p style="margin:0px; padding:0px;" align="center">Adherence to Plan:<br /><span class="adherence ADHERECALC" style="display: inline-block; margin-top: 8px;"></span><br /><a href="#" class="viewadheredet">View Details</a></p>';
	}

	str += '</div>\
		</article>';

	return str;

}

Feed.prototype.setMode = function (mode) {}

Feed.prototype.setHooks = function () {

	var obj = this;
	this.domObj.find("#poststatus").click(function (e) {
		e.preventDefault();
		if (String(obj.domObj.find("#statustext").val()).trim() == '') {
			return;
		}
		blockWindow();

		var fids = [];
		obj.domObj.find(".postingimage").each(function () {
			fids.push($(this).attr('fid'));
		});

		$.ajax({
			url: "/service/PostStatus.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				msg: obj.domObj.find("#statustext").val(),
				fids: fids.join(",")
			},
			success: function (data) {
				obj.domObj.find("#statustext").val('');
				obj.domObj.find(".postingimage").remove();
				unblockWindow();

				setTimeout(function () {
					var first = $('.feeditem:not(.status):first');

					if (first.length > 0) {
						obj.updateFeed(1, obj.topmostFeedId, /*first.attr('feedid'),*/ 1);
					} else {
						obj.updateFeed(1, 0, 0);
					}
				}, 10000);
				obj.posted = true;
			}
		});
	});

	function resizeimages() {
		var numpics = obj.domObj.find("#imageblock").find(".postingimage").length;
		if (numpics == 1) {
			obj.domObj.find("#imageblock").find(".postingimage").css("width", "97%").css("height", "280px");
		} else if (numpics == 2) {
			obj.domObj.find("#imageblock").find(".postingimage").css("width", "47%").css("height", "280px");
		} else {
			obj.domObj.find("#imageblock").find(".postingimage").css("width", "30%").css("height", "140px");

		}
	}

	this.domObj.on('click', '.removepic', function (e) {
		e.preventDefault();
		var fid = $(this).attr('fid');
		obj.domObj.find(".postingimage[fid='" + fid + "']").fadeOut('slow', function () {
			$(this).remove();
			resizeimages();
		});
	});

	this.domObj.find("#addpics").click(function (e) {
		e.preventDefault();

		var goelem = this;

		var widget = new Widget("ImageUpload", {
				hidden: true,
				callback: function (fid) {

					//$('html, body').animate({
					//	scrollTop: ($(goelem).offset().top - 100)
					//}, 2000);

					if (fid) {
						var str = '';
						if (fid.substr(0, 4) == 'vid_') {

							str += '<span fid="' + fid + '" class="postingimage feeditempic" style="display: inline-table; position: relative;"><span style="position: absolute; right: 5px; botton: 5px; z-index:500;"><a href="#" class="removepic" fid="' + fid + '" style="color:red;">X</a></span>\
												<video preload="none" width="100%" height="100%" controls>\
												  <source src="/service/GetFile.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + fid + '" type="video/mp4">\
												Your browser does not support the video tag.\
												</video>\
												</span>';
						} else {
							str += '<span fid="' + fid + '" class="postingimage feeditempic" style="display: inline-table; position: relative;"><span style="position: absolute; right: 5px; botton: 5px;"><a href="#" class="removepic" fid="' + fid + '" style="color:red;">X</a></span><img  src="/service/GetFile.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + fid + '" style="width: 100%; height: 100%;"/></span>';
						}
						/*if (numpics == 1) {
						str += '<img  width="97%" height="280" src="' + pics[0] + '" class="feeditempic" />';
						}
						else if (numpics == 2) {
						str += '<img  width="47%" height="280" src="' + pics[0] + '" class="feeditempic" />';
						str += '<img  width="47%" height="280" src="' + pics[1] + '" class="feeditempic" />';
						}
						else {
						for (var j = 0; j < numpics; j++) {
						str += '<img  width="30%" height="140" src="' + pics[j] + '" class="feeditempic" />';
						}
						}*/

						obj.domObj.find("#imageblock").append(str);

						resizeimages();
					}
				}
			});

		widget.renderIntoPopup('80%', '80%', $(this), function () {});

	});
}

Feed.prototype.destroy = function () {
	//$(window).unbind('scroll', this.updateScroll);
	//$(window).unbind('scroll', scrollMaps);
	document.removeEventListener('scroll', this.updateScroll);
	document.removeEventListener('scroll', scrollMaps);
	$("#content").addClass("page_width");
	this.destroyed = true;
}

Feed.prototype.isBuilt = function () {
	return this.built;
}

Feed.prototype.updateTimes = function () {
	this.domObj.find(".feedtime").each(function () {
		var data = $(this).attr('data');
		var t = data.split(/[- :]/);

		// Apply each element to the Date function
		var d = new Date(t[0], t[1] - 1, t[2], t[3], t[4], t[5]);

		$(this).text(timeSince(d));
	});
}

Feed.prototype.contentSet = function () {
	var obj = this;

	obj.last_win_size = 0;

	this.updateDateLabels();

	var updateFunc = function () {
		if (!obj.destroyed) {
			var first = $('.feeditem:not(.status):first');

			//obj.updateFriends();
			//obj.getMutualFriends();

			//if (obj.posted == true || obj.viewed.indexOf(first.get(0)) != -1) {

			if (first.length > 0) {
				//console.log($('.feeditem:not(.status):first').attr('feedid'));
				obj.updateFeed(1, obj.topmostFeedId, /*first.attr('feedid'),*/ 1);
			} else {
				obj.updateFeed(1, 0, 0);
			}
			//}
			setTimeout(updateFunc, FEED_UPDATE_TIME);
		}
	};
	var friendsUpdateFunc = function() {
		if (!obj.destroyed) {
			obj.updateFriends();
			//obj.getMutualFriends();
			//setTimeout(friendsUpdateFunc, FRIENDS_UPDATE_TIME);
		}
	};
	var updateTimeFunc = function () {
		obj.updateTimes();
		if (!obj.destroyed) {
			setTimeout(updateTimeFunc, TIME_UPDATE_TIME);
			var now = new Date();
			if (now.getTime() - obj.dset.getTime() > 1000 * 60 * 30) {
				obj.d = new Date();
				obj.dset = new Date();
				obj.updateDateLabels();
				obj.getStepCount(true);
			}
		}
	};
	setTimeout(updateFunc, FEED_UPDATE_TIME);
	setTimeout(updateTimeFunc, TIME_UPDATE_TIME);
	setTimeout(friendsUpdateFunc, FRIENDS_UPDATE_TIME);

	this.resize();
}


function Friends(params) {
	this.loginRequired = false;
	this.destroyed = false;
	this.built = false;
	
	this.start = 0;
}

Friends.prototype.rejectOrApproveFriend=function(reject, friendid) {
	var obj = this;
	blockWindow();
	$.ajax( { url: "/service/RejectOrApproveFriend.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: { reject: reject, friend_id: friendid },
		success:function(datareq) {
			unblockWindow();
			obj.update();
		}
	});
	
}

Friends.prototype.getUserInfo=function(callback) {
	var obj = this;
	if (g_userInfo.b4b_Id == obj.username.toLowerCase()) {
		obj.userInfo = g_userInfo;
		obj.domObj.find(".utext").html(ucfirst(obj.userInfo.firstname) + '&apos;s');
		callback();
		return;
	}
	
	$.ajax( { url: "/service/UserSearch.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
						cache: false,
						dataType: "json", 
						data: { searchfor: obj.username, type: 'username', start: '0', end: '1' },
						success: function( data ) {
							if (data && data.results.length > 0) {
								
								obj.userInfo = data.results[0];
								obj.domObj.find(".utext").html(ucfirst(obj.userInfo.firstname) + '&apos;s');
								callback();
							}
						}
						
			});
}

Friends.prototype.update = function() {
	blockWindow();
	var obj = this;
		$.ajax( { url: "/service/GetFriendRequests.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: {  },
		success:function(datareq) {
			$.ajax( { url: "/service/GetFriends.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { start: obj.start, num: 15, account_id: obj.userInfo.b4b_id },
				success:function(datafr) {
					unblockWindow();
				
					obj.built = true;
					
					if (obj.start == 0) {
						obj.domObj.find("#prevfriendpage").css('visibility', 'hidden');
					}
					else {
						obj.domObj.find("#prevfriendpage").css('visibility', 'visible');
					}
					
					if (datafr.hasmore) {
						obj.domObj.find("#nextfriendpage").css('visibility', 'visible');
					}
					else {
						obj.domObj.find("#nextfriendpage").css('visibility', 'hidden');
					}
					
					var str = '';
					var profilepicurl = '/images/feedpics/nopic.png';
					for (var i = 0; i < datafr.results.length; i++) {
						str += '<span class="friendlisting sendmsgto bgcolor" username="'  + htmlencode(datafr.results[i].username || datafr.results[i].b4b_id) + '" style="position: relative;">' + (obj.isOwn ? '<a href="/Profile/' + htmlencode(datafr.results[i].username || datafr.results[i].b4b_id) + '" friendid="' + datafr.results[i].b4b_id + '" class="unfriend" style="position: absolute; top: 2px; right: 2px; color: #FF0000;">X</a>' : '') + '<span style="display:inline-block; padding-left: 10px; padding-right: 10px; vertical-align:middle;"><img width="80" height="80" src="/service/GetProfilePic.php?account_id=' +datafr.results[i].b4b_id + '" /></span><span class="userstats" style=""><span class="username"></span><span class="fullname"><a href="/Profile/' + htmlencode(datafr.results[i].username || datafr.results[i].b4b_id) + '" class="sendmsgto" username="'  + htmlencode(datafr.results[i].username || datafr.results[i].b4b_id) + '">' + htmlencode(datafr.results[i].firstname + ' ' + datafr.results[i].lastname) + '</a><hr />' + (parseInt(datafr.results[i].stepcnt) > 0 ? '<span class="small" style="display:block;"><B>Steps:</B> ' + datafr.results[i].stepcnt + '</span>' : '') + (datafr.results[i].weightlost > 0 ? '<span class="small" style="display:block;"><B>Lost:</b> ' + datafr.results[i].weightlost + ' lbs</span>' : '' ) + '</span></span></span>';

					}
					
					//console.log(str);
					obj.domObj.find("#numfriends").html(datafr.total);
					obj.domObj.find("#friendlist").html(str);
					
					var str = '';

					for (var i = 0; i < datareq.length; i++) {
						var profilepicurl = '/images/feedpics/nopic.png';
						var sendfriendstr = '<div class="friendapprovedeny" friendid="' + datareq[i].b4b_id + '"><a href="#" class="btn-red rejectfriend">Reject</a> <a href="#" class="btn-green approvefriend">Approve</a></div>';
						str += '<div class="search_user_row">' + sendfriendstr + '<span class="sendmsgto" username="'  + htmlencode(datareq[i].b4b_id) + '" style="display:inline-block; padding-left: 10px; padding-right: 10px; vertical-align:middle;"><img width="80" height="80" src="/service/GetProfilePic.php?account_id=' + datareq[i].b4b_id + '" /></span><span style="display:inline-block; vertical-align:middle;"><span class="fullname"><a href="#" class="sendmsgto" username="'  + htmlencode(datareq[i].b4b_id) + '">' + htmlencode(datareq[i].firstname + ' ' + datareq[i].lastname) + '</a></span></div>';
					}
					if (datareq.length > 0) {
						obj.domObj.find("#friendrequests").html(str);
						obj.domObj.find(".friendapprovedeny").on('click', '.rejectfriend', function(e) {
							e.preventDefault();
							var friendid = $(e.target).parent().attr('friendid');
							obj.rejectOrApproveFriend(1, friendid);
						}).on('click', '.approvefriend', function(e) {
							e.preventDefault();
							var friendid = $(e.target).parent().attr('friendid');
							obj.rejectOrApproveFriend(0, friendid);
						});
						
						
						
						
						
					}
					else {
						obj.domObj.find("#friendrequests").html('<p>No pending team requests.</p>');
					}
					
						obj.domObj.find(".sendmsgto").click(function(e) {
							if (! $(e.target).hasClass("unfriend")) {
								e.preventDefault();
								userClicked($(this).attr('username'));
							}
						});

					
				}
			});
		
		}
	});

}

Friends.prototype.build = function(mode, submode) {

	var obj = this;
	
	var str = '';
	
	//str+='<div></div>';
	
	obj.isOwn = false;
	
	if (submode) {
		obj.start = parseInt(submode);
	}
	
	
obj.username = (g_userInfo.username || g_userInfo.b4b_id);
	obj.username_text = 'your';
	if (mode && (String(mode).toLowerCase() != g_userInfo.b4b_id && String(mode).toLowerCase() != g_userInfo.username)) {
		obj.username = mode;
		str += '<div class="friendspage full_container bgcolor">\
		<div style="text-align: left; padding-left: 15px; padding-top: 15px;"><a href="/Profile/' + htmlencode(obj.username) + '" class="backtoprofile">&lt; Back to profile</a></div><hr /><br />\
	<div style="text-align: left; padding-bottom: 60px; padding-left:8px;">\
	<fieldset>\
    <legend><span class="utext"></span> Team (<span id="numfriends">0</span>)<div class="line"><span></span></div></legend>\
		<div id="friendlist">\
		</div>\
		<table class="planpages"><tr><td width="50%" align="left" nowrap><a href="/Friends/' + htmlencode(obj.username) + '/' + (obj.start-1) + '" id="prevfriendpage"><img src="/images/prev-arrow.png"></a></td><td width="50%" align="right" nowrap><a href="/Friends/' + htmlencode(obj.username) + '/' + (obj.start+1) + '"" id="nextfriendpage"><img src="/images/next-arrow.png"></a></td></tr></table>\
    </fieldset></div></div>';
	}
	else {
		
		obj.isOwn = true;
		
		str += '<div class="friendspage full_container bgcolor">\
		<div style="text-align: left; padding-left: 15px; padding-top: 15px;"><a href="/Profile/' + htmlencode(obj.username) + '" class="backtoprofile">&lt; Back to profile</a></div><hr /><br />\
	<div style="text-align: left; padding-bottom: 60px;padding-left:8px;">\
	<fieldset>\
    <legend>Team Requests <div class="line"><span></span></div></legend>\
		<div id="friendrequests">\
				<p>No pending team requests.</p>\
			</div>\
    </fieldset></div>\
	<div style="text-align: left; padding-bottom: 60px;padding-left:8px;">\
	<fieldset>\
    <legend>Team (<span id="numfriends">0</span>)<div class="line"><span></span></div></legend>\
		<div id="friendlist">\
		</div>\
		<table class="planpages"><tr><td width="50%" align="left" nowrap><a href="/Friends/' + htmlencode(obj.username) + '/' + (obj.start-1) + '"" id="prevfriendpage"><img src="/images/prev-arrow.png"></a></td><td width="50%" align="right" nowrap><a href="/Friends/' + htmlencode(obj.username) + '/' + (obj.start+1) + '"" id="nextfriendpage"><img src="/images/next-arrow.png"></a></td></tr></table>\
    </fieldset></div></div>';
	}
	
	
	

	this.domObj = $(str);
	
	obj.domObj.find(".backtoprofile").click(function(e) {
		e.preventDefault();
		setWindow("Profile-" + obj.username);
	});
	
	this.getUserInfo(function() {
		obj.update();
	});
	
	this.domObj.find("#prevfriendpage").click(function(e) {
		e.preventDefault();
		obj.start--;
		setWindow("Friends-" + obj.username + "-" + obj.start);
		obj.update();
	});
	this.domObj.find("#nextfriendpage").click(function(e) {
		e.preventDefault();
		obj.start++;
		setWindow("Friends-" + obj.username + "-" + obj.start);
		obj.update();
	});
	
	this.domObj.on("click", ".unfriend", function(e) {
		e.preventDefault();
		if (confirm("Are you sure want remove this teammate?")) {
			$.ajax( { url: "/service/RemoveFriend.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { friend_id: $(this).attr('friendid') },
				success:function(datareq) {
					obj.update();
				}
			});
		}
	});
	
	
	return false;
}

Friends.prototype.getDomObj=function() {
	return this.domObj;
}
	
	
Friends.prototype.setMode=function(mode) {
}
	
	
Friends.prototype.setHooks=function() {
	
	var obj = this;
}

Friends.prototype.destroy=function() {
	$(window).unbind('scroll', this.updateScroll);
	this.destroyed = true;
}

Friends.prototype.isBuilt=function() {
	return this.built;
}


Friends.prototype.contentSet=function(){
	var obj = this;

}

function Search(params) {
	this.loginRequired = false;
	this.destroyed = false;
	this.built = false;
	
	this.usersearch = new Widget('UserSearch');
	this.autoSearch = params.autoSearch || '';
}

Search.prototype.build = function(mode) {

	var obj = this;
	
	var str = '';
	//<!--<td><select id="searchtype"><option value="name">Name</option><option value="email">Email</option><option value="username">Username</option></select></td>-->
	str+='<div id="searchwin" class="bgcolor" style="width: 100% !important; padding-top: 10px !important; box-sizing: border-box;"><br /><div style="text-align: left; padding-top: 15px; display: none;"><a href="#" id="back">&lt; Back</a><hr /><br /></div>\
	<div>\
	<form id="submit-form" action="#">\
			<table width="100%" cellpadding="0" cellspacing="0" border="0" style="width: 100% !important;"><tr><td width="100%"><input type="text" style="box-sizing: border-box; padding-top:20px; padding-bottom:20px;  height: 100%; width: 100% !important; margin: 0px;" id="searchinput" placeholder="Enter name or email address..." /></td></tr></table>\
		<input type="submit" value="Search" class="btn-green" style="visibility: hidden;" />\
		</form><div id="results"></div>\
		</div>\
	</div>';

	this.domObj = $(str);
	
	this.usersearch.render(this.domObj.find("#results"));
	
	if (this.autoSearch != '') {
		obj.domObj.find(obj.domObj.find("#searchinput").val(obj.autoSearch));
		$("input").blur();
		obj.usersearch.widget.search(obj.domObj.find("#searchinput").val(), 'all');

	}
	
	this.domObj.find("#back").click(function(e) {
		e.preventDefault();
		window.history.back();
	});
	
	return true;
}

Search.prototype.getDomObj=function() {
	return this.domObj;
}
	
	
Search.prototype.setMode=function(mode) {
	var obj = this;
}
	
	
Search.prototype.setHooks=function() {
	var obj = this;
	this.domObj.find("#submit-form").submit(function(e) {
		e.preventDefault();
		$("input").blur();
		obj.usersearch.widget.search(obj.domObj.find("#searchinput").val(), 'all');
	});
}

Search.prototype.destroy=function() {
	$(window).unbind('scroll', this.updateScroll);
	this.destroyed = true;
}

Search.prototype.isBuilt=function() {
	return this.built;
}

Search.prototype.contentSet=function(){
	var obj = this;

}

function Messages(params) {
	this.loginRequired = true;
	this.destroyed = false;
	this.built = false;
	this.username = params.username || '';
	
	this.start = 0;
}

Messages.prototype.updateConversation=function(msgid) {
var obj = this;
	$.ajax( { url: "/service/GetMessages.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { msgid: msgid },
				success:function(datamsg) {
					var str = '';

					for (var i = 0; i < datamsg.results.length; i++) {
						
						var uinfo = datamsg.results[i].to_info;
						if (datamsg.results[i].from_id != g_userInfo.b4b_id) {
							uinfo = datamsg.results[i].from_info;
						}
						
						//str = '<div class="convo" msgid="' + datamsg.results[i].msg_id + '">';
						var str = '';
						var to = '';
						if (datamsg.results[i].from_id != g_userInfo.b4b_id) {
							to = '<span class="msgfrom">' + htmlencode(uinfo.firstname) + ': </span>';
						}
						else if (false && datamsg.results[i].to_id != g_userInfo.b4b_id) {
							to = '<span class="msgfrom">' + htmlencode(datamsg.results[i].to_info.firstname) + ': </span>';
						}
						else {
							to = '<span class="msgfrom">Me: </span>';			
						}
						
						str += '<div class="msgline"><span style=" vertical-align:top;">' + to + '</span><span style="">' + nl2br(htmlencode( datamsg.results[i].msg)) + '</span></div>';

						
						for (var j = 0; j < datamsg.results[i].conversation.length; j++) {
							var to = '';
							if (datamsg.results[i].conversation[j].from_id != g_userInfo.b4b_id) {
								to = '<span class="msgfrom">' + htmlencode(uinfo.firstname) + ': </span>';
							}
							else if (false && datamsg.results[i].conversation[j].to_id != g_userInfo.b4b_id) {
								to = '<span class="msgfrom">' + htmlencode(datamsg.results[i].to_info.firstname) + ': </span>';
							}
							else {
								to = '<span class="msgfrom">Me: </span>';			
							}
							str += '<div class="msgline"><span style="display: inline-block; vertical-align: top;">' + to + '</span><span style="display: inline-block;">' + nl2br(htmlencode( datamsg.results[i].conversation[j].msg)) + '</span></div>';
						}
						
						obj.domObj.find(".convo[msgid=" + datamsg.results[i].msg_id + "]").html(str);
						
						//str += '</div>';

				}
				
					obj.domObj.find(".convo").each(function() {
						this.scrollTop = this.scrollHeight;
					});
				
				
				}
		});
}

Messages.prototype.updateConversations=function() {
	var obj = this;
	obj.domObj.find(".convo").each(function() {
		var msgid = $(this).attr('msgid');
		obj.updateConversation(msgid);
	});
}

Messages.prototype.update = function() {
	blockWindow();
	var obj = this;
			$.ajax( { url: "/service/GetMessages.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { start: obj.start, num: 15 },
				success:function(datamsg) {
					unblockWindow();
				
					obj.built = true;
					
					if (obj.start == 0) {
						obj.domObj.find("#prevfriendpage").css('visibility', 'hidden');
					}
					else {
						obj.domObj.find("#prevfriendpage").css('visibility', 'visible');
					}
					
					if (datamsg.hasmore) {
						obj.domObj.find("#nextfriendpage").css('visibility', 'visible');
					}
					else {
						obj.domObj.find("#nextfriendpage").css('visibility', 'hidden');
					}
					
					obj.domObj.find("#nummessages").text(datamsg.total);
					obj.domObj.find("#friendlist").html(str);
					
					var str = '';

					for (var i = 0; i < datamsg.results.length; i++) {
						var sendfriendstr = '';//<div class="replymsg" friendid="' + datamsg.results[i].b4b_id + '"><a href="#" class="btn-green approvefriend">Reply</a></div>';
						str += '<div class="search_user_row bgcolor">' + sendfriendstr ;
						
						var uinfo = datamsg.results[i].to_info;
						if (datamsg.results[i].from_id != g_userInfo.b4b_id) {
							uinfo = datamsg.results[i].from_info;
						}
						var profilepicurl = '/images/feedpics/nopic.png';
						str += '<div><span style="display:inline-block; padding-left: 10px; padding-right: 10px; vertical-align:middle;" class="sendmsgto" username="'  + htmlencode(uinfo.b4b_id) + '"><img width="40" height="40" src="/service/GetProfilePic.php?account_id=' + uinfo.b4b_id + '" /></span><span style="display:inline-block; vertical-align:middle;"><span class="username"></span><span class="fullname"><a href="#" class="sendmsgto" username="'  + htmlencode(uinfo.b4b_id) + '">' + uinfo.firstname + ' ' + uinfo.lastname + '</a></span></span></div>';

						
						
						//str += '<hr />';
						
						str += '<div class="convo" msgid="' + datamsg.results[i].msg_id + '">';
						
						var to = '';
						if (datamsg.results[i].from_id != g_userInfo.b4b_id) {
							to = '<span class="msgfrom">' + htmlencode(uinfo.firstname) + ': </span>';
						}
						else if (false && datamsg.results[i].to_id != g_userInfo.b4b_id) {
							to = '<span class="msgfrom">' + htmlencode(datamsg.results[i].to_info.firstname) + ': </span>';
						}
						else {
							to = '<span class="msgfrom">Me: </span>';			
						}
						
						str += '<div class="msgline"><span style="display: inline-block; vertical-align:top;">' + to + '</span><span style="display: inline-block;">' + nl2br(htmlencode( datamsg.results[i].msg)) + '</span></div>';

						
						for (var j = 0; j < datamsg.results[i].conversation.length; j++) {
							var to = '';
							if (datamsg.results[i].conversation[j].from_id != g_userInfo.b4b_id) {
								to = '<span class="msgfrom">' + htmlencode(uinfo.firstname) + ': </span>';
							}
							else if (false && datamsg.results[i].conversation[j].to_id != g_userInfo.b4b_id) {
								to = '<span class="msgfrom">' + htmlencode(datamsg.results[i].to_info.firstname) + ': </span>';
							}
							else {
								to = '<span class="msgfrom">Me: </span>';			
							}
							str += '<div class="msgline"><span style=" vertical-align: top;">' + to + '</span><span style="">' + nl2br(htmlencode( datamsg.results[i].conversation[j].msg)) + '</span></div>';
						}
						
						str += '</div>';
						
						
						str += '<div class="replytomsgblock">\
			<ul >\
				<li style="position: relative;"><label style="width: 2vw; display: inline-block; text-align:right; padding:10px; vertical-align: middle; margin-top: -150px;">&nbsp;</label> <textarea class="replytxt" replymsgid="'  + datamsg.results[i].msg_id + '" style="width: 40vw; height: 70px;"></textarea></li>\
				<li style="position: relative;"><label style="width: 2vw; display: inline-block; text-align:right; padding:10px; vertical-align: middle;">&nbsp;</label> <a href="#" class="btn-green sendreplymsg" replymsgid="'  + datamsg.results[i].msg_id + '" toid="' + uinfo.b4b_id + '">Send Reply</a></li>\
			</ul></div>';

						
						str += '</div>';
					}
					if (datamsg.results.length > 0) {
						obj.domObj.find("#msglist").html(str);
					}
					else {
						obj.domObj.find("#msglist").html('<p>No messages.</p>');
					}
					
					$("html, body").animate({ scrollTop: 0 }, "slow");

					
					obj.domObj.find(".sendreplymsg").click(function(e) {
						e.preventDefault();
						var reply_to_id = $(this).attr('replymsgid');
						
						var msgtxt = obj.domObj.find('.replytxt[replymsgid="' + reply_to_id + '"]').val();
						var toid = $(this).attr('toid');
						if (msgtxt.trim() != '') {
							blockWindow();
							$.ajax( { url: "/service/SendMessage.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
								cache: false,
								dataType: "json", 
								data: { to_id: toid, msgtxt: msgtxt, reply_to_id: reply_to_id },
								success: function() {
									unblockWindow();
									obj.start = 0;
									obj.domObj.find('.replytxt[replymsgid="' + reply_to_id + '"]').val('');
									obj.updateConversations();
								}
							});
						}
					});
					
					obj.domObj.find(".convo").each(function() {
						//alert(this.scrollHeight);
						this.scrollTop = this.scrollHeight;
					});
				}
			});

}

Messages.prototype.build = function(mode) {

	var obj = this;
	
	var str = '';
	
	//str+='<div></div>';
	
	

	
	
	str += '<div id="msgwindow" class="friendspage bgcolor smallpad">\
	<div style="text-align: left; padding-bottom: 60px;">\
	<fieldset>\
    <legend>Conversations (<span id="nummessages">0</span>)<div class="line"><span></span></div></legend>\
		<div id="msglist">\
				<p>No messages.</p>\
			</div>\
			<table class="planpages"><tr><td width="50%" align="left" nowrap><a href="#" id="prevfriendpage"><img src="/images/prev-arrow.png"></a></td><td width="50%" align="right" nowrap><a href="#" id="nextfriendpage"><img src="/images/next-arrow.png"></a></td></tr></table>\
    </fieldset></div>\
	<div style="text-align: left; padding-bottom: 60px; display:none;" id="newconvo">\
	<fieldset>\
    <legend><B>New Conversation</B> <div class="line"><span></span></div></legend>\
		<div id="newmsg" class="search_user_row bgcolor">\
			<ul >\
				<li><label style="width: 10vw; display: inline-block; text-align:right; padding:10px;"><B>To:</B></label> <p style="display:inline-block;" id="whom"></p></li>\
				<li style="position: relative;"><label style="width: 10vw; display: inline-block; text-align:right; padding:10px; vertical-align: middle; margin-top: -150px;"><B></b></label> <textarea id="msgtxt" style="width: 40vw; height: 120px;"></textarea></li>\
				<li style="position: relative;"><label style="width: 10vw; display: inline-block; text-align:right; padding:10px; vertical-align: middle;">&nbsp;</label> <a href="#" class="btn-green" id="sendmsg">Send Message</a></li>\
			</ul>\
			</div>\
			<!--<table class="planpages"><tr><td width="50%" align="left" nowrap><a href="#" id="prevfriendpage"><img src="/images/prev-arrow.png"></a></td><td width="50%" align="right" nowrap><a href="#" id="nextfriendpage"><img src="/images/next-arrow.png"></a></td></tr></table>-->\
    </fieldset></div>\
';
	this.domObj = $(str);
	
	this.domObj.find("#sendmsg").click(function(e) {
		e.preventDefault();
		blockWindow();
		$.ajax( { url: "/service/SendMessage.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { username: obj.username, msgtxt: obj.domObj.find("#msgtxt").val() },
				success: function(datasend) {
					unblockWindow();
					if (! datasend) {
						alert("Unable to send message!");
						return;
					}
					obj.update();
				}
			});
	});
	
	this.domObj.find("#prevfriendpage").click(function(e) {
		e.preventDefault();
		obj.start--;
		obj.update();
	});
	this.domObj.find("#nextfriendpage").click(function(e) {
		e.preventDefault();
		obj.start++;
		obj.update();
	});
	
	this.update();
	
	obj.domObj.on('click', '.sendmsgto', function(e) {
							e.preventDefault();
							userClicked($(this).attr('username'));
						});
						
	
	
	return false;
}

Messages.prototype.getDomObj=function() {
	return this.domObj;
}
	
	
Messages.prototype.setMode=function(mode) {
}
	
	
Messages.prototype.setHooks=function() {
	
	var obj = this;
	if (obj.username != '') {
		blockWindow();
		$.ajax( { url: "/service/UserSearch.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
						cache: false,
						dataType: "json", 
						data: { searchfor: obj.username, type: 'username', start: '0', end: '1' },
						success: function( data ) {
							unblockWindow();
							if (data && data.results.length > 0) {
								
								obj.userInfo = data.results[0];
								obj.domObj.find("#newconvo").show();
								obj.domObj.find("#whom").text(obj.userInfo.firstname + ' ' + obj.userInfo.lastname);
								obj.domObj.find("#msgtxt").focus();
								
								var offset = obj.domObj.find("#newmsg").offset(); // Contains .top and .left
								offset.left -= 20;
								offset.top -= 20;

								$('html, body').animate({
									scrollTop: offset.top,
									scrollLeft: offset.left
								});
								
								//obj.domObj.find("#newmsg").get(0).scrollIntoView(true);
							}
						}
		});
	}
}

Messages.prototype.destroy=function() {
	$(window).unbind('scroll', this.updateScroll);
	this.destroyed = true;
}

Messages.prototype.isBuilt=function() {
	return this.built;
}


Messages.prototype.contentSet=function(){
	var obj = this;
	
						obj.domObj.find(".convo").each(function() {
						//alert(this.scrollHeight);
						this.scrollTop = this.scrollHeight;
					});

	

}

function Profile(params) {
	this.loginRequired = false;
	this.destroyed = false;
	this.built = false;

	var obj = this;
	this.updateScroll = function () {
		$(window).triggerHandler('resize');
		obj.scroll();
	}

	this.viewed = [];

	this.domObj = null;

	this.ajaxRunning = false;

	this.userInfo = {};

	this.gotComments = [];
	this.pendingComments = [];

	this.updatingComments = [];
	this.updatingLikes = [];

	this.topmostFeedId = 0;

	this.gotInitFeed = false;
	
	//$(window).bind('scroll', scrollMaps);
	document.addEventListener('scroll', scrollMaps, {passive: true});
}

function isScrolledIntoView(elem) {
	var $elem = $(elem);
	var $window = $(window);

	var docViewTop = $window.scrollTop();
	var docViewBottom = docViewTop + $window.height();

	var elemTop = $elem.offset().top;
	var elemBottom = elemTop + $elem.height();

	return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

Profile.prototype.repositionBars = function (feedright) {
	var obj = this;
	//var feedright = $(".feedright");
	if (!$(".feedmain").length)
		return;

	var h = feedright.css('position') == 'static' ? feedright.parent().height() : feedright.height();

	var o = $(".feedmain").offset().top;
	var fh = $(".feedmain").height();

	var wh = window.innerHeight;

	var st = $(window).scrollTop();

	var pos;
	if (fh + o < h) {
		feedright.css({
			'position': 'static'
		});
		return;
	}

	if (h > wh && st > o + (h - wh)) {
		pos = (wh - h);

		pos -= Math.max((st + wh - $("#footer").offset().top), 0);

		console.log('pos = ' + pos);

		feedright.css({
			'position': 'fixed',
			'top': (pos) + 'px',
			'width': feedright.parent().width() + 'px'
		});
	} 
	else if (h < wh && st > o) {
		pos = 0;

		pos -= Math.max((st + wh - $("#footer").offset().top), 0);

		console.log('pos = ' + pos);

		feedright.css({
			'position': 'fixed',
			'top': (pos) + 'px',
			'width': feedright.parent().width() + 'px'
		});
	}
	else {
		feedright.css({
			'position': 'static'
		});
	}
}

Profile.prototype.scroll = function () {

	var obj = this;
	/*if (obj.posTimer) {
		clearTimeout(obj.posTimer);
		obj.posTimer = null;
	}*/
	//if (!obj.posTimer) {
	//	obj.posTimer = setTimeout(function() {
	//		obj.posTimer = null;
			if (window.innerWidth > 600) {
				obj.repositionBars($(".feedright>div"));
				obj.repositionBars($(".feedleft>div"));
			}
			
			var last = $('.feeditem:not(.status):last');
			var first = $('.feeditem:not(.status):first');
			if (last.length > 0 && $(window).scrollTop() + $(window).height() >= $(document).height() - 50) {
				obj.updateProfile(0, last.attr('feedid'), 1);
			}
			//if (first.length > 0 && $(window).scrollTop() <= first.offset().top) {
				/*if (obj.posted == true) {
				obj.posted = false;
				this.updateProfile(1, this.topmostFeedId, 1);
				}*/
			//}
			
			
		//}, 80);
		/*if (window.innerWidth > 600) {
			obj.repositionBars($(".feedright>div"));
			obj.repositionBars($(".feedleft>div"));
		}*/
	//}
	//if (!obj.posTimer) {
		/*obj.posTimer = setTimeout(function() {
		obj.repositionBars($(".feedright"));
		obj.repositionBars($(".feedleft"));
		}, 100);*/
		//obj.repositionBars($(".feedright>div"));
	//	obj.repositionBars($(".feedleft>div"));
	//}
	/*if (obj.gotInitFeed) {
	$('.feeditem').each(function() {
	if (obj.viewed.indexOf(this) == -1) {
	if (isScrolledIntoView(this)) {
	var el = this;
	$.ajax( { url: "/service/ViewedItem.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
	cache: false,
	dataType: "json",
	data: { feed_id: $(this).attr('feedid') },
	success: function( data ) {
	obj.viewed.push(el);
	obj.scroll();
	}
	});
	}
	}
	});
	}*/

	
}

//30 40 100

Profile.prototype.resize = function () {
	var obj = this;
	if (!obj.domObj) {
		return false;
	}
	if (obj.last_win_size == window.innerWidth) return;
	obj.last_win_size = window.innerWidth;

	this.domObj.find("#scroll_friends").width(50);
	this.domObj.find("#scroll_friends").width(this.domObj.find("#scroll_friends").parent().width() - 10);
	if (window.innerWidth >= 1200) {
		obj.domObj.find("#mobile_friends").hide();
	} else if (obj.privs.team) {
		obj.domObj.find("#mobile_friends").show();
	}
}

Profile.prototype.getCommentStr = function (data, feedid) {
	var obj = this;
  return getCommentStr(obj, data, feedid);
}

Profile.prototype.getComments = function (feedid, reply_to_id) {
	var obj = this;
	return getComments(obj, feedid, reply_to_id);
}

Profile.prototype.getPreviousComments = function (feedid, before, reply_comment_id) {
	var obj = this;
	return getPreviousComments(obj, feedid, before, reply_comment_id);
}

Profile.prototype.getPendingComments = function () {
	var obj = this;
  return getPendingComments(obj);
}

Profile.prototype.getHighestComment = function (feedid) {
	var obj = this;
  return getHighestComment(obj, feedid);
}

Profile.prototype.startUpdatingComments = function () {
	var obj = this;
  return startUpdatingComments(obj);
}

Profile.prototype.startGettingComments = function () {
	var obj = this;
	return startGettingComments(obj);
}

Profile.prototype.startUpdatingCommentsAll = function (notimer) {
	var obj = this;
  return startUpdatingCommentsAll(obj, notimer);
}

Profile.prototype.startUpdatingLikesAll = function (notimer) {
	var obj = this;
	return startUpdatingLikesAll(obj, notimer);
}

Profile.prototype.getStepCount = function () {
	var obj = this;
	$.ajax({
		url: "/service/GetUserStepCount.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		retryCnt: -1,
		data: {
			b4b_id: obj.userInfo.b4b_id
		},
		success: function (data) {
			if (!obj.destroyed) {
				var steps = data.stepcnt || 0;
				var dist = parseFloat(data.dist).toFixed(2);
				var weightlost = data.weightlost;
				$(".STEPS").html('<span class="STEPSCNT">' + parseInt(steps).toLocaleString() + '</span><span class="STEPSDIST" style="font-size: 0.8em; color: #ff4400;"> / ' + dist + "mi</span>");
				if (weightlost > 0) {
					$("#weightlost").html("<B>Lost:</B> " + weightlost + " lbs");
				}
				setTimeout(function () {
					obj.getStepCount();
				}, STEPCOUNT_UPDATE_TIME);
			}
		}
	});
}

Profile.prototype.updateProfile = function (top, feed_id, viewed) {

	var obj = this;

	if (this.ajaxRunning) {
		return;
	}
	if (typeof(obj.userInfo.b4b_id) == 'undefined') {
		return;
	}
	this.ajaxRunning = true;

	$.ajax({
		url: "/service/GetFeed.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		retryCnt: -1,
		data: {
			top: top,
			feed_id: feed_id,
			viewed: viewed,
			account_id: obj.userInfo.b4b_id
		},
		success: function (data) {

			if (!obj.gotInitFeed) {
				obj.gotInitFeed = true;
				//obj.startGettingComments();
				//obj.startUpdatingComments();
				//obj.startUpdatingLikes();
				obj.startUpdatingCommentsAll();
				obj.startUpdatingLikesAll();
				//obj.getStepCount();
			}

			obj.ajaxRunning = false;
			obj.built = true;

			var profilepicurl = '/images/feedpics/nopic.png';
			var pics = ['/images/feedpics/img1.jpg', '/images/feedpics/img2.png', '/images/feedpics/img3.jpg', '/images/feedpics/img1.jpg', '/images/feedpics/img2.png', '/images/feedpics/img3.jpg'];
			var str = '';

			if (top && data.length > 0) {
				obj.posted = false;
			}

			for (var i = 0; i < data.length; i++) {

				if (top && i == 0) {
					obj.topmostFeedId = data[i].feed_id;
				}

				var numpics = data[i].fids.length;

				var pics = [];
				for (var j = 0; j < data[i].fids.length; j++) {
					pics.push("/service/GetFile.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + data[i].fids[j]);
				}

				if (obj.domObj.find('.feeditem[feedid="' + data[i].feed_id + '"]').length != 0) {
					continue;
				}

				str += getFeedString(data[i], numpics, pics);
        
				str += '</article>';

			}

			var dobj = $(str);
			dobj.find("img").unveil();
			if (top) {
				obj.domObj.find("#feedupdates").prepend(dobj);
			} else {
				obj.domObj.find("#feedupdates").append(dobj);
			}
			if (shouldTriggerScroll())
				$(window).triggerHandler("scroll");
				
				updateMaps();

			obj.updateTimes();

		}
	});

	return false;

}

Profile.prototype.updateInfo = function () {
	var obj = this;
	//obj.domObj.find("#usernameprofile").html('<span class="username"><a href="#" class="sendmsgto" username="'  + htmlencode(obj.userInfo.b4b_id) + '">' + htmlencode(obj.userInfo.b4b_id) + '</a></span>');
	obj.domObj.find("#fullname").html('<span class="fullname"><a href="/Albums/' + htmlencode(obj.username) + '" class="albums">' + htmlencode(obj.userInfo.firstname + ' ' + obj.userInfo.lastname) + '</a></span>');
	obj.domObj.find(".profilepic").attr('src', '/service/GetProfilePic.php?account_id=' + obj.userInfo.b4b_id);
	obj.domObj.find(".profileheader").css("background-image", 'url(/service/GetHeaderPic.php?account_id=' + obj.userInfo.b4b_id + ')');
	//alert(ucfirst(obj.userinfo.firstname) + '&apos;');
	obj.domObj.find(".utext").html(ucfirst(obj.userInfo.firstname) + '&apos;s');

	obj.updateFriends();
	obj.updateProfile(1, 0, 1);
	if (obj.privs.postpage)
		obj.domObj.find(".writeonwall").show();

	obj.getStepCount();

	$.ajax({
		url: "/service/GetUserPlanInfo.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		retryCnt: -1,
		data: {
			b4b_id: obj.userInfo.b4b_id
		},
		success: function (data) {
			if (data) {

				//alert(obj.domObj.find("#planname").length);
				obj.domObj.find(".userplanname").text(data.name);
				obj.domObj.find(".userplantypes").text(data.types);

			} else {
				obj.domObj.find(".userplaninfo").html('<p align="center">No plan chosen.</p>');
				obj.domObj.find(".userswitchplan").css("border", "2px solid #ff0000").text("Choose Plan");
			}

			if (obj.userInfo.b4b_id == g_userInfo.b4b_id) {
				obj.domObj.find(".switchuserplan").show();
				obj.domObj.find(".userswitchplan").click(function (e) {
					e.preventDefault();
					blockWindow();
					$.ajax({
						url: "/service/SetPlanSessionData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
						cache: false,
						dataType: "json",
						data: {},
						success: function (data) {
							unblockWindow();
							setWindow("ChangePlan");
						}
					});
				});
			}

		}
	});

}

Profile.prototype.getUserInfo = function () {
	var obj = this;
	if (g_userInfo.b4b_id == obj.username.toLowerCase()) {
		obj.userInfo = g_userInfo;
		obj.updateInfo();
		obj.domObj.find("#displaystr").hide();
		return;
	}

	$.ajax({
		url: "/service/UserSearch.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		data: {
			searchfor: obj.username,
			type: 'username',
			start: '0',
			end: '1'
		},
		success: function (data) {
			if (data && data.results.length > 0) {

				obj.userInfo = data.results[0];
				obj.updateInfo();
				if (data.results[0].status == 2) {
					var str = "You and " + htmlencode(ucfirst(data.results[0].firstname) || ucfirst(data.results[0].username)) + ' are teammates. <a href="#" class="writemsg" username="' + obj.userInfo.b4b_id + '">Send a message</a>';
				} else if (data.results[0].status == 1) {
					var str = 'Team request has been sent. <a href="#" class="writemsg" username="' + obj.userInfo.b4b_id + '">Send a message</a>';
				} else {
					var str = "Do you know " + htmlencode(ucfirst(data.results[0].firstname) || ucfirst(data.results[0].username)) + '? <a href="#" class="writemsg" username="' + obj.userInfo.b4b_id + '">Send a message</a> or <a href="#" class="friendreq">Add to your team</a>';
				}
				obj.domObj.find("#displaystr").html(str);
			}
		}

	});
}

Profile.prototype.getStepsBox = function () {
	var obj = this;
	var str = '';
	str += '<article class="totals feeditem status bgcolor" ' + (obj.privs.stepcnt == false ? 'style="display: none !important;"' : '') + '><div class="feedcommentpart">\
			<p align="center" id="total_title"><h4><span class="utext">' + ucfirst(obj.username_text) + '</span> Step Count:</h4></p>\
			<hr />\
			<div style="text-align:center;">\
			<h1 class="STEPS"></h1>\
		</div>\
		</article>';
	return str;
}

Profile.prototype.build = function (mode) {
	var obj = this;
	//this.domObj = $('<div></div>');
	$.ajax({
		url: "/service/GetPrivs.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		data: {
			b4b_id: (mode || g_userInfo.b4b_id)
		},
		success: function (data) {
			obj.privs = data;
			if (!data.page) {
				obj.domObj = $('<h3 class="error" style="display: block !important;text-align:center; padding: 20px; margin-left: auto; margin-right: auto;">This page is restricted by owner</h3>');
				obj.built = true;
			} else {
				obj.postBuild(mode);
				//$(window).bind('scroll', obj.updateScroll);
				document.addEventListener('scroll', obj.updateScroll, {passive: true});
				obj.built = true;
			}
		}

	});

	return false;

}

Profile.prototype.postBuild = function (mode) {
	var obj = this;

	if (!g_userInfo.b4b_id) {
		obj.username = "";
	} else {
		obj.username = g_userInfo.b4b_id;
		obj.username_text = 'your';
	}
	if (mode && String(mode).toLowerCase() != obj.username.toLowerCase()) {
		obj.username = mode;
		obj.username_text = ''; //mode + '&apos;s';
	}

	$("#content").removeClass("page_width");

	var str = '';
	var profilepicurl = '/images/feedpics/nopic.png';

	str += '<div style="text-align: center;" class="feed">\
		<div class="profileheader" style="position: relative; text-align:left;"><div id="profilesearch" style="display: none; text-align:left;"><form id="searchform" method="post" action="#"><input type="text" style="background-color: rgba(255, 255, 255, 0.75);" id="searchinput" placeholder="Search for people..." /><input type="submit" style="visibility: hidden;"></form></div><div id="profileheaderpadding"></div><span class="page_width" style="display: inline-block;"><a href="/Albums/' + htmlencode(obj.username) + '" class="albums"><img class="profilepic" src="' + profilepicurl + '" width="100" height="100" /></a>\
		<span style="background-color: rgba(0, 0,0 ,0.8); display: inline-block; padding:8px; position: relative; top: -4px;">\
		<span style="display:table; padding-bottom: 20px;">\
		<div id="fullname" style="padding-bottom:3px;"></div>\
		<div id="usernameprofile"></div>\
	  <div id="weightlost"></div>\
		</span>\
		</span></span><div class="page_width" style="padding:5px; text-align: left;"><span style="display: inline-block; background-color: rgba(0, 0,0 ,0.8); padding: 3px;" id="displaystr"></span></div>\
		<div id="profilesearch2" style="display: none; text-align:left; padding-top:5px;"><form id="searchform2" method="post" action="#"><input type="text" style="background-color: rgba(255, 255, 255, 0.75); width: 75% !important; max-width: 300px !important;" id="searchinput2" class="searchinput" placeholder="Search for people..." /><input type="submit" style="visibility: hidden;"></form></div>\
		</div>\
		<span style="display: block;">';

	str += '<div class="feedleft boxsizingBorder" style="position: relative;"><div>';

	str += '<article id="feedad" class="feeditem status bgcolor" ' + (obj.privs.team == false ? 'style="display: none !important;"' : '') + '><div class="feedcommentpart">\
	<p align="center" id="total_title"><h4><span class="utext">' + ucfirst(obj.username_text) + '</span> team:</h4></p>\
	<hr />\
	<div id="frlisting"></div>\
		</article>';
	/*str += '<article id="feedad" class="feeditem status"><div class="feedcommentpart">\
	<p align="center" id="total_title"><h4>Friends:</h4></p>\
	<hr />\
	<table align="center" cellpadding="3">\
	<tr><td align="right" class="total_name"></td><td class="total_value"></td></tr>\
	</table><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>\
	</article>';*/

	str += '</div></div>';

	var clzLogout = '';
	if (!isLoggedIn()) {
		clzLogout = ' loggedOut';
	}
	str += '<div class="feedmain boxsizingBorder' + clzLogout + '">';

	str += '<article id="mobile_friends" class="feeditem status first bgcolor" ' + (obj.privs.team == false ? 'style="display: none !important;"' : '') + '>\
		<div class="feedcommentpart">\
		<h4 style="margin-left: auto; margin-right: auto; width: 100%; text-align:center;"><span class="utext">' + ucfirst(obj.username_text) + '</span> team:</h4><hr />\
		<div id="scroll_friends" style="overflow-x: scroll; width: 100px;">\
		<div id="mfriends" style="display: inline-block; white-space: nowrap;">\
		</div>\
		</div>\
		</div>\
		</article>';
	//console.log(obj.privs);

	str += this.getTotalsBox();

	str += this.getStepsBox();

	str += '<div id="startfeed"><article class="feeditem status first writeonwall bgcolor" style="display: none;">\
			';
	str += '<div class="feedcommentpart">\
			<div class="leavecomment">\
				<span class="smallprofilepicblock sendmsgto user" username="' + (g_userInfo.username || g_userInfo.b4b_id) + '"><img src="/service/GetProfilePic.php?account_id=' + g_userInfo.b4b_id + '" class="smallprofilepic" />&nbsp;&nbsp;&nbsp;<a href="/Profile/' + htmlencode(g_userInfo.username || g_userInfo.b4b_id) + '" class="sendmsgto user" username="' + htmlencode(g_userInfo.username || g_userInfo.b4b_id) + '">' + g_userInfo.firstname + ' ' + g_userInfo.lastname + '</a></span>\
				<span style="display: inline-block; width: 100%; overflow: hidden;">\
					<textarea id="statustext" class="boxsizingBorder" style="width: 100%; height: 60px; " type="text" placeholder="What&apos;s up?"></textarea>\
					<div id="imageblock"></div>\
				</span>\
			</div>\
			<p align="right"><a href="#" class="btn-gray" id="addpics">Add Pics</a> <a id="poststatus" href="#" class="btn-green">Post on <span class="utext">' + ucfirst(this.username_text) + '</span> page</a></p>\
			</div>';
	str += '</article><div id="feedupdates"></div></div>';

	str += '</div>';

	str += '<div  class="feedright boxsizingBorder" style="position: relative;"><div>';

	str += this.getTotalsBox();

	str += this.getStepsBox();

	str += '</div></div></span></div>';

	this.domObj = $(str);

	this.domObj.find("#searchform").submit(function (e) {
		e.preventDefault();
		var txt = obj.domObj.find("#searchinput").val().trim();
		if (txt != '') {
			setWindow("Search", false, {
				autoSearch: txt
			});
		}
	});
	this.domObj.find("#searchform2").submit(function (e) {
		e.preventDefault();
		var txt = obj.domObj.find("#searchinput2").val().trim();
		if (txt != '') {
			setWindow("Search", false, {
				autoSearch: txt
			});
		}
	});

	obj.getUserInfo();

	obj.domObj.on('click', 'a.discuss', function (e) {
		e.preventDefault();
		setWindow("Discuss-" + $(this).attr('did'));
	});

	obj.domObj.on('click', '.sendmsgto', function (e) {
		e.preventDefault();
		e.stopPropagation();
		userClicked($(this).attr('username'));
	});

	obj.domObj.on('click', 'a.commentpost', function (e) {
		e.preventDefault();
		if (!isLoggedIn()) {
			warnNotLoggedIn();

			return;
		}
		var feedid = $(this).attr('feedid');
		obj.domObj.find(".feeditem[feedid=" + feedid + "]").find(".leavecomment[reply_comment_id=0]").find("textarea").focus();
	});

	obj.domObj.on('click', 'a.friendreq', function (e) {
		e.preventDefault();
		e.stopPropagation();

		if (!isLoggedIn()) {
			warnNotLoggedIn();

			return;
		}

		$.ajax({
			url: "/service/SendFriendReq.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				'friend_id': obj.userInfo.b4b_id
			},
			success: function (data) {
				obj.getUserInfo();
			}
		});

	});

	obj.domObj.on('click', 'a.writemsg', function (e) {
		e.preventDefault();
		if (!isLoggedIn()) {
			warnNotLoggedIn();

			return;
		}
		setWindow("Messages", null, {
			username: $(this).attr('username')
		});
	});

	obj.domObj.on('click', 'a.likepost', function (e) {
		e.preventDefault();
		if (!isLoggedIn()) {
			warnNotLoggedIn();

			return;
		}
		var feedid = $(this).attr('feedid');

		var link = this;

		$.ajax({
			url: "/service/LikePost.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				feed_id: feedid
			},
			success: function (data) {
				$(link).text("Liked");
				obj.startUpdatingLikesAll(true);
			}

		});

	});

	obj.domObj.on('click', 'a.sharepost', function (e) {
		e.preventDefault();

		if (!isLoggedIn()) {
			warnNotLoggedIn();

			return;
		}

		var feedid = $(this).attr('feedid');

		var link = this;

		$.ajax({
			url: "/service/SharePost.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				feed_id: feedid
			},
			success: function (data) {
				$(link).text("Shared");
			}

		});
	});

	obj.domObj.on('click', '.reply', function (e) {
		e.preventDefault();

		if (!isLoggedIn()) {
			warnNotLoggedIn();

			return;
		}

		var feed_id = $(this).attr('feed_id');
		var reply_comment_id = $(this).attr('comment_id');

		var comcon = obj.domObj.find(".comment_container[feed_id=" + feed_id + "][reply_comment_id=" + reply_comment_id + "]");
		//alert(".comment_container[feed_id=" + $(this).attr('feed_id') + "][reply_comment_id=" + $(this).attr('reply_comment_id') + "]");
		if (comcon.find(".leavecomment").length == 0) {
			var str = '<div class="leavecomment" reply_comment_id="' + reply_comment_id + '">\
							<span class="smallprofilepicblock"><img src="/service/GetProfilePic.php?account_id=' + g_userInfo.b4b_id + '" class="smallprofilepic" /></span>\
							<span style="display: inline-block; width: 100%;">\
								<textarea reply_comment_id="' + reply_comment_id + '" feed_id="' + feed_id + '" class="comment boxsizingBorder" style="width: 100%; height: 40px; " type="text" placeholder="Add a comment"></textarea>\
							<a href="#" class="btn-gray postcomment" reply_comment_id="' + reply_comment_id + '" feed_id="' + feed_id + '">Post Comment</a>\
							</span>\
						</div>\
						</div>';

			comcon.append(str);

		}

	});

	obj.domObj.on('click', '.prevcomment', function (e) {
		e.preventDefault();
		$(this).remove();
		obj.getPreviousComments($(this).attr('feedid'), $(this).attr('reply_comment_id'), $(this).attr('parentid'));

	});

	obj.domObj.on('click', '.postcomment', function (e) {
		e.preventDefault();
		var reply_comment_id = $(this).attr('reply_comment_id');
		var feed_id = $(this).attr('feed_id');
		var commentbox = obj.domObj.find(".comment[feed_id=" + feed_id + "][reply_comment_id=" + reply_comment_id + "]");
		if (commentbox.length == 0 || String(commentbox.val()).trim() == '') {
			return;
		}

		blockWindow();

		$.ajax({
			url: "/service/WriteComment.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				feed_id: feed_id,
				reply_comment_id: reply_comment_id,
				msg: commentbox.val()
			},
			success: function (data) {
				unblockWindow();
				commentbox.val('');
				obj.startUpdatingCommentsAll(true);
			}
		});

	});

	//obj.startGettingComments();
	//obj.startUpdatingComments();
	//obj.startUpdatingLikes();


	return true;
}

Profile.prototype.startUpdatingLikes = function () {
	var obj = this;
	var found = false;
	obj.domObj.find(".feeditem").each(function () {
		var feedid = $(this).attr('feedid');
		var feeditem = $(this);

		if (obj.updatingLikes.indexOf(feedid) == -1) {
			found = true;
			obj.updatingLikes.push(feedid);
			$.ajax({
				url: "/service/GetNumLikes.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
				cache: false,
				dataType: "json",
				retryCnt: -1,
				data: {
					feed_id: feedid
				},
				success: function (data) {
					feeditem.find(".numlikes").text(likeText(data));
					obj.startUpdatingLikes();
				}

			});
			return false;

		}
	});

	if (found == false) {
		obj.updatingLikes = [];
	} else {
		return;
	}

	setTimeout(function () {
		if (!obj.destroyed) {
			obj.startUpdatingLikes();
		}
	}, 1500);
}

Profile.prototype.updateFriends = function () {
	var obj = this;
	$.ajax({
		url: "/service/GetFriends.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		data: {
			account_id: obj.userInfo.b4b_id
		},
		success: function (datafr) {
			if (!datafr)
				return;
			var str = '';
			var str2 = '';
			var profilepicurl = '/images/feedpics/nopic.png';
			if (obj.userInfo.b4b_id == g_userInfo.b4b_id && datafr.results.length == 0) {
				str = '<p align="center"><a href="#" class="searchlnk">Search for friends</a></p>';
				obj.domObj.find("#frlisting").html(str);
				obj.domObj.find(".searchlnk").click(function (e) {
					e.preventDefault();
					setWindow("Search");
				});
			} else {
				for (var i = 0; i < datafr.results.length; i++) {
					str += '<span class="friendlisting sendmsgto user" username="' + (datafr.results[i].username || datafr.results[i].b4b_id) + '"><span style="display:inline-block; padding-left: 10px; padding-right: 10px; vertical-align:middle;"><img width="80" height="80" src="/images/img-loader.gif" data-src="/service/GetProfilePic.php?account_id=' + datafr.results[i].b4b_id + '" /></span><span class="userstats" style=""><span class="username"></span><span class="fullname"><a href="/Profile/' + htmlencode(datafr.results[i].username || datafr.results[i].b4b_id) + '" class="sendmsgto" username="' + htmlencode((datafr.results[i].username || datafr.results[i].b4b_id)) + '">' + htmlencode(datafr.results[i].firstname + ' ' + datafr.results[i].lastname) + '</a><hr />' + (parseInt(datafr.results[i].stepcnt) > 0 ? '<span class="small" style="display:block;"><B>Steps:</B> ' + datafr.results[i].stepcnt + '</span>' : '') + (datafr.results[i].weightlost > 0 ? '<span class="small" style="display:block;"><B>Lost:</b> ' + datafr.results[i].weightlost + ' lbs</span>' : '') + '</span></span></span>';
					str2 += '<div class="sendmsgto user" username="' + (datafr.results[i].username || datafr.results[i].b4b_id) + '" style="display: inline-block; padding: 10px; min-width: 200px;text-align: left;"><span style="display:inline-block; padding-left: 10px; padding-right: 10px; margin-10px;  vertical-align:middle; "><img width="80" height="80" src="/images/img-loader.gif" data-src="/service/GetProfilePic.php?account_id=' + datafr.results[i].b4b_id + '" /></span><span class="userstats" style=""><span class="username"></span><span class="fullname"><a href="/Profile/' + htmlencode(datafr.results[i].username || datafr.results[i].b4b_id) + '" class="sendmsgto" username="' + htmlencode((datafr.results[i].username || datafr.results[i].b4b_id)) + '">' + htmlencode(datafr.results[i].firstname + ' ' + datafr.results[i].lastname) + '</a><hr />' + (parseInt(datafr.results[i].stepcnt) > 0 ? '<span class="small" style="display:block;"><B>Steps:</B> ' + datafr.results[i].stepcnt + '</span>' : '') + (datafr.results[i].weightlost > 0 ? '<span class="small" style="display:block;"><B>Lost:</b> ' + datafr.results[i].weightlost + ' lbs</span>' : '') + '</span></span></div>';

				}
				str += '<hr /><div><p align="center"><a href="/Friends/' + htmlencode(obj.username) + '" id="seeallfriends">See all</a></p></div>';
				var dobj = $(str);
				var dobj2 = $(str2);
				dobj2.find("img").unveil();
				dobj.find("img").unveil();
				obj.domObj.find("#frlisting").html(dobj);
				obj.domObj.find("#mfriends").html(dobj2);
				if (shouldTriggerScroll())
					$(window).triggerHandler("scroll");
				$(window).triggerHandler('resize');
				obj.domObj.find("#seeallfriends").click(function (e) {
					e.preventDefault();
					setWindow("Friends-" + obj.username);
				});
			}
		}
	});
}

Profile.prototype.getDomObj = function () {
	return this.domObj;
}

Profile.prototype.getTotalsBox = function () {
	var obj = this;
	var str = '';
	str += '<article class="totals feeditem status planbox bgcolor" ' + (obj.privs.plan == false ? 'style="display: none !important;"' : '') + '><div class="feedcommentpart">';
	str += '<h4><span class="utext">' + ucfirst(obj.username_text) + '</span> plan:</h4>';
	str += '<hr />';
	str += '<div class="userplaninfo">';
	str += '<fieldset><ul style="padding-left: 3px;">';
	str += '<li style="padding:5px;"><label style="font-weight: bold; text-align:right; margin-right: 5px; width: 45px; display: inline-block;">Name: </label><span class="userplanname"></span></li>';
	str += '<li style="padding:5px; display: none;"><label style="font-weight: bold; text-align:right; margin-right: 5px;  width: 45px; display: inline-block;">Type: </label><span class="userplantypes"></span></li>';
	str += '</ul></fieldset>';
	str += '</div>';
	str += '<div class="switchuserplan" style="display:none;">';
	str += '<hr />';
	str += '<p align="center" style="padding: 2px; margin:0px;"><a href="#" class="userswitchplan">Switch your plan</a></p>';
	str += '</div>';
	str += '</div>\
		</article>';

	return str;

}

Profile.prototype.setMode = function (mode) {}

Profile.prototype.setHooks = function () {

	var obj = this;

	if (!obj.domObj) {
		return false;
	}

	this.domObj.find("#poststatus").click(function (e) {
		e.preventDefault();
		if (String(obj.domObj.find("#statustext").val()).trim() == '') {
			return;
		}
		blockWindow();

		var fids = [];
		obj.domObj.find(".postingimage").each(function () {
			fids.push($(this).attr('fid'));
		});

		$.ajax({
			url: "/service/PostStatus.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				msg: obj.domObj.find("#statustext").val(),
				postonwall: obj.userInfo.b4b_id,
				fids: fids.join(",")
			},
			success: function (data) {
				obj.domObj.find("#statustext").val('');
				obj.domObj.find(".postingimage").remove();
				unblockWindow();
				obj.posted = true;
				setTimeout(function () {
					var first = $('.feeditem:not(.status):first');

					if (first.length > 0) {
						//console.log($('.feeditem:not(.status):first').attr('feedid'));
						obj.updateProfile(1, obj.topmostFeedId /*first.attr('feedid')*/, 1);
					} else {
						obj.updateProfile(1, 0, 0);
					}
				}, 10000);
			}
		});
	});

	obj.domObj.on('click', ".albums", function (e) {
		e.preventDefault();
		e.stopPropagation();
		if (obj.privs.pics) {
			setWindow("Albums-" + obj.username);
		}
	});

	function resizeimages() {
		var numpics = obj.domObj.find("#imageblock").find(".postingimage").length;
		if (numpics == 1) {
			obj.domObj.find("#imageblock").find(".postingimage").css("width", "97%").css("height", "280px");
		} else if (numpics == 2) {
			obj.domObj.find("#imageblock").find(".postingimage").css("width", "47%").css("height", "280px");
		} else {
			obj.domObj.find("#imageblock").find(".postingimage").css("width", "30%").css("height", "140px");

		}
	}

	this.domObj.on('click', '.removepic', function (e) {
		e.preventDefault();
		var fid = $(this).attr('fid');
		obj.domObj.find(".postingimage[fid='" + fid + "']").fadeOut('slow', function () {
			$(this).remove();
			resizeimages();
		});
	});

	this.domObj.find("#addpics").click(function (e) {
		e.preventDefault();

		var goelem = this;

		var widget = new Widget("ImageUpload", {
				hidden: true,
				callback: function (fid) {

					//$('html, body').animate({
					//	scrollTop: ($(goelem).offset().top - 100)
					//}, 2000);

					if (fid) {
						var str = '';
						if (fid.substr(0, 4) == 'vid_') {

							str += '<span fid="' + fid + '" class="postingimage feeditempic" style="display: inline-table; position: relative;"><span style="position: absolute; right: 5px; botton: 5px; z-index:500;"><a href="#" class="removepic" fid="' + fid + '" style="color:red;">X</a></span>\
												<video preload="none" width="100%" height="100%" controls>\
												  <source src="/service/GetFile.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + fid + '" type="video/mp4">\
												Your browser does not support the video tag.\
												</video>\
												</span>';
						} else {
							str += '<span fid="' + fid + '" class="postingimage feeditempic" style="display: inline-table; position: relative;"><span style="position: absolute; right: 5px; botton: 5px;"><a href="#" class="removepic" fid="' + fid + '" style="color:red;">X</a></span><img  src="/service/GetFile.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + fid + '" style="width: 100%; height: 100%;"/></span>';
						}
						/*if (numpics == 1) {
						str += '<img  width="97%" height="280" src="' + pics[0] + '" class="feeditempic" />';
						}
						else if (numpics == 2) {
						str += '<img  width="47%" height="280" src="' + pics[0] + '" class="feeditempic" />';
						str += '<img  width="47%" height="280" src="' + pics[1] + '" class="feeditempic" />';
						}
						else {
						for (var j = 0; j < numpics; j++) {
						str += '<img  width="30%" height="140" src="' + pics[j] + '" class="feeditempic" />';
						}
						}*/

						obj.domObj.find("#imageblock").append(str);

						resizeimages();
					}
				}
			});
		widget.renderIntoPopup('80%', '80%', $(this), function () {});

	});
}

Profile.prototype.destroy = function () {
	//$(window).unbind('scroll', this.updateScroll);
	//$(window).unbind('scroll', scrollMaps);
	document.removeEventListener('scroll', this.updateScroll);
	document.removeEventListener('scroll', scrollMaps);
	$("#content").addClass("page_width");
	this.destroyed = true;
}

Profile.prototype.isBuilt = function () {
	return this.built;
}

Profile.prototype.updateTimes = function () {
	this.domObj.find(".feedtime").each(function () {
		var data = $(this).attr('data');
		var t = data.split(/[- :]/);

		// Apply each element to the Date function
		var d = new Date(t[0], t[1] - 1, t[2], t[3], t[4], t[5]);

		$(this).text(timeSince(d));
	});
}

Profile.prototype.contentSet = function () {
	var obj = this;

	obj.last_win_size = 0;

	if (!obj.privs.page) {
		return;
	}

	var updateFunc = function () {
		if (!obj.destroyed) {
			var first = $('.feeditem:not(.status):first');

			//obj.updateFriends();

			if (obj.posted == true || obj.viewed.indexOf(first.get(0)) != -1) {
				//obj.posted = false;
				if (first.length > 0) {
					//console.log($('.feeditem:not(.status):first').attr('feedid'));
					obj.updateProfile(1, obj.topmostFeedId /*first.attr('feedid')*/, 1);
				} else {
					obj.updateProfile(1, 0, 0);
				}

			}
			setTimeout(updateFunc, FEED_UPDATE_TIME);
		}
	};
	var friendsUpdateFunc = function () {
		if (!obj.destroyed) {
			obj.updateFriends();
			setTimeout(friendsUpdateFunc, FRIENDS_UPDATE_TIME);
		}
	};
	var updateTimeFunc = function () {
		obj.updateTimes();
		if (!obj.destroyed) {
			setTimeout(updateTimeFunc, TIME_UPDATE_TIME);
		}
	};
	setTimeout(updateFunc, FEED_UPDATE_TIME);
	setTimeout(updateTimeFunc, TIME_UPDATE_TIME);
	setTimeout(friendsUpdateFunc, FRIENDS_UPDATE_TIME);

	this.resize();
}


function Albums(params) {
	this.loginRequired = false;
	this.destroyed = false;
	this.built = false;
	
	var obj = this;

	this.ajaxRunning = false;
	
	this.userInfo = {};
	
	obj.start = 0;
	
}

Albums.prototype.resize=function() {

}

Albums.prototype.getUserAlbums=function() {
	var obj = this;
	var str = '';
	if (obj.start == 0) {
	
		str += '<span style="display: inline-block; padding: 15px; "><a href="#" class="viewalbum" albumid="0"><img src="/service/GetAlbumPic.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + '&b4b_id=' + obj.userInfo.b4b_id + '&album_id=' + 0 + '" class="albumpic" /></a>\
		<div style="padding: 6px; text-align: center;" class="albuminfo"><a href="#" class="viewalbum" albumid="0">Default Album</a></div></span>';
	}
	blockWindow();
	
	obj.domObj.find("#albumslist").empty().append($(str));
	
		$.ajax( { url: "/service/GetUserAlbums.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
						cache: false,
						dataType: "json", 
						data: { b4b_id: obj.userInfo.b4b_id, start: obj.start  },
						success: function( data ) {
							var str = '';
							if (obj.start == 0) {
								obj.domObj.find(".prevpics").css('visibility', 'hidden');
							}
							else {
								obj.domObj.find(".prevpics").css('visibility', 'visible');
							}
							if (data.hasmore) {
								obj.domObj.find(".morepics").css('visibility', 'visible');
							}
							else {
								obj.domObj.find(".morepics").css('visibility', 'hidden');
							}
							if (data && data.results && data.results.length > 0) {
							
								for (var i = 0; i < data.results.length; i++) {
									str += '<span style="display: inline-block; padding: 15px;"><a href="#" class="viewalbum" albumid="' + data.results[i].album_id + '"><img src="/service/GetAlbumPic.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + '&b4b_id=' + obj.userInfo.b4b_id + '&album_id=' + data.results[i].album_id + '" class="albumpic" /></a>\
	<div style="padding: 6px; text-align: center;" class="albuminfo"><a href="#" class="viewalbum" albumid="' + data.results[i].album_id + '">' + data.results[i].name + '</a><a  href="#" class="deletealbum" albumid="' +data.results[i].album_id + '">X</a></div></span>';
								}
								
									obj.domObj.find("#albumslist").append($(str));
									
									
							
							}
							
							//if (String(g_userInfo.b4b_id).toLowerCase() != obj.username.toLowerCase()) { 
							if (String(g_userInfo.b4b_id).toLowerCase() != obj.username.toLowerCase() && String(g_userInfo.username).toLowerCase() != obj.username.toLowerCase()) { 
										obj.domObj.find(".deletealbum, .createalbum").hide();
									}
							
							unblockWindow();
						}
				});
}

Albums.prototype.updateInfo=function() {
	var obj = this;	
	
	obj.getUserAlbums();
	
	obj.built = true;

}

Albums.prototype.getUserInfo=function() {
	var obj = this;
	if (g_userInfo.b4b_id == obj.username.toLowerCase()) {
		obj.userInfo = g_userInfo;
		obj.updateInfo();
		return;
	}
	
	$.ajax( { url: "/service/UserSearch.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
						cache: false,
						dataType: "json", 
						data: { searchfor: obj.username, type: 'username', start: '0', end: '1' },
						success: function( data ) {
							if (data && data.results.length > 0) {
								
								obj.userInfo = data.results[0];
								obj.updateInfo();
							}
						}
						
			});
}

Albums.prototype.build = function(mode) {

	var obj = this;
	
	if (isLoggedIn()) {
		obj.username = g_userInfo.b4b_id;
		obj.username_text = 'your';
		if (mode && String(mode).toLowerCase() != obj.username.toLowerCase()) {
			obj.username = mode;
			obj.username_text = mode + '&apos;s';
		}
	}
	else {
		obj.username = mode || '';
	}

	$("#content").removeClass("page_width");
	
	var str = '';
	var profilepicurl = '/images/feedpics/nopic.png';
	
	str += '<div class="page_width full_container bgcolor albums smallxpad" style="text-align:center;"><div style="text-align: left; padding-left: 15px; padding-top: 15px;"><a href="/Profile/' + htmlencode(obj.username) + '" class="backtoprofile">&lt; Back to profile</a></div><span id="albumslist" style="margin-left: auto; margin-right: auto; text-align:center;" class="page_width">';
	str += '</span>';
	str += '<table class="page_width" align="center" ><tr><td align="center"  width="33%"><a href="#" class="prevpics"><img src="/images/prev-arrow.png"></a></td><td align="center"  width="34%"><a href="#" class="btn-green createalbum">Create Album</a></td><td align="center"  width="33%"><a href="#" class="morepics"><img src="/images/next-arrow.png"></a></td></tr></table>';

	
	str += '</div>';

	
	this.domObj = $(str);
	
	obj.getUserInfo();
	
	obj.domObj.on('click', '.viewalbum', function(e) {
		e.preventDefault();
		var albumid = $(this).attr('albumid');
		setWindow("Pictures-" + obj.username + "-" + albumid);
	});
	
	obj.domObj.find(".backtoprofile").click(function(e) {
		e.preventDefault();
		setWindow("Profile-" + obj.username);
	});
	
	obj.domObj.find(".createalbum").click(function(e) {
		e.preventDefault();
		var newname = prompt("Please enter a name for the new album");
		if (newname) {
			$.ajax( { url: "/service/CreateAlbum.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
						cache: false,
						dataType: "json", 
						data: { name: newname },
						success: function( data ) {
							obj.getUserAlbums();
						}
			});
		}
	});
	
	//if (mode && String(mode).toLowerCase() != obj.username.toLowerCase()) {
	if (String(g_userInfo.b4b_id).toLowerCase() != obj.username.toLowerCase() && String(g_userInfo.username).toLowerCase() != obj.username.toLowerCase()) { 
		obj.domObj.find(".createalbum").hide();
	}
	
	obj.domObj.find(".prevpics").click(function(e) {
		e.preventDefault();
		obj.start--;
		obj.getUserAlbums();
	});
	obj.domObj.find(".morepics").click(function(e) {
		e.preventDefault();
		obj.start++;
		obj.getUserAlbums();
	});
	
		obj.domObj.on('click', '.deletealbum', function(e) {
		e.preventDefault();
		if (! confirm("Are you sure you want to delete this album and all its pictures?")) {
			return;
		}
		var albumid = $(this).attr('albumid');
		
				$.ajax( { url: "/service/DeleteAlbum.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
						cache: false,
						dataType: "json", 
						data: { album_id: albumid  },
						success: function( data ) {
							obj.getUserAlbums();
						}
						
				});
	});

	
	
	return false;
}


Albums.prototype.getDomObj=function() {
	return this.domObj;
}
	
	
Albums.prototype.setMode=function(mode) {
}
	
	
Albums.prototype.setHooks=function() {
	
	var obj = this;
}

Albums.prototype.destroy=function() {
	$("#content").addClass("page_width");
	this.destroyed = true;
}

Albums.prototype.isBuilt=function() {
	return this.built;
}


Albums.prototype.contentSet=function(){
	var obj = this;
}

function Pictures(params) {
	this.loginRequired = false;
	this.destroyed = false;
	this.built = false;

	var obj = this;

	this.ajaxRunning = false;

	this.userInfo = {};
	obj.start = 0;
	obj.album_id = 0;

	obj.albums = [];

	this.viewed = [];

	this.gotComments = [];
	this.pendingComments = [];

	this.updatingComments = [];
	this.updatingLikes = [];

}

Pictures.prototype.resize = function () {}

Pictures.prototype.getAllAlbums = function () {
	var obj = this;
	$.ajax({
		url: "/service/GetUserAlbums.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		data: {
			b4b_id: obj.userInfo.b4b_id,
			start: 0
		},
		success: function (data) {
			if (data && data.results && data.results.length > 0) {
				var str = '<option value="">Albums</option><option value="0">Default Album</option>';
				for (var i = 0; i < data.results.length; i++) {
					str += '<option value="' + data.results[i].album_id + '">' + htmlencode(data.results[i].name) + '</option>';
				}

				obj.domObj.find(".picalbums").empty().html(str);

			}
		}
	});
}

Pictures.prototype.getUserPictures = function () {
	var obj = this;

	blockWindow();

	var str = '';

	obj.domObj.find("#picslist").empty();

	$.ajax({
		url: "/service/GetAlbumPics.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		data: {
			b4b_id: obj.userInfo.b4b_id,
			album_id: obj.album_id,
			start: obj.start
		},
		success: function (data) {
			var str = '';
			if (obj.start == 0) {
				obj.domObj.find(".prevpics").css('visibility', 'hidden');
			} else {
				obj.domObj.find(".prevpics").css('visibility', 'visible');
			}
			if (data.hasmore) {
				obj.domObj.find(".morepics").css('visibility', 'visible');
			} else {
				obj.domObj.find(".morepics").css('visibility', 'hidden');
			}
			if (data && data.results && data.results.length > 0) {

				for (var i = 0; i < data.results.length; i++) {

					if (data.results[i].pic_id.substr(0, 4) == 'vid_') {
						var imageStr = '<video  preload="none" class="albumpic" controls>\
													  <source src="/service/GetFile.php?pic=' + data.results[i].pic_id + '" type="video/mp4">\
													Your browser does not support the video tag.\
													</video>';
					} else {
						var imageStr = '<a href="#" class="viewpic" picid="' + data.results[i].pic_id + '"><img src="/service/GetFile.php?pic=' + data.results[i].pic_id + '" class="albumpic" /></a>';
					}
					str += '<span style="display: inline-block; padding: 0px; margin: 8px; text-align:center; vertical-align: top;">' + imageStr + '\
						<div style="padding: 6px; text-align: center;" class="albuminfo"><a href="#" class="viewpic" picid="' + data.results[i].pic_id + '">' + data.results[i].created + '</a></div>\
						<div style="text-align: center;" class="picactions"><select class="picaction" style="font-size: 1.2em; width: auto;"><option value="">Actions...</option><option value="1">Set as profile pic</option><option value="2">Set as header pic</option><option value="3">Move to album</option><option value="4">Delete Pic</option></select><br /><select class="picalbums" style="font-size: 1.2em; width: auto; display: none;"><option value="">Albums</option></select><br /><a href="#" class="dopicaction btn-gray" picid="' + data.results[i].pic_id + '">Go</a></div>\
						<div style="text-align: left;" class="feeditem" feedid="' + data.results[i].feed_id + '">';

					str += '<div class="likebar" style="padding: 8px;"><a href="#" class="likepost" feedid="' + data.results[i].feed_id + '">' + (data.results[i].isLiked == '0' ? 'Like' : 'Liked') + '</a> <a href="#"  class="commentpost" feedid="' + data.results[i].feed_id + '">Comment</a> <a href="#" class="sharepost" feedid="' + data.results[i].feed_id + '">' + (data.results[i].isShared == '0' ? 'Share' : 'Shared') + '</a></div>\
							<div class="feedcommentpart user">\
							<div class="numlikes">' + likeText(data.results[i].numLikes) + '</div>';

					/*for (var j = 0; j < numcomments; j++) {
					str += '<div class="feedcomment">\
					<span class="smallprofilepicblock"><img src="' + profilepicurl + '" class="smallprofilepic" /></span>\
					<span style="display: inline-block">\
					<div><a class="user">Hiram Santiago</a><span class="actiontitle"> get it!</span></div>\
					<div class="replylikebar"><span class="feedtime">2hrs</span> <a href="#">Like</a> <a href="#">Reply</a></div>\
					</span>\
					</div>';
					}*/
					str += '<div class="comment_container" feed_id="' + data.results[i].feed_id + '" reply_comment_id="0"></div>';
					str += '<div class="leavecomment" reply_comment_id="0">\
								<span class="smallprofilepicblock"><img src="/service/GetProfilePic.php?account_id=' + g_userInfo.b4b_id + '" class="smallprofilepic" /></span>\
								<span style="display: inline-block; width: 100%;">\
									<textarea reply_comment_id="0" feed_id="' + data.results[i].feed_id + '" class="comment boxsizingBorder" style="width: 100%; height: 40px; " type="text" placeholder="Add a comment"></textarea>\
								<a href="#" class="btn-gray postcomment" reply_comment_id="0" feed_id="' + data.results[i].feed_id + '">Post Comment</a>\
								</span>\
							</div>\
							</div>';

					str += '</div></span>';

				}

				obj.domObj.find("#picslist").append($(str));

			}

			if (String(g_userInfo.b4b_id).toLowerCase() != obj.username.toLowerCase() && String(g_userInfo.username).toLowerCase() != obj.username.toLowerCase()) {
				obj.domObj.find(".picactions, .createpic").hide();
			}

			obj.getAllAlbums();

			unblockWindow();
		}
	});
}

Pictures.prototype.updateTimes = function () {
	this.domObj.find(".feedtime").each(function () {
		var data = $(this).attr('data');
		var t = data.split(/[- :]/);

		// Apply each element to the Date function
		var d = new Date(t[0], t[1] - 1, t[2], t[3], t[4], t[5]);

		$(this).text(timeSince(d));
	});
}

Pictures.prototype.getCommentStr = function (data, feedid) {
	var obj = this;
	return getCommentStr(obj, data, feedid);
}

Pictures.prototype.getPreviousComments = function (feedid, before, reply_comment_id) {
	var obj = this;
	return getPreviousComments(obj, feedid, before, reply_comment_id);
}

Pictures.prototype.getComments = function (feedid, reply_to_id) {
	var obj = this;
	return getComments(obj, feedid, reply_to_id);
}

Pictures.prototype.getPendingComments = function () {
	var obj = this;
	return getPendingComments(obj);
}

Pictures.prototype.getHighestComment = function (feedid) {
	var obj = this;
	return getHighestComment(obj, feedid);
}

Pictures.prototype.startUpdatingComments = function () {
	var obj = this;
	return startUpdatingComments(obj);
}

Pictures.prototype.startGettingComments = function () {
	var obj = this;
	return startGettingComments(obj);

}

Pictures.prototype.startUpdatingCommentsAll = function () {
	var obj = this;
	return startUpdatingCommentsAll(obj);
}

Pictures.prototype.startUpdatingLikesAll = function () {
	var obj = this;
	return startUpdatingLikesAll(obj);
}

Pictures.prototype.updateInfo = function () {
	var obj = this;

	obj.getUserPictures();

	obj.built = true;

	//obj.startGettingComments();
	//obj.startUpdatingComments();
	//obj.startUpdatingLikes();
	obj.startUpdatingCommentsAll();
	obj.startUpdatingLikesAll();

}

Pictures.prototype.getUserInfo = function () {
	var obj = this;

	if (g_userInfo.b4b_id == obj.username.toLowerCase()) {
		obj.userInfo = g_userInfo;
		obj.updateInfo();
		return;
	}

	$.ajax({
		url: "/service/UserSearch.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		cache: false,
		dataType: "json",
		data: {
			searchfor: obj.username,
			type: 'username',
			start: '0',
			end: '1'
		},
		success: function (data) {
			if (data && data.results.length > 0) {

				obj.userInfo = data.results[0];
				obj.updateInfo();
			}
		}

	});
}

Pictures.prototype.build = function (mode, submode) {

	var obj = this;

	var clzLoggedOut = '';

	if (isLoggedIn()) {
		obj.username = g_userInfo.b4b_id;
		obj.username_text = 'your';
		if (mode && String(mode).toLowerCase() != obj.username.toLowerCase()) {
			obj.username = mode;
			obj.username_text = mode + '&apos;s';
		}
	} else {
		clzLoggedOut = ' loggedOut';
		obj.username = mode || '';
	}

	obj.album_id = submode;

	$("#content").removeClass("page_width");

	var str = '';
	var profilepicurl = '/images/feedpics/nopic.png';

	str += '<div class="full_container bgcolor pics smallxpad' + clzLoggedOut + '" style="box-sizing: border-box; text-align:center;  padding-top: 20px; "><div style="text-align: left; padding-left: 8px;"><a href="/Albums/' + htmlencode(obj.username) + '" class="backtoalbums">&lt; Back to albums</a></div><span id="picslist" class="page_width" style="padding-top: 20px;">';
	str += '</span>';
	str += '<table class="page_width" align="center" ><tr><td align="center" width="33%"><a href="#" class="prevpics"><img src="/images/prev-arrow.png"></a></td><td align="center"  width="34%"><a href="#" class="btn-green createpic">Upload Picture</a></td><td align="center"  width="33%"><a href="#" class="morepics"><img src="/images/next-arrow.png"></a></td></tr></table>';

	str += '</div>';

	this.domObj = $(str);

	obj.getUserInfo();

	obj.domObj.on('click', '.viewalbum', function (e) {
		e.preventDefault();
		var albumid = $(this).attr('albumid');
		setWindow("Pictures-" + obj.username + "-" + albumid);
	});

	obj.domObj.on('click', '.deletepic', function (e) {
		e.preventDefault();
		if (!confirm("Are you sure you want to delete this picture?")) {
			return;
		}
		var picid = $(this).attr('picid');

		$.ajax({
			url: "/service/DeleteAlbumPic.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				pic: picid
			},
			success: function (data) {
				obj.getUserPictures();
			}

		});
	});

	obj.domObj.on('change', ".picaction", function (e) {
		if ($(this).val() == '3') {
			$(this).parent().find(".picalbums").show();
		} else {
			$(this).parent().find(".picalbums").hide();
		}
	});

	obj.domObj.on('click', '.dopicaction', function (e) {
		e.preventDefault();
		var picid = $(this).attr('picid');
		var action = $(this).parent().find(".picaction").val();
		if (action == '') {
			alert("Please select an action!");
			return;
		}
		if (action == '4') {
			if (!confirm("Are you sure you want to delete this picture?")) {
				return;
			}
			$.ajax({
				url: "/service/DeleteAlbumPic.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
				cache: false,
				dataType: "json",
				data: {
					pic: picid
				},
				success: function (data) {
					obj.getUserPictures();
				}

			});
		} else if (action == '3') {
			var albumid = $(this).parent().find(".picalbums").val();
			if (!albumid) {
				alert("Please select an album!");
				return;
			}
			blockWindow();
			$.ajax({
				url: "/service/MovePic.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
				cache: false,
				dataType: "json",
				data: {
					pic: picid,
					album_id: albumid
				},
				success: function (data) {
					obj.getUserPictures();
					unblockWindow();
				}

			});
		} else if (action == '1') { // profile
			$.ajax({
				url: "/service/SetPic.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
				cache: false,
				dataType: "json",
				data: {
					pic: picid,
					imgtype: 'PROFILE'
				},
				success: function (data) {
					alert("Success");
				}

			});
		} else if (action == '2') { // header
			$.ajax({
				url: "/service/SetPic.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
				cache: false,
				dataType: "json",
				data: {
					pic: picid,
					imgtype: 'HEADER'
				},
				success: function (data) {
					alert("Success");
				}

			});
		}
		//picaction
	});

	obj.domObj.find(".backtoalbums").click(function (e) {
		e.preventDefault();
		setWindow("Albums-" + obj.username);
	});

	obj.domObj.find(".prevpics").click(function (e) {
		e.preventDefault();
		obj.start--;
		obj.getUserPictures();
	});
	obj.domObj.find(".morepics").click(function (e) {
		e.preventDefault();
		obj.start++;
		obj.getUserPictures();
	});

	obj.domObj.find(".createpic").click(function (e) {
		e.preventDefault();
		var widget = new Widget("ImageUpload", {
				album_id: obj.album_id,
				callback: function () {
					obj.getUserPictures();
				}
			});
		widget.renderIntoPopup('80%', '80%', $(this));
	});

	obj.domObj.on('click', '.viewpic', function (e) {
		e.preventDefault();
		var picid = $(this).attr('picid');
		var widget = new Widget("ViewPic", {
				pic: picid
			});
		widget.renderIntoPopup('95%', '95%', $(this));
	});

	obj.domObj.on('click', 'a.commentpost', function (e) {
		e.preventDefault();

		if (!isLoggedIn()) {
			warnNotLoggedIn();

			return;
		}

		var feedid = $(this).attr('feedid');
		obj.domObj.find(".feeditem[feedid=" + feedid + "]").find(".leavecomment[reply_comment_id=0]").find("textarea").focus();
	});

	obj.domObj.on('click', 'a.likepost', function (e) {
		e.preventDefault();

		if (!isLoggedIn()) {
			warnNotLoggedIn();

			return;
		}

		var feedid = $(this).attr('feedid');

		var link = this;

		$.ajax({
			url: "/service/LikePost.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				feed_id: feedid
			},
			success: function (data) {
				$(link).text("Liked");
			}

		});

	});

	obj.domObj.on('click', 'a.sharepost', function (e) {
		e.preventDefault();

		if (!isLoggedIn()) {
			warnNotLoggedIn();

			return;
		}

		var feedid = $(this).attr('feedid');

		var link = this;

		$.ajax({
			url: "/service/SharePost.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				feed_id: feedid
			},
			success: function (data) {
				$(link).text("Shared");
			}

		});
	});

	obj.domObj.on('click', '.reply', function (e) {
		e.preventDefault();

		var feed_id = $(this).attr('feed_id');
		var reply_comment_id = $(this).attr('comment_id');

		var comcon = obj.domObj.find(".comment_container[feed_id=" + feed_id + "][reply_comment_id=" + reply_comment_id + "]");
		//alert(".comment_container[feed_id=" + $(this).attr('feed_id') + "][reply_comment_id=" + $(this).attr('reply_comment_id') + "]");
		if (comcon.find(".leavecomment").length == 0) {
			var str = '<div class="leavecomment" reply_comment_id="' + reply_comment_id + '">\
							<span class="smallprofilepicblock"><img src="/service/GetProfilePic.php?account_id=' + g_userInfo.b4b_id + '" class="smallprofilepic" /></span>\
							<span style="display: inline-block; width: 100%;">\
								<textarea reply_comment_id="' + reply_comment_id + '" feed_id="' + feed_id + '" class="comment boxsizingBorder" style="width: 100%; height: 40px; " type="text" placeholder="Add a comment"></textarea>\
							<a href="#" class="btn-gray postcomment" reply_comment_id="' + reply_comment_id + '" feed_id="' + feed_id + '">Post Comment</a>\
							</span>\
						</div>\
						</div>';

			comcon.append(str);

		}

	});

	//this.updateFriends();


	obj.domObj.on('click', '.prevcomment', function (e) {
		e.preventDefault();
		$(this).remove();
		obj.getPreviousComments($(this).attr('feedid'), $(this).attr('reply_comment_id'), $(this).attr('parentid'));

	});

	obj.domObj.on('click', '.postcomment', function (e) {
		e.preventDefault();
		var reply_comment_id = $(this).attr('reply_comment_id');
		var feed_id = $(this).attr('feed_id');
		var commentbox = obj.domObj.find(".comment[feed_id=" + feed_id + "][reply_comment_id=" + reply_comment_id + "]");
		if (commentbox.length == 0 || String(commentbox.val()).trim() == '') {
			return;
		}

		blockWindow();

		$.ajax({
			url: "/service/WriteComment.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json",
			data: {
				feed_id: feed_id,
				reply_comment_id: reply_comment_id,
				msg: commentbox.val()
			},
			success: function (data) {
				unblockWindow();
				commentbox.val('');
			}
		});

	});

	return false;
}

Pictures.prototype.getDomObj = function () {
	return this.domObj;
}

Pictures.prototype.setMode = function (mode) {}

Pictures.prototype.setHooks = function () {

	var obj = this;
}

Pictures.prototype.destroy = function () {
	$("#content").addClass("page_width");
	this.destroyed = true;
}

Pictures.prototype.isBuilt = function () {
	return this.built;
}

Pictures.prototype.contentSet = function () {
	var obj = this;
	var updateTimeFunc = function () {
		obj.updateTimes();
		if (!obj.destroyed) {
			setTimeout(updateTimeFunc, TIME_UPDATE_TIME);
		}
	};
	setTimeout(updateTimeFunc, TIME_UPDATE_TIME);
}



function Outline(params) {
	this.built = false;
	this.events = [];
	this.createdCalendar = false;
	params = params || {};
	this.type = params.type || {};
	this.currEid = 0;
	this.timer = -1;
	this.destroyed = false;
}

Outline.prototype.getWeekScheduledExercises=function() {
	var obj = this;
	obj.domObj.find(".scheduled").removeClass("scheduled");
	$.ajax( { url: "/service/GetWeekScheduledExercises.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: { type: obj.type, restrict: (obj.domObj.find("#restrict:checked").length > 0 ? 'true': 'false') },
		success: function( data ) {	
			if (data) {
				for (var i = 0; i < data.length; i++) {
					obj.domObj.find('.exercise[eid="' + data[i].exercise_id + '"]').addClass("scheduled");
				}
			}
		}
	});
}

Outline.prototype.getExercises=function() {
		var obj = this;
		blockWindow();
		$.ajax( { url: "/service/GetPlanExercise.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: { type: obj.type, restrict: (obj.domObj.find("#restrict:checked").length > 0 ? 'true': 'false') },
		success: function( data ) {	
			//obj.exerciseTypes = data.data.exerciseTypes;
			//obj.exercises = data.data.exercises;
			unblockWindow();
			var html = '<div><div class="column" style="padding: 15px;">';
			
			var lastcat = -1;
			
			for (var i = 0; i < data.length; i++) {
				if (lastcat != data[i].catid) {
					html += '<h2 style="font-size: 1.2em !important; padding-top: 8px !important; display: table !important;">' + data[i].catname + '</h2>';
				}
				
				var boldstart = '';
				var boldend = '';
				if (data[i].fid && data[i].fid != '0') {
					boldstart = '<b>';
					boldend = '</b>';
				}
				var italicstart = '';
				var italicend = '';
				if (! data[i].description || data[i].description == 'null') {
					italicstart = '<i>';
					italicend = '</i>';	
				}
				html += '<div style="padding-left: 20px; padding-top: 20px; font-size: 1.0em !important; padding-top:3px; padding-bottom: 3px; display: table !important;"><a href="#" class="exercise" description="' + htmlencode(data[i].description, true) + '" fid="' + data[i].fid + '" eid="' + data[i].exercise_id + '">' + boldstart + italicstart + data[i].name + italicend + boldend + '</a></div>';

				
				lastcat = data[i].catid;
			}
			
			//for (var type in obj.exerciseTypes) {
				/*var type = 'anaerobic';
				//html += '<optgroup label="' + this.foodTypes[type].name + '" id="' + type + '" >';
				//html += '<div style="color: #000000; font-weight: bold; text-align:center; padding:4px;">&nbsp;&nbsp;' + obj.exerciseTypes[type].name + '&nbsp;</div>';
					for (var grp in obj.exerciseTypes[type].groups) {
						var edit_str = '';
						if (! obj.exerciseTypes[type].groups[grp].system) {
							//edit_str = '<a href="#" exerciseidx="' + obj.exerciseTypes[type].groups[grp].id + '" class="delete deletetype" exercisetype="' + type + '">X</a>';
						}
						html += '<h2 style="font-size: 1.2em !important; padding-top: 8px !important; display: table !important;">' + obj.exerciseTypes[type].groups[grp].name + '</h2>';
						//html += '<div style="display: table !important;"></div>';
						for (var id in obj.exerciseTypes[type].groups[grp].types) {
							//html += '<option value="' + id  + '" ' + (this.foodTypes[type].types[id].checked ? 'selected="selected"' : "") + '>' + this.foodTypes[type].types[id].name + '</option>';
							var edit_str = '';
							if (String(id).substr(0, 1) == 'd') {
								//edit_str = '<a href="#" class="editexercise" exerciseid="' +  id + '" exercisetype="' + type + '"><img src="/images/editfield.png" /></a>'
							}
							html += '<div style="padding-left: 20px; padding-top: 20px; font-size: 1.0em !important; padding-top:3px; padding-bottom: 3px; display: table !important;"><a href="#" class="exercise">' + obj.exercises[id].name + '</a></div>';
						}
						//html += '<hr />';
						//html += '</p>';
					}*/
				html += '</div>';
				
				//html += '<div style="padding: 12px; text-align: center;"><a class="btn-green" id="addexercise">Add Custom Exercise</a></div>';
				
				html+= '</div>';
			//}
			
			obj.domObj.find("#exerciseindex").html(html);
			
			if ($.contains(document, obj.domObj.find("#exerciseindex>div>div.column")[0])) {
				obj.domObj.find("#exerciseindex>div>div.column").columnize({width:200});
			}
			
			//$('#mydiv');
			
			obj.built = true;
			
			obj.getWeekScheduledExercises();
			
		}
	});
}

Outline.prototype.createCalendar=function() {
	var obj = this;
	var dragstart = 0;
	if (! obj.createdCalendar) {
		obj.domObj.find(".excalendar").fullCalendar({header: {
                                left: 'prev,next today',
                                center: 'title',
								right: ''
                                /*right: 'month,agendaWeek,agendaDay'*/
                        },
						columnFormat: 'ddd\nM/D', 
						views: {
							agendaWeek: { // name of view
								titleRangeSeparator: ' - '
								// other view-specific options here
							}
						},
						viewRender:function( view, element ) {
							//alert("dayrender");
							
							var start = view.start;
							var end = view.end;
							
							obj.events[obj.currId] = [];
							
							blockWindow();
							
							$.ajax( { url: "/service/GetExerciseSchedule.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
										cache: false,
										dataType: "json", 
										data: { exercise_id: obj.currId, start: String(start), end: String(end) },
										success: function( data ) {	
											//unblockWindow();
											obj.events[obj.currId] = data;
											if (typeof(obj.events[obj.currId]) == 'undefined') {
												obj.events[obj.currId] = [];
											}
											obj.domObj.find(".excalendar").fullCalendar('removeEvents', function(evt) {
												return true;
											});
											for (var i = 0; i < obj.events[obj.currId].length; i++) {			
													
													var t = obj.events[obj.currId][i].start.split(/[- :]/);
													var d = new Date(t[0], t[1]-1, t[2], t[3], t[4], t[5]);
													obj.events[obj.currId][i].start = d;
													var t = obj.events[obj.currId][i].end.split(/[- :]/);
													var d = new Date(t[0], t[1]-1, t[2], t[3], t[4], t[5]);
													obj.events[obj.currId][i].end = d;
													obj.domObj.find(".excalendar").fullCalendar('renderEvent', obj.events[obj.currId][i], true);
											}
											
											unblockWindow();
											
										}
							});
							
							
							
							
							
						},
                        selectable: true,
                        selectHelper: true,
						eventDragStart: function( event, jsEvent, ui, view ) { 
							dragstart = event.start;
							
						},
						eventDrop: function( event, delta, revertFunc, jsEvent, ui, view ) { 
							blockWindow();
							$.ajax( { url: "/service/RemoveExerciseSchedule.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
										cache: false,
										dataType: "json", 
										data: { exercise_id: obj.currId, start: String(dragstart) },
										success: function( data ) {	
										
											$.ajax( { url: "/service/AddExerciseSchedule.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
													cache: false,
													dataType: "json", 
													data: { exercise_id: obj.currId, start: String(event.start), end: String(event.end) },
													success: function( data ) {	
													
														unblockWindow();
													
													}
											 });
										
										}
								 });
						},
						eventResize: function ( event, delta, revertFunc, jsEvent, ui, view) {

								blockWindow();
								 $.ajax( { url: "/service/AddExerciseSchedule.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
										cache: false,
										dataType: "json", 
										data: { exercise_id: obj.currId, start: String(event.start), end: String(event.end) },
										success: function( data ) {	
											unblockWindow();
										}
								 });

                        },
                        select: function(start, end) {
                                var eventData;
								var title = obj.currEx;
                                //if (title) {
									
                                        eventData = {
                                                title: title,
                                                start: start,
                                                end: end
                                        };
										
										if (typeof(obj.events[obj.currId]) == 'undefined') {
											obj.events[obj.currId] = [];
										}
										obj.events[obj.currId].push(eventData);
										
										blockWindow();
								 $.ajax( { url: "/service/AddExerciseSchedule.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
										cache: false,
										dataType: "json", 
										data: { exercise_id: obj.currId, start: String(eventData.start), end: String(eventData.end) },
										success: function( data ) {	
											unblockWindow();
										}
								 });
										
                                        obj.domObj.find(".excalendar").fullCalendar('renderEvent', eventData, true); // stick? = true
                                //}
                                obj.domObj.find(".excalendar").fullCalendar('unselect');
                        },
						 eventClick: function(calEvent, jsEvent, view) {
							for (var i = obj.events[obj.currId].length - 1; i >= 0; i--) {
									//alert(obj.events[obj.currId][i].start + "\n" + calEvent.start );
									if (String(obj.events[obj.currId][i].start).trim() == String(calEvent.start).trim()) {
										obj.events[obj.currId].splice(i, 1);
									}
							}
							 obj.domObj.find(".excalendar").fullCalendar('removeEvents', function(evt) {
								 
								 blockWindow();
								 $.ajax( { url: "/service/RemoveExerciseSchedule.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
										cache: false,
										dataType: "json", 
										data: { exercise_id: obj.currId, start: String(calEvent.start) },
										success: function( data ) {	
											unblockWindow();
										}
								 });
								 
								 
								if (evt == calEvent) {
										return true;
								}
								return false;
							 });
						 },
                        editable: true,
						defaultView: 'agendaWeek',
						allDaySlot: false
						
	}
)


	obj.domObj.find(".excalendar").fullCalendar( 'changeView', 'agendaWeek' );
	
	obj.createdCalendar = true;
	}
	else {
		obj.domObj.find(".excalendar").fullCalendar('removeEvents', function(evt) {
								return true;
							 });
							 

var view = obj.domObj.find(".excalendar").fullCalendar('getView');	

var start = view.start;
							var end = view.end;
							
							obj.events[obj.currId] = [];
							
							blockWindow();
							
							$.ajax( { url: "/service/GetExerciseSchedule.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
										cache: false,
										dataType: "json", 
										data: { exercise_id: obj.currId, start: String(start), end: String(end) },
										success: function( data ) {	
											//unblockWindow();
											obj.events[obj.currId] = data;
											if (typeof(obj.events[obj.currId]) == 'undefined') {
												obj.events[obj.currId] = [];
											}
											obj.domObj.find(".excalendar").fullCalendar('removeEvents', function(evt) {
												return true;
											});
											for (var i = 0; i < obj.events[obj.currId].length; i++) {			
													
													var t = obj.events[obj.currId][i].start.split(/[- :]/);
													var d = new Date(t[0], t[1]-1, t[2], t[3], t[4], t[5]);
													obj.events[obj.currId][i].start = d;
													var t = obj.events[obj.currId][i].end.split(/[- :]/);
													var d = new Date(t[0], t[1]-1, t[2], t[3], t[4], t[5]);
													obj.events[obj.currId][i].end = d;
													obj.domObj.find(".excalendar").fullCalendar('renderEvent', obj.events[obj.currId][i], true);
											}
											
											unblockWindow();
											
										}
							});						 
							 
	}
	
	obj.events[obj.currId] = [];
	
	obj.domObj.find(".excalendar").fullCalendar( 'today' );
}

Outline.prototype.build = function(mode) {

	var obj = this;
	
	obj.type = mode || 'strength';

	var str = '<div class="cal_container bgcolor" style="font-family: Normal;">\
	<span id="showtypeselector" style="display: inline-block;"><p align="left" style="visibility: hidden;"><input type="checkbox" name="restrict" id="restrict" checked="checked" /> <label for="restrict">Restrict plan exercises</label></p><hr /></span>\
	<div id="exerciseindex"></div>\
	<div id="viewexercises" style="display:none;box-sizing: border-box;  ">\
	<div style="padding-left: 15px; "><a href="#" class="back">&lt; Back</a><hr /></div>\
	<div style="display:table;">\
	<div class="exercisepic">\
	</div>\
	<div class="exerciseinfo" style="padding-left: 15px;">\
	<article style="padding-top: 15px;">\
	<div style="background-color: #00aa00; background: linear-gradient( to left top, #00aa00 5%, #007700 100% ); color: #ffffff; font-size: 1.4em; padding: 10px;"><span class="exname"></span></div>\
	<p><span " id="description"><!--START:</span> Using a narrow-grip handle, keep your knees slightly bent with feet flat on the platform in front of you for stabilization.--></p>\
	<!--<p><span class="exercisetext">MOVE:</span> With your torso perpendicular to the floor and your eyes straight ahead, pull the handle toward your midsection, again focusing on driving your elbows back until the handle touches your navel. After squeezing your shoulder blades together at the peak of contraction, slowly return to the starting position, leaning slightly forward with your arms extended at the end of each rep to stretch your lats completely.</p>-->\
	<p><a href="#" class="btn-green sched-btn">Schedule this exercise</a></p>\
	</article>\
	</div>\
	</div>\
	</div>\
	<div class="viewexercisecal" style="display: none;">\
	<div style="padding-left: 15px; padding-bottom: 20px;"><a href="#" class="backinfo">&lt; Back</a><span style="display:inline-block; padding-left: 40px; box-sizing: border-box; color: #aa0000;" class="exname"></span><hr /></div>\
	<div class="excalendar"></div>\
	</div>\
	</div>';
	
	this.domObj = $(str);
	
	obj.domObj.find("#restrict").change(function() {
		obj.getExercises();
	});
	
	this.getExercises();

	obj.currEx = '';
	obj.currId = -1;
	
	obj.domObj.on('click', '.exercise', function(e) {
		e.preventDefault();
		obj.domObj.find(".exname").text($(this).text());
		obj.currEx = $(this).text();
		obj.currId = $(this).attr('eid');
		obj.currEid = obj.currId;
		obj.currFid = $(this).attr('fid');
		
		if (obj.timer != -1) {
			clearTimeout(obj.timer);
			obj.timer = -1;
		}
			
		if ($(this).attr('fid').substr(0, 4) == 'vid_') {
			var html = '<video id="epic" style="box-sizing: border-box;width: 45vw; max-width:500px; /*margin-right: 15px;*/ margin-top: 15px;" controls>\
				<source src="/service/GetFile.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + $(this).attr('fid') + '" type="video/mp4">\
			</video>';
		}
		else {
			var fids = $(this).attr('fid').split("|");
			var thefid = obj.currFid;
			var c = 0;
			var html = '<img src="/service/GetFile.php?pic=' + fids[0] +  '" id="epic" style="box-sizing: border-box; width: 45vw; max-width:500px; /*margin-right: 15px;*/ margin-top: 15px;"/>';
			var chgimgfunc = function() {
				//console.log("pth1");
				if (fids.length > 1) {
					//console.log("pth2");
					//obj.domObj.find("#epic").fadeOut('fast', function() {
						c++;
						if (c >= fids.length) {
							c = 0;
						}
						//console.log("pth3");
						obj.domObj.find("#epic").attr('src', '/service/GetFile.php?pic=' + fids[c]);
							//console.log("pth4");
							if (obj.timer != -1 && ! obj.destroyed && obj.currFid == thefid) {
								obj.timer = setTimeout(chgimgfunc, 2000);
							}
						//});
					//});
				};
			
			}
			obj.timer = setTimeout(chgimgfunc, 2000);
		}
		obj.domObj.find(".exercisepic").html(html);
		obj.domObj.find("#description").html(nl2br(htmlencode($(this).attr('description') || '')));
		
		obj.domObj.find("#showtypeselector").fadeOut('slow', function() {
			obj.domObj.find("#exerciseindex").slideUp('slow', function() {
				
				if (! obj.currFid || obj.currFid == '0' && (obj.domObj.find("#description").html() == '' || obj.domObj.find("#description").html() == 'null')) {
					obj.domObj.find(".viewexercisecal").slideDown('slow', function() {
						obj.createCalendar();
					
					});
				}
				else {
					if (! obj.currFid || obj.currFid == '0') {
						obj.domObj.find("#epic").hide();
					}
					else {
						obj.domObj.find("#epic").show();
					}
					obj.domObj.find("#viewexercises").slideDown('slow');
				}
				
			});
		});
	});
	
	obj.domObj.on('click', '.sched-btn', function(e) {
		e.preventDefault();
		obj.domObj.find("#showtypeselector").hide();
		obj.domObj.find("#viewexercises").slideUp('slow', function() {
			obj.domObj.find(".viewexercisecal").slideDown('slow', function() {
				obj.createCalendar();
				
			});
		});
	});
	
	obj.domObj.on('click', '.back', function(e) {
		e.preventDefault();
		
		obj.domObj.find("#viewexercises").slideUp('slow', function() {
			obj.domObj.find("#exerciseindex").slideDown('slow', function() {
				$(window).triggerHandler("resize");
			});
			obj.domObj.find("#showtypeselector").show();
			obj.getWeekScheduledExercises();
		});
	});
	
	obj.domObj.on('click', '.backinfo', function(e) {
		e.preventDefault();
		obj.domObj.find("#showtypeselector").hide();
		obj.domObj.find(".viewexercisecal").slideUp('slow', function() {
			if (! obj.currFid || obj.currFid == '0' && (obj.domObj.find("#description").html() == '' || obj.domObj.find("#description").html() == 'null')) {
				obj.domObj.find("#exerciseindex").slideDown('slow');
				obj.domObj.find("#showtypeselector").show();
				obj.getWeekScheduledExercises();
			}
			else {
				if (! obj.currFid || obj.currFid == '0') {
					obj.domObj.find("#epic").hide();
				}
				else {
					obj.domObj.find("#epic").show();
				}
				obj.domObj.find("#viewexercises").slideDown('slow');
			}
		});
	});
	
	
		
	return false;
}

Outline.prototype.resize=function() {
	//this.domObj.find(".fc-time-grid-container.fc-scroller").css('height', (window.innerHeight - $("#header").height()) / 2.2 + 'px !important');
}

Outline.prototype.getDomObj=function() {
	return this.domObj;
}
	
	
Outline.prototype.setMode=function(mode) {

}

Outline.prototype.setHooks=function() {
	var obj = this;
	obj.domObj.find("#exerciseindex>div>div.column").columnize({width:200});
	
	obj.domObj.on('click', "#addexercise", function(e) {
		e.preventDefault();
		var widget = new Widget("ExerciseBuilder", { userEditing: true, chooseCallback: function() { obj.getExercises(); } });
			widget.renderIntoPopup('100%', '100%', $(this));
	});
	

	



}

Outline.prototype.destroy=function() {
	var obj = this;
	$("#content").addClass("page_width");
	$("#footer").show();
	this.destroyed = true;
	if (obj.timer != -1) {
		clearTimeout(obj.timer);
		obj.timer = -1;
	}

}

Outline.prototype.isBuilt=function() {
	return this.built;
}

Outline.prototype.contentSet=function(){

}

function RemoveAccount(params) {
	this.loginRequired = true;
	this.destroyed = false;
	this.built = false;
	this.canceled = false;
	this.confirmPage = false;
	this.donePage = false;
}

RemoveAccount.prototype.getAccountRemoveRequest = function(cb) {
	const obj = this;
	$.ajax( { url: "/service/GetAccountRemoveRequest.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( remreq ) {
			if (remreq && remreq.has_req === true) {
				obj.remreq = {
					all_apps: remreq.all_apps,
					app_list: remreq.app_list
				};
			}
			else {
				obj.remreq = null;
			}

			cb();
		}
	});
}

RemoveAccount.prototype.doesUserHaveConfirmedRemoveRequest = function(cb) {
	const obj = this;
	$.ajax( { url: "/service/DoesUserHaveConfirmedRemoveRequest.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( hasreq ) {
			cb(hasreq);
		}
	});
}

RemoveAccount.prototype.buildAppSelectPage = function(mode, submode) {
	var obj = this;

	obj.confirmPage = false;
	
	var str = '';

	str += '<div class="content_container bgcolor">\
	<div id="verify_account_block" style="display:none;">\
	<h1>Please verify your account:</h1><hr /><br />\
	<form method="POST" action="#" id="verify_account_form">\
	<label for="password" style="padding-right: 10px;">Password:</label>\
	<input type="password" id="password" name="password" />\
	<p align="center" id="verifyerror" style="font-size: 18px; color: #ff6666;"></p><br /><hr /><br />\
	<div class="btn-group" style="text-align:center;">\
		<input class="btn-green cancelremoveaccount" type="button" value="Cancel" />\
        <input name="btn-submit" class="btn-green" type="submit" value="Verify" id="verifybutton">\
	</div></form><br/>\
	</div>\
	<div id="app_select_block" style="display:none;">\
	<div id="app_list"></div>\
	<p align="center" class="error errorupdate"></p><br /><hr /><br />\
	<div class="btn-group" style="text-align:center;">\
		<input class="btn-green cancelremoveaccount" type="button" value="Cancel" />\
        <input disabled="disabled" name="btn-submit" class="btn-green" type="submit" value="Remove Account" id="doremoveaccount">\
	</div><br/>\
	</div>\
	</div>';

	obj.domObj = $(str);

	obj.doesUserHaveConfirmedRemoveRequest(function(has_req) {
		if (has_req) {
			obj.canceled = obj.built = true;
			return true;
		}

		$.ajax( { url: "/service/NeedsPasswordVerify.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
			cache: false,
			dataType: "json", 
			data: {},
			success: function( needsVerify ) {
				obj.needsVerify = needsVerify;

				$.ajax( { url: "/service/GetRemovableInstances.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
					cache: false,
					dataType: "json", 
					data: {},
					success: function( applist ) {
						obj.applist = applist;

						obj.getAccountRemoveRequest(function() {
							obj.built = true;
						});
					}	
				});
			}
		});
	});

	return false;

}

RemoveAccount.prototype.buildConfirmPage = function(mode, submode) {
	var obj = this;

	obj.confirmPage = true;
	
	var str = '';

	str += '<div class="content_container bgcolor">\
	<h1>Please confirm the account data removal request:</h1><hr /><br />\
	<form id="confirmremoveaccount-form" class="form" action="#" method="post">\
	<p align="center" style="font-size: 20px;">We have sent an email to <B>' + htmlencode(g_userInfo.email) + '</b>.</p>\
	<p align="center" style="font-size: 20px;">Please enter the confirmation code below to remove account data:</p>\
	<p style="text-align:center; white-space: nowrap; margin-top: 2px;" id="code_entry">\
	</p>\
	</form>\
	<p align="center" class="error errorupdate"></p><br /><br /><hr /><br />\
	<div class="btn-group" style="text-align:center;">\
		<input class="btn-green" type="button" value="Cancel Request" id="cancelremoveaccountreq">\
	</div><br/>\
	</div>';

	obj.domObj = $(str);

	obj.doesUserHaveConfirmedRemoveRequest(function(has_req) {
		if (has_req) {
			obj.canceled = obj.built = true;
			return;
		}
		else {
			obj.remreq = null;
			obj.getAccountRemoveRequest(function() {
				obj.built = true;
				if (! obj.remreq) {
					setWindow('RemoveAccount');
					return;
				}
			});
		}
	});

	return false;

}

RemoveAccount.prototype.buildDonePage = function(mode, submode) {
	var obj = this;

	obj.confirmPage = true;
	
	var str = '';

	str += '<div class="content_container bgcolor">\
	<h1>We have received your request</h1><hr /><br />\
	<p align="center" style="font-size: 18px;">We have received your removal request and have begun processing it.</p>\
	<p align="center" style="font-size: 18px;">You will receive an email at <B>' + htmlencode(g_userInfo.email) + '</b> when the request is complete.</p>\
	<br/><br />\
	</div>';

	obj.domObj = $(str);

	return true;

}

RemoveAccount.prototype.build = function(mode, submode) {

	var obj = this;

	if (mode === 'confirm') {
		return obj.buildConfirmPage();
	}
	else if (mode === 'done') {
		return obj.buildDonePage();
	}
	else {
		return obj.buildAppSelectPage();
	}
	
	return false;
}

RemoveAccount.prototype.getDomObj=function() {
	return this.domObj;
}	
	
RemoveAccount.prototype.setMode=function(mode) {
}	
	
RemoveAccount.prototype.setHooks=function() {
	
	var obj = this;
}

RemoveAccount.prototype.destroy=function() {
	this.destroyed = true;
}

RemoveAccount.prototype.isBuilt=function() {
	return this.built || this.canceled;
}

RemoveAccount.prototype.buildAppList=function() {
	const obj = this;
	const data = obj.applist;
	if (data) {
		let htmlstr = '<h1>Please select the app data you want to remove:</h1><hr /><br />';
		htmlstr += '<ul id="app_removal_list">';
		htmlstr += '<li style="padding-bottom: 10px;"><input type="checkbox" class="actdel_chkbox" id="all_apps" /> <label style="display: inline !important;" for="all_apps">Login Credentials</label></li>';
		for (var app in data) {
			let date_txt = '';
			let appclass = ' skip';
			if (data[app].appguids.length == 0) {
				date_txt = '<span style="display: inline-block; padding-left: 30px; font-size: 16px; color: #ff6666"><small><B>Created:</B> <i>(' + htmlencode(data[app].added) + ')</i> <br /><B>Last Used:</B> <i>(' + htmlencode(data[app].last_accessed) + ')</i></small></span>';
				appclass = '';
			}
			htmlstr += '<ul><li style="padding-bottom: 10px;"><div style="white-space: nowrap;"><input type="checkbox" class="actdel_chkbox' + appclass + '" data-appname="' + htmlencode(data[app].appname) + '"  data-appguid="" id="appname_' + htmlencode(data[app].appname) + '" /> <label style="display: inline !important;" for="appname_' + htmlencode(data[app].appname) + '">' + htmlencode(data[app].appdesc) + '</label></div>' + date_txt + '</li>';
			for (let i = 0; i < data[app].appguids.length; i++) {
				const appguid = data[app].appguids[i];
				date_txt = '<span style="display: inline-block; padding-left: 30px; font-size: 16px; color: #ff6666"><small><B>Created:</B> <i>(' + htmlencode(appguid['added']) + ')</i> <br /><B>Last Used:</B> <i>(' + htmlencode(appguid['last_accessed']) + ')</i></small></span>';
				htmlstr += '<ul><li style="padding-bottom: 10px;"><div style="white-space: nowrap;"><input type="checkbox" class="actdel_chkbox" data-appname="' + htmlencode(appguid['appname']) +'"  data-appguid="' + htmlencode(appguid['appguid']) + '" id="appname_' + htmlencode(appguid['appname']) + '_appguid_' + htmlencode(appguid['appguid']) + '" /> <label style="display: inline !important;" for="appname_' + htmlencode(appguid['appname']) + '_appguid_' + htmlencode(appguid['appguid']) + '">' + htmlencode(appguid['appguid']) + '</label></div>' + date_txt + '</li></ul>';
			}
			htmlstr += '</ul>';
		}
		htmlstr += '</li>';
		htmlstr += '</ul>';

		obj.domObj.find("#app_list").html(htmlstr);
	}
}

RemoveAccount.prototype.checkAppList=function() {
	const obj = this;
	const applist = obj.remreq;

	if (applist) {
		if (applist.all_apps) {
			obj.domObj.find('#all_apps').prop('checked', true).triggerHandler('change');
		}
		else {
			for (let i = 0; i < applist.app_list.length; i++) {
				const appname = applist.app_list[i].appname;
				const appguid = applist.app_list[i].appguid;
				obj.domObj.find(".actdel_chkbox").filter(function() {
					const curr_appname = $(this).attr('data-appname');
					const curr_appguid = $(this).attr('data-appguid');
					
					if (curr_appname === appname && curr_appguid === appguid) {
						return true;
					}
					return false;
				}).prop('checked', true).triggerHandler('change');
			}
		}
	}
	else {
		obj.domObj.find(".actdel_chkbox").filter(function() {
			const curr_appname = $(this).attr('data-appname');
			
			if (curr_appname === 'FITSTEPPER') {
				return true;
			}
			return false;
		}).prop('checked', true).triggerHandler('change');
	}
}

RemoveAccount.prototype.contentSetAppSelectPage = function() {
	const obj = this;

	obj.buildAppList();

	obj.domObj.find("#verify_account_form").submit(function(e) {
		e.preventDefault();
		const password = obj.domObj.find("#password").val();
		
		$.ajax( { url: "/service/VerifyPassword.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: { 
				password: password
			},
			success: function( data ) {	
				if (data && data.success === false) {
					obj.domObj.find("#verifyerror").text(data.error);
				}
				else if (data && data.success === true) {
					obj.domObj.find("#verifyerror").text('');
					obj.domObj.find("#verify_account_block").slideUp('slow', function() {
						obj.domObj.find("#app_select_block").slideDown('slow');
					});
				}
			}
		});	
	});

	
	obj.domObj.find(".cancelremoveaccount").click(function(e) {
		e.preventDefault();
		setWindow('Settings');
	});

	obj.domObj.find("#doremoveaccount").click(function(e) {
		e.preventDefault();

		const num_checked = obj.domObj.find(".actdel_chkbox:checked").length;
		if (num_checked <= 0) {
			return;
		}

		var all_apps = 0;
		var app_list = [];

		obj.domObj.find(".actdel_chkbox:checked:not(.skip)").each(function() {
			const id = $(this).attr('id');
			if (id == 'all_apps') {
				all_apps = 1;
			}
			else {
				const appname = $(this).attr('data-appname');
				const appguid = $(this).attr('data-appguid');
				
				app_list.push({
					appname: appname,
					appguid: appguid
				});
			}
		});

		$.ajax( { url: "/service/RemoveAccounts.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: { 
				all_apps: all_apps,
				app_list: app_list
			},
			success: function( data ) {	
				if (data && data.success === false && data.need_verify === true) {
					obj.domObj.find("#app_select_block").slideUp('slow', function() {
						obj.domObj.find("#verify_account_block").slideDown('slow');
					});
				}
				else if (data && data.success === true) {
					setWindow('RemoveAccount-confirm');
				}
			}
		});	
	});

	obj.domObj.find(".actdel_chkbox").on('change', function(e) {

		const id = $(this).attr('id');
		const checked = $(this).is(':checked');
		if (id == 'all_apps') {
			if (checked) {
				obj.domObj.find(".actdel_chkbox").prop('checked', true);
			}
		}
		else {
			const appname = $(this).attr('data-appname');
			const appguid = $(this).attr('data-appguid');
			if (! checked) {
				obj.domObj.find('#all_apps').prop('checked', false);

				if (appguid) {
					obj.domObj.find(".actdel_chkbox").filter(function() {
						const curr_appname = $(this).attr('data-appname');
						const curr_appguid = $(this).attr('data-appguid');
						
						if (curr_appname === appname && ! curr_appguid) {
							return true;
						}
						return false;
					}).prop('checked', false);
				}
				else {

					obj.domObj.find(".actdel_chkbox").filter(function() {
						const curr_appname = $(this).attr('data-appname');
						const curr_appguid = $(this).attr('data-appguid');
						
						if (curr_appname === appname) {
							return true;
						}
						return false;
					}).prop('checked', false);
				}
			}
			else {
				if (! appguid) {
					obj.domObj.find(".actdel_chkbox").filter(function() {
						const curr_appname = $(this).attr('data-appname');
						const curr_appguid = $(this).attr('data-appguid');
						
						if (curr_appname === appname && curr_appguid) {
							return true;
						}
						return false;
					}).prop('checked', true);
				}
				else {
					const num = obj.domObj.find(".actdel_chkbox").filter(function() {
						const curr_appname = $(this).attr('data-appname');
						const curr_appguid = $(this).attr('data-appguid');
						
						if (curr_appname === appname && curr_appguid) {
							return true;
						}
						return false;
					}).length;

					const num_checked = obj.domObj.find(".actdel_chkbox:checked").filter(function() {
						const curr_appname = $(this).attr('data-appname');
						const curr_appguid = $(this).attr('data-appguid');
						
						if (curr_appname === appname && curr_appguid) {
							return true;
						}
						return false;
					}).length;

					if (num === num_checked) {
						obj.domObj.find(".actdel_chkbox").filter(function() {
							const curr_appname = $(this).attr('data-appname');
							const curr_appguid = $(this).attr('data-appguid');
							
							if (curr_appname === appname) {
								return true;
							}
							return false;
						}).prop('checked', true);
					}
				}
			}
		}

		const num_checked = obj.domObj.find(".actdel_chkbox:checked").length;
		if (num_checked <= 0) {
			obj.domObj.find("#doremoveaccount").prop('disabled', true);
		}
		else {
			obj.domObj.find("#doremoveaccount").prop('disabled', false);
		}
	});

	obj.checkAppList();

	if (obj.needsVerify) {
		obj.domObj.find("#verify_account_block").slideDown('slow');
	}
	else {
		obj.domObj.find("#app_select_block").slideDown('slow');
	}
}

RemoveAccount.prototype.contentSetDonePage = function() {

}

RemoveAccount.prototype.contentSetConfirmPage = function() {
	const obj = this;

	var code_check_in_progress = false;

	obj.domObj.find("#cancelremoveaccountreq").click(function(e) {
		e.preventDefault();

		$.ajax( { url: "/service/CancelRemoveAccounts.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: {},
			success: function( data ) {
				setWindow('Settings');
			}
		});
	});

	(function($domobj, num, donefunc) {

		(function() { // generate inputs
			var htmlstr = '';
			for (let i = 1; i <= num; i++) {
				htmlstr += '<input class="digitinput nostyle" type="number" maxlength="1" size="1" id="digit' + i + '" style="" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />';
			}
			htmlstr += '<p align="center" id="code_error"></p>';
			$domobj.html(htmlstr);
		})();

		const validChars = [ '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' ];
		var block_complete = false;
		var block_complete_timer = null;

		var resetPosition = function(obj) {
			const $start_input = $domobj.find('#digit1');
			var $next_input = $(obj);
			if ($start_input[0] === obj || String($(obj).val()).length >= 1) {
				$(obj).val('');
				for (;;) {
					$next_input = $next_input.next('.digitinput');
					if ($next_input.length) $next_input.val('');
					else break;
				}
			}
			$next_input = $start_input;
			for (;;) {
				if ($next_input.length == 0) return;
				if (String($next_input.val()).length <= 0) {
					if ($next_input[0] !== obj) {
						$next_input.focus();
						for (;;) {
							$next_input = $next_input.next('.digitinput');
							if ($next_input.length) $next_input.val('');
							else break;
						}
					}
					return;
				}
				$next_input = $next_input.next('.digitinput');
			}
		};

		var resetFocused = function() {
			let $focused = $domobj.find(".digitinput:focus");
			if ($focused.length) {
				resetPosition($focused[0]);
			}
		};

		$domobj.find(".digitinput").on('paste', function(e) {
			let paste = String((event.clipboardData || window.clipboardData).getData("text"));
			e.preventDefault();
			if (paste) {
				$domobj.find(".digitinput").val('');

				const $start_input = $domobj.find('#digit1');
				let $curr_input = $start_input;
				for (let i = 0; i < paste.length; i++) {
					if (validChars.indexOf(paste.substr(i, 1)) == -1) {
						block_complete = true;
						$curr_input.focus();
						if (block_complete_timer !== null) clearTimeout(block_complete_timer);
						block_complete_timer = setTimeout(function() {
							$curr_input.val('');
							resetFocused();
							block_complete = false;
						}, 0);
						return;
					}
					else {
						$curr_input.val(paste.substr(i, 1));
						$curr_input = $curr_input.next('.digitinput');
						if ($curr_input.length == 0) {
							if (! block_complete) donefunc();
							return;
						}
					}
				}
				block_complete = true;
				$curr_input.focus();
				if (block_complete_timer !== null) clearTimeout(block_complete_timer);
				block_complete_timer = setTimeout(function() {
					$curr_input.val('');
					resetFocused();
					block_complete = false;
				}, 0);
			}
		});

		$domobj.find(".digitinput").on('input keydown', function(e) {

			$domobj.find("#code_error").text('');
			
			if (String($(this).val()).length >= 1 && validChars.indexOf($(this).val()) == -1) {
				$(this).val('');
				return;
			}
			else if (String($(this).val()).length == 0) $(this).val('');

			if (String($(this).val()).length >= 1) {
				const $next_input = $(this).next('.digitinput');
				if ($next_input.length == 0) {
					if (! block_complete) donefunc();
					return;
				}
				else {
					$next_input.focus();
				}
			}
			else if (e.key == 'Delete' || e.key == 'Backspace') {
				const $prev_input = $(this).prev('.digitinput');
				if ($prev_input.length) {
					$prev_input.val('');
					$prev_input.focus();
				}
			}

			resetFocused();
		});

		$domobj.find(".digitinput").on('focus', function() {
			resetPosition(this);
		});

	})(obj.domObj.find("#code_entry"), 6, function() {
		if (code_check_in_progress) return;
		code_check_in_progress = true;

		obj.domObj.find(".digitinput").blur();
		obj.domObj.find(".digitinput, #cancelremoveaccountreq").prop('disabled', true);
		obj.domObj.find("#code_error").text('');

		var code = String(obj.domObj.find("#digit1").val()) + String(obj.domObj.find("#digit2").val()) + String(obj.domObj.find("#digit3").val()) + String(obj.domObj.find("#digit4").val()) + String(obj.domObj.find("#digit5").val()) + String(obj.domObj.find("#digit6").val());

		setTimeout(function() {
			$.ajax( { url: "/service/ConfirmAccountRemovalCode.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
				cache: false,
				dataType: "json", 
				data: { code: code } ,
				success: function( data ) {	
					if (! data || data.success === false) {
						if (data && data.error) obj.domObj.find("#code_error").text(data.error);
						else if (! data) obj.domObj.find("#code_error").text('An error has occurred, please try again later.');
						setTimeout(function() {
							code_check_in_progress = false;
							obj.domObj.find(".digitinput").val('');
							obj.domObj.find(".digitinput, #cancelremoveaccountreq").prop('disabled', false);
							obj.domObj.find("#digit1").focus();
						}, 2500);
					}
					else if (data && data.success === true) {
						setWindow('RemoveAccount-done');
					}
				}
			});
		}, 1100);

	});

	obj.domObj.find("#digit1").focus();
}

RemoveAccount.prototype.contentSet=function(){
	const obj = this;
	if (obj.canceled) {
		setWindow('Settings');
		return;
	}

	if (obj.donePage === true) {
		return obj.contentSetDonePage();
	}
	else if (obj.confirmPage === true) {
		return obj.contentSetConfirmPage();
	}
	else {
		return obj.contentSetAppSelectPage();
	}
}
function LogFood(params) {
    params = params || {};
    this.loginRequired = true;
    this.destroyed = false;
    this.built = false;
    this.request = null;
    this.autosearch = params.autosearch || ''; //'0039400019763';
    this.results = {};
    this.viewmode = 1;
    this.bucket_id = -1;
    this.lastSearch = '';

    this.results = {
        0: {},
        1: {}, // food
        2: {}, // recent
        3: {}, // myfood
        4: {} // overview
    };
    this.servings = {
        0: {},
        1: {},
        2: {},
        3: {},
        4: {}
    };
    this.added = {
        0: {},
        1: {},
        2: {},
        3: {},
        4: {}
    };
    this.recent_food_servings = {
        0: {},
        1: {},
        2: {},
        3: {},
        4: {}
    };
}

LogFood.prototype.appendFood = function(id, name, servings, servingDesc, calories, protein, carbs, sugar, fiber, fat, satFat, monoFat, polyFat, cholesterol, sodium, potassium, food_log_type, servingG, food_id, meal_id, servid, cal_input, weight_input, weight_unit) {
    var obj = this;
    var str = '';
    servingG = servingG || 0;
    obj.domObj.find('[logid="' + id + '"]').remove();
    var strhtml = '<span style="color: #000000;"><br ><B>Calories:</b> ' + parseFloat(calories * servings).toFixed(2) + ' kCal';
    strhtml += '<br /><B>Protein:</b> ' + parseFloat(protein * servings).toFixed(2) + ' g';
    strhtml += '<br /><B>Carbs:</B> ' + parseFloat(carbs * servings).toFixed(2) + ' g';
    strhtml += '<br /><B>Fat:</b> ' + parseFloat(fat * servings).toFixed(2) + ' g';
    strhtml += '<br /><a href="#" class="btn-red removelog" logid="' + id + '" style="padding: 7px; font-size: 0.7em; margin-top: 8px;">Remove</a>';
    strhtml += '</span>';
    str += '<div food_id="' + htmlencode(food_id || '') + '" meal_id="' + htmlencode(meal_id || '') + '" food_log_type="' + food_log_type + '" logid="' + id + '"  servings="' + servings + '" sugar="' + sugar + '" potassium="' + potassium + '" sodium="' + sodium + '" cholesterol="' + cholesterol + '" polyFat="' + polyFat + '" monoFat="' + monoFat + '"  satFat="' + satFat + '" fat="' + fat + '" fiber="' + fiber + '" carbs="' + carbs + '"  protein="' + protein + '" cal_input="' + htmlencode(cal_input) + '" weight_input="' + htmlencode(weight_input) + '" weight_unit="' + htmlencode(weight_unit) + '" servingG="' + servingG + '"  calories="' + calories + '" servid="' + (servid || '') + '"  food_id="' + (food_id || '') + '" class="foodresult" style="padding: 8px;padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #cccccc;"><span style="color: #aa0000;">' + htmlencode(name) + '</span>' + strhtml + '</div>';
    obj.domObj.find("#addedfoods").prepend(str);
    obj.domObj.find('[logid="' + id + '"]').attr('foodname', name); //.attr('servingSize', servingSize);
    //foodname="' + htmlencode(name) + '"
}

LogFood.prototype.addFood = function(bucket_id, logday, servings, name, calories, protein, carbs, sugar, fiber, fat, satFat, monoFat, polyFat, cholesterol, sodium, potassium, food_log_type, servingG, food_id, servid, cal_input, weight_input, weight_unit, callback) {
    var obj = this;
    //blockWindow();
    //servid = servid || '';
    //servingG = servingG || 0;
	cal_input = cal_input || '';
	weight_input = weight_input || '';
	weight_unit_input = weight_unit || '';
    $.ajax({
        url: "/service/LogFood.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
        cache: false,
        dataType: "json",
        data: {
            name: name,
            bucket_id: bucket_id,
            logday: logday,
            food_id: (food_id || ''),
            food_log_type: food_log_type,
            servings: servings,
            calories: calories,
            protein: protein,
            carbs: carbs,
            sugar: sugar,
            fiber: fiber,
            fat: fat,
            satFat: satFat,
            monoFat: monoFat,
            polyFat: polyFat,
            cholesterol: cholesterol,
            sodium: sodium,
            potassium: potassium,
            servingG: servingG,
            servid: servid,
			cal_input: cal_input,
			weight_input: weight_input,
			weight_unit: weight_unit
        },
        success: function(data) {
            //obj.appendFood(data, name, servings, servingDesc, calories, protein, carbs, sugar, fiber, fat, satFat, monoFat, polyFat, cholesterol, sodium, potassium, food_log_type, servingG, food_id, meal_id, servid);
            //obj.doSearch();
            //unblockWindow();
            callback(data);
        }
    });

}

LogFood.prototype.getLoggedFood = function() {
    var obj = this;
    $.ajax({
        url: "/service/GetLoggedFood.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
        cache: false,
        dataType: "json",
        data: {},
        success: function(data) {
            obj.built = true;
            for (var i = 0; i < data.length; i++) {
                obj.appendFood(data[i].food_log_id, data[i].name, data[i].servings, data[i].servingDesc, data[i].calories, data[i].protein, data[i].carbs, data[i].sugar, data[i].fiber, data[i].fat, data[i].satFat, data[i].monoFat, data[i].polyFat, data[i].cholesterol, data[i].sodium, data[i].potassium, data[i].food_log_type, data[i].servingG, data[i].food_id, '', data[i].servid, data[i].cal_input, data[i].weight_input, data[i].weight_unit);

            }
        }

    });

}

LogFood.prototype.setInfiRangeValue = function(val) {
    var obj = this;
    this.infirange.canvas.width = $(this.infirange.canvas).width();
    this.infirange.canvas.height = $(this.infirange.canvas).height();

    var h = this.infirange.canvas.height;
    var w = this.infirange.canvas.width;

    val -= obj.infirange.startval;

    val *= obj.infirange.incby;

    this.infirange.ctx.moveTo(0, h / 2);
    this.infirange.ctx.lineTo(w, h / 2);

    var radius = 4;

    var offset = this.infirange.offset;
    //offset += w/2;


    var incby = parseInt(w / obj.infirange.numintervals);
    var center = parseInt(w / 2);

    this.infirange.offset = -(incby * val - center);

    //console.log(this.infirange.offset);

    this.drawInfiRange();
}

LogFood.prototype.getInfiRangeCurrentValue = function() {
    var obj = this;
    //obj.canvas.width = $(obj.canvas).width();
    //obj.canvas.height = $(obj.canvas).height();

    var h = obj.infirange.canvas.height;
    var w = obj.infirange.canvas.width;

    var offset = obj.infirange.offset;

    var incby = parseInt(w / obj.infirange.numintervals);

    var x = offset % incby;
    if (isNaN(x)) x = 0;
    //var num = parseInt(Math.abs(offset)/incby);

    var center = w / 2;

    var closest_x = null;
    var new_offset = 0;

    for (;;) {

        //console.log("loop2 - x: " + x + " incby: " + incby);

        x += incby;
        if (closest_x === null || Math.abs(center - x) < Math.abs(new_offset)) {
            closest_x = x;
            new_offset = center - x;
        }

        if (x > w) break;
    }
    //console.log(new_offset);


    var gotox = Math.ceil(obj.infirange.offset + new_offset - center);

    var ret = parseInt(Math.abs(gotox) / incby);

    //ret /= 2.0;	

    //ret += obj.infirange.startval;

    return ret;

    //



    var obj = this;

    var h = obj.infirange.canvas.height;
    var w = obj.infirange.canvas.width;

    var offset = obj.infirange.offset;

    var incby = parseInt(w / obj.infirange.numintervals);
    var center = w / 2;

    var ret = parseInt(Math.abs(offset - center) / incby);
    //console.log(ret);
    return ret;
}

LogFood.prototype.drawInfiRange = function() {

    var obj = this;



    this.infirange.canvas.width = $(this.infirange.canvas).width();
    this.infirange.canvas.height = $(this.infirange.canvas).height();

    var h = this.infirange.canvas.height;
    var w = this.infirange.canvas.width;

    if (this.infirange.offset > w / 2) {
        this.infirange.offset = w / 2;
        //return;
    }

    this.infirange.ctx.clearRect(0, 0, w, h);

    this.infirange.ctx.beginPath();

    this.infirange.ctx.moveTo(0, h / 2);
    this.infirange.ctx.lineTo(w, h / 2);

    this.infirange.ctx.stroke();

    this.infirange.ctx.beginPath();

    this.infirange.ctx.moveTo(w / 2, h / 2 - 15);
    this.infirange.ctx.lineTo(w / 2, h / 2);

    this.infirange.ctx.stroke();

    this.infirange.ctx.beginPath();

    var radius = 4;

    var offset = this.infirange.offset;
    // console.log(this.infirange.offset);
    //offset += w/2;


    var incby = parseInt(w / obj.infirange.numintervals);
    var x = offset % incby;
    if (isNaN(x)) x = 0;
    //var num = parseInt(offset/incby);
    var num = parseInt(offset / incby);
    // console.log(num);
    // if (offset > 0) num = 0;

    // console.log(this.infirange.offset);

    //var start = x;
    for (;;) {

        //console.log("loop1 - x: " + x + " incby: " + incby);

        if (num <= 0) {
            this.infirange.ctx.arc(x, h / 2, radius, 0, 2 * Math.PI, false);
            this.infirange.ctx.fillStyle = 'green';
            this.infirange.ctx.fill();
            //this.ctx.lineWidth = 5;
            this.infirange.ctx.strokeStyle = '#003300';
            this.infirange.ctx.stroke();

            this.infirange.ctx.font = "12px Arial";
            var numstr = '' + (Math.abs(num) / obj.infirange.incby + obj.infirange.startval);
            this.infirange.ctx.fillText(numstr, x - numstr.length * 3, h / 2 + 20);

        }

        //console.log(x - this.infirange.offset);

        x += incby;
        num--;
        if (x > w) break;
    }

    var curr_num = (this.getInfiRangeCurrentValue() / obj.infirange.incby + obj.infirange.startval);

    var numstr = '' + curr_num;
    //console.log(numstr);
    this.infirange.ctx.font = "16px Arial";
    //this.ctx.fillText(numstr, w/2-numstr.length*3, h/2-20);
    numstr += ' ' + (curr_num == 1 ? obj.infirange.labels.single : obj.infirange.labels.multi);
    this.infirange.ctx.fillText(numstr, (w / 2) - (numstr.length * 4), h / 2 - 20);
    this.infirange.ctx.fill();

    if (curr_num != obj.infirange.curr_num) {
        obj.setServing();
        obj.infirange.curr_num = curr_num;
    }


}

LogFood.prototype.updateDash = function(datestr) {
    var obj = this;

    $.ajax({
        url: "/service/GetTodaysTotals.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
        cache: false,
        dataType: "json",
        data: {
            datestr: datestr
        },
        retryCnt: -1,
        success: function(data) {
            var num_cals = parseFloat(data['calories'] || 0).toFixed(0);
            var num_carbs = parseFloat(data['carbs'] || 0).toFixed(0);
            var num_protein = parseFloat(data['protein'] || 0).toFixed(0);
            var num_fat = parseFloat(data['fat'] || 0).toFixed(0);
            var buckets = data.buckets;

            if (obj.domObj.find("#logdate").val() != datestr) return;

            $.ajax({
                url: "/service/GetTodaysLimits.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
                cache: false,
                dataType: "json",
                data: {
                    datestr: datestr
                },
                retryCnt: -1,
                success: function(data) {

                    if (obj.domObj.find("#logdate").val() != datestr) return;


                    obj.domObj.find(".bucket_overlay").hide().removeClass('filled');
                    for (var bucket_id in buckets) {
                        if (buckets[bucket_id].calories) {
                            obj.domObj.find(".logmeal[bucketid=" + bucket_id + "]").find(".bucket_cals").text(Math.round(buckets[bucket_id].calories));
                            obj.domObj.find(".logmeal[bucketid=" + bucket_id + "]").find(".bucket_overlay").show().addClass('filled');
                        }
                        //alert(JSON.stringify(buckets));

                    }

                    //num_cals = 2693;

                    var daily_cals = 2000;
                    if (data) {
                        if (data.calories) {
                            daily_cals = parseInt(parseFloat(data.calories) /* + parseFloat(burned)*/ );
                        }
                    }

                    obj.domObj.find(".carb_val").text(num_carbs);
                    obj.domObj.find(".protein_val").text(num_protein);
                    obj.domObj.find(".fat_val").text(num_fat);

                    if (num_cals <= daily_cals) {
                        obj.domObj.find(".cals_less").show();
                        obj.domObj.find(".cals_greater").hide();

                        var w = Math.min(Math.ceil(num_cals / daily_cals * 100), 100);

                        obj.domObj.find(".cals_bar_left").css('width', w + '%');
                        obj.domObj.find(".cals_bar_right").css('width', (100 - w) + '%');
                        obj.domObj.find(".cals_left").css('width', w + '%');
                        obj.domObj.find(".cals_right").css('width', (100 - w) + '%');
                        obj.domObj.find(".daily_cals").text(daily_cals);
                        obj.domObj.find(".num_cals").text(num_cals);


                        obj.domObj.find(".your_cals_block").css('left', Math.floor(obj.domObj.find(".your_cals_block").parent().width() * (w / 100) - obj.domObj.find(".your_cals_block").width() / 2) + 'px');

                    } else {
                        obj.domObj.find(".cals_less").hide();
                        obj.domObj.find(".cals_greater").show();
                        obj.domObj.find(".daily_cals").text(daily_cals);
                        obj.domObj.find(".num_cals").text(num_cals);

                        var w = Math.min(Math.ceil(daily_cals / num_cals * 100), 100);

                        obj.domObj.find(".cals_bar_left").css('width', w + '%');
                        obj.domObj.find(".cals_bar_right").css('width', (100 - w) + '%');
                        obj.domObj.find(".cals_left").css('width', w + '%');
                        obj.domObj.find(".cals_right").css('width', (100 - w) + '%');

                        obj.domObj.find(".your_cals_block").css('left', Math.floor(obj.domObj.find(".your_cals_block").parent().width() - obj.domObj.find(".your_cals_block").width() / 2) + 'px');

                    }
                }
            });
        }
    });
}

LogFood.prototype.showNewFood = function() {

    var obj = this;

    obj.domObj.find("#fooddash").hide();
    obj.domObj.find("#searchfoodscreen").hide();
    obj.domObj.find("#addcustomscreen").show();
    //obj.domObj.find("#mealoverview").show();
    obj.domObj.find(".spacer:visible").height(obj.domObj.find(".floatbar:visible").height());
    $("#navbar,#navmenu").hide();
    $(window).scrollTop(0);
    $(window).triggerHandler('scroll');
    setMinHeight();
    obj.domObj.find("#newfoodname").focus();
    setMinHeight();

    obj.domObj.find(".searchfoodnavcell.positive").unbind('click').bind('click', function(e) {
        e.preventDefault();
        if (obj.domObj.find("#newfoodname").val().trim() == '') {
            alert("Please enter name for new food!");
            return;
        }
        $.ajax({
            url: "/service/AddCustomFood.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
            cache: false,
            dataType: "json",
            data: {
                name: obj.domObj.find("#newfoodname").val(),
                calories: obj.domObj.find("#newfoodcal").val(),
                protein: obj.domObj.find("#newfoodprotein").val(),
                carbs: obj.domObj.find("#newfoodcarbs").val(),
                fat: obj.domObj.find("#newfoodfat").val()
            },
            success: function(data) {
                obj.domObj.find("#cancelserving").click();
                obj.doSearch();
            }
        });
    });
}

LogFood.prototype.showFood = function() {
    //var id = $(this).attr('logid') || 0;

    var obj = this;

        if (obj.bucket_id == -1) {
            obj.domObj.find("#bucket_select_container").show();
        } else {
            obj.domObj.find("#bucket_select_container").hide();
        }

        //var servid = $(this).attr('servid') || 0;

        var food_id = obj.food_id;

        //obj.food_id = food_id;
        obj.scrolltop = $(window).scrollTop();

        //console.log(obj.results);
        //e.preventDefault();
        console.log(obj.results[obj.getri()]);
        obj.domObj.find("#foodname").text(obj.results[obj.getri()][food_id].name);
        if (!obj.results[obj.getri()][food_id].ingredients) {
            obj.domObj.find("#ingredient-row").hide().prev().children().css('border-bottom', 'none');
        } else {
            obj.domObj.find("#ingredient-row").show().prev().children().css('border-bottom', '1px solid black');
        }

        var unitstr = '';
        if (!obj.servings[obj.getri()][food_id] || !obj.servings[obj.getri()][food_id].length) {
            unitstr += $('<div />').append($('<option />').val('-1').text('Serving')).html();
		    unitstr += $('<div />').append($('<option />').val('cal').text('Calories')).html();
			obj.results[obj.getri()][food_id].serving1_g = 1;
        } else {
            for (var i = 0; i < obj.servings[obj.getri()][food_id].length; i++) {
                unitstr += $('<div />').append($('<option />').val(i).text('Serving: ' + obj.servings[obj.getri()][food_id][i].serving_desc)).html();
            }
			if (parseFloat(obj.results[obj.getri()][food_id].serving1_g)) {
				unitstr += $('<div />').append($('<option />').val('g').text('Weight')).html();
				unitstr += $('<div />').append($('<option />').val('cal').text('Calories')).html();
			}
        }

        obj.domObj.find("#unit").html(unitstr);


        obj.domObj.find("#ingredients").text(obj.results[obj.getri()][food_id].ingredients);

        var macrocarb = Math.round(obj.results[obj.getri()][food_id].carb_g * 4 / obj.results[obj.getri()][food_id].calories * 100);
        var macroprotein = Math.round(obj.results[obj.getri()][food_id].protein_g * 4 / obj.results[obj.getri()][food_id].calories * 100);
        var macrofat = Math.round(obj.results[obj.getri()][food_id].fat_g * 9 / obj.results[obj.getri()][food_id].calories * 100);
        var sum = macrocarb + macroprotein + macrofat;
        if (sum > 100) {
            if (macrofat) macrofat = 100 - (macroprotein + macrocarb);
            else if (macrocarb) macrocarb = 100 - (macroprotein + macrofat);
            else macroprotein = 100 - (macrocarb + macrofat);
        } else if (sum < 100) {
            if (macrofat) macrofat = 100 - (macroprotein + macrocarb);
            else if (macrocarb) macrocarb = 100 - (macroprotein + macrofat);
            else macroprotein = 100 - (macrocarb + macrofat);
        }
        //Math.max(0, 100 - macrocarb - macroprotein);

        obj.domObj.find("#macrocarb").css('width', macrocarb + '%');
        obj.domObj.find("#macroprotein").css('width', macroprotein + '%');
        obj.domObj.find("#macrofat").css('width', macrofat + '%');

        if (obj.viewmode == 4) {
            obj.backOverview = true;
        } else {
            obj.backOverview = false;
        }

        obj.domObj.find("#fooddash").hide();
        obj.domObj.find("#selectserving").show();
        obj.domObj.find("#searchfoodscreen").hide();
        obj.domObj.find("#foodbucketoverview").hide();
        obj.domObj.find(".spacer:visible").height(obj.domObj.find(".floatbar:visible").height());


        $("#navbar,#navmenu").hide();
        setMinHeight();

        //obj.infirange.offset = 0;

        obj.domObj.find("#unit").trigger('change');
        obj.setInfiRangeValue(1);
        obj.drawInfiRange();
        $(window).scrollTop(0);
        $(window).triggerHandler('scroll');


        if (typeof(obj.added[obj.getri()][obj.food_id]) != 'undefined') {
            //alert("here");
            //if (obj.added[obj.food_id].food_serving_id) {
				
			if (obj.added[obj.getri()][obj.food_id].cal_input) obj.domObj.find("#cals").val(obj.added[obj.getri()][obj.food_id].cal_input);
			else obj.domObj.find("#cals").val('');
			if (obj.added[obj.getri()][obj.food_id].weight_input) obj.domObj.find("#weight").val(obj.added[obj.getri()][obj.food_id].weight_input);
			else obj.domObj.find("#weight").val('');
			if (obj.added[obj.getri()][obj.food_id].weight_unit) obj.domObj.find("#weight_unit").val(obj.added[obj.getri()][obj.food_id].weight_unit);
			else obj.domObj.find("#weight_unit").val('g');
				
            if (obj.added[obj.getri()][obj.food_id].food_serving_id == 'cal') {
                obj.domObj.find("#unit").val(obj.added[obj.getri()][obj.food_id].food_serving_id);


                obj.domObj.find("#unit").triggerHandler('change');

                obj.setInfiRangeValue(obj.added[obj.getri()][obj.food_id].servings);
                obj.drawInfiRange();
				
				obj.domObj.find("#cals").trigger('keyup');
            } else if (obj.added[obj.getri()][obj.food_id].food_serving_id == 'g') {
                obj.domObj.find("#unit").val(obj.added[obj.getri()][obj.food_id].food_serving_id);


                obj.domObj.find("#unit").triggerHandler('change');

                obj.setInfiRangeValue(obj.added[obj.getri()][obj.food_id].servings);
                obj.drawInfiRange();
            } else if (obj.added[obj.getri()][obj.food_id].food_serving_id == '-1' || !obj.servings[obj.getri()][obj.food_id]) {
                obj.domObj.find("#unit").val('-1'/*obj.added[obj.getri()][obj.food_id].food_serving_id*/);


                obj.domObj.find("#unit").triggerHandler('change');

                obj.setInfiRangeValue(obj.added[obj.getri()][obj.food_id].servings||1);
                obj.drawInfiRange();
            } else {
                for (var j = 0; j < obj.servings[obj.getri()][obj.food_id].length; j++) {
                    if (obj.servings[obj.getri()][obj.food_id][j].food_serving_id == obj.added[obj.getri()][obj.food_id].food_serving_id) {

                        obj.domObj.find("#unit").val(j);
                        //alert(obj.added[obj.food_id].servings);



                        obj.domObj.find("#unit").triggerHandler('change');

                        obj.setInfiRangeValue(obj.added[obj.getri()][obj.food_id].servings);
                        obj.drawInfiRange();

                        //alert(obj.added[obj.food_id].servings);

                        break;

                    }
                }
            }
            //}		
        }
		else if (typeof(obj.results[obj.getri()][obj.food_id]) != 'undefined') {
            //alert("here");
            //if (obj.added[obj.food_id].food_serving_id) {
				
			if (obj.results[obj.getri()][obj.food_id].cal_input) obj.domObj.find("#cals").val(obj.results[obj.getri()][obj.food_id].cal_input);
			else obj.domObj.find("#cals").val('');
			if (obj.results[obj.getri()][obj.food_id].weight_input) obj.domObj.find("#weight").val(obj.results[obj.getri()][obj.food_id].weight_input);
			else obj.domObj.find("#weight").val('');
			if (obj.results[obj.getri()][obj.food_id].weight_unit) obj.domObj.find("#weight_unit").val(obj.results[obj.getri()][obj.food_id].weight_unit);
			else obj.domObj.find("#weight_unit").val('g');
							
            if (obj.results[obj.getri()][obj.food_id].food_serving_id == 'cal') {
                obj.domObj.find("#unit").val(obj.results[obj.getri()][obj.food_id].food_serving_id);


                obj.domObj.find("#unit").triggerHandler('change');

                obj.setInfiRangeValue(obj.results[obj.getri()][obj.food_id].servings);
                obj.drawInfiRange();
				
				obj.domObj.find("#cals").val(obj.results[obj.getri()][obj.food_id].servings).trigger('keyup');
            } else if (obj.results[obj.getri()][obj.food_id].food_serving_id == 'g') {
                obj.domObj.find("#unit").val(obj.results[obj.getri()][obj.food_id].food_serving_id);


                obj.domObj.find("#unit").triggerHandler('change');

                obj.setInfiRangeValue(obj.results[obj.getri()][obj.food_id].servings);
                obj.drawInfiRange();
            } else if (obj.results[obj.getri()][obj.food_id].food_serving_id == '-1' || !obj.servings[obj.getri()][obj.food_id]) {
                obj.domObj.find("#unit").val('-1'/*obj.results[obj.getri()][obj.food_id].food_serving_id*/);


                obj.domObj.find("#unit").triggerHandler('change');

                obj.setInfiRangeValue(obj.results[obj.getri()][obj.food_id].servings||1);
                obj.drawInfiRange();
            } else {
                for (var j = 0; j < obj.servings[obj.getri()][obj.food_id].length; j++) {
                    if (obj.servings[obj.getri()][obj.food_id][j].food_serving_id == obj.results[obj.getri()][obj.food_id].food_serving_id) {

                        obj.domObj.find("#unit").val(j);
                        //alert(obj.results[obj.getri()][obj.food_id].servings);



                        obj.domObj.find("#unit").triggerHandler('change');

                        obj.setInfiRangeValue(obj.results[obj.getri()][obj.food_id].servings);
                        obj.drawInfiRange();

                        //alert(obj.results[obj.food_id].servings);

                        break;

                    }
                }
            }
            //}		
        }
		else {
			
			
			obj.domObj.find("#cals").val('');
			obj.domObj.find("#weight").val('');
			obj.domObj.find("#weight_unit").val('g');
			
            if (obj.viewmode == 2) { // recent
                var num = obj.recent_food_servings[2][food_id].servings || 1;
                var servi = obj.getIndexFromServId(food_id, obj.viewmode, obj.recent_food_servings[2][food_id].food_serving_id || 0);
                obj.domObj.find("#unit").val(servi);
                obj.domObj.find("#unit").triggerHandler('change');
                obj.setInfiRangeValue(num);
                obj.drawInfiRange();
                /*	alert(servi);
   		    if (servi == 'cal') {
                
            } else if (servi == 'g') {
                obj.domObj.find("#unit").val(servi);
                obj.domObj.find("#unit").triggerHandler('change');
                obj.setInfiRangeValue(num);
                obj.drawInfiRange();
            } else if (obj.added[obj.getri()][obj.food_id].food_serving_id == '-1' || !obj.servings[obj.getri()][obj.food_id]) {
                obj.domObj.find("#unit").val(servi);
                obj.domObj.find("#unit").triggerHandler('change');
                obj.setInfiRangeValue(num);
                obj.drawInfiRange();
            } else {
                obj.domObj.find("#unit").val(servi);
                obj.domObj.find("#unit").triggerHandler('change');
                obj.setInfiRangeValue(num);
                obj.drawInfiRange();
            }*/
            }
        }

        if (!parseFloat(obj.results[obj.getri()][food_id].serving1_g)) {
            obj.domObj.find("#unit").val('-1');
        }


        obj.setServing();

        obj.domObj.find(".searchfoodnavcell.positive").unbind('click').bind('click', function(e) {
            e.preventDefault();

            var food_id = obj.food_id;
            var food_id = obj.food_id;
            if (!food_id) return;

            var s = obj.domObj.find("#unit").val();
            var num = (obj.getInfiRangeCurrentValue() / obj.infirange.incby + obj.infirange.startval);

            var servdata = obj.getFoodServing(food_id, s, num);

            var bucket_id = obj.bucket_id;
            if (bucket_id == -1) {
                bucket_id = obj.domObj.find("#bucket_select").val();
            }
			
			var cal_input = obj.domObj.find("#cals").val();
			var weight_input = obj.domObj.find("#weight").val();
			var weight_unit = obj.domObj.find("#weight_unit").val();
			
			servdata.cal_input = cal_input;
			servdata.weight_input = weight_input;
			servdata.weight_unit = weight_unit;

            obj.addFood(bucket_id, obj.d.toYMD(), num, obj.results[obj.getri()][food_id].name, servdata.calories, servdata.protein_g, servdata.carb_g, servdata.sugar_g, servdata.fiber_g, servdata.fat_g, servdata.fat_sat_g, 0 /*mono*/ , 0 /*poly*/ , servdata.cholesterol_mg, servdata.sodium_mg, 0 /*potassium*/ , 'food', servdata.grams, food_id, servdata.servid, cal_input, weight_input, weight_unit, function(id) {


                if (obj.bucket_id == -1) {
                    //obj.showDash();
                    setWindow('LogFood');
                    return;
                }

                obj.domObj.find('.foodresult[food_id="' + food_id + '"]').find(".addfood").parent().attr('added', true).attr('food_log_id', id).find(".addfood").attr('src', '/images/food_checked.png');


                servdata.servings = num;
                servdata.food_serving_id = servdata.servid;
                obj.added[obj.getri()][food_id] = servdata;

                obj.setFoodDetails(food_id);

                //$(fooditem).removeAttr('ajax');
                //$(fooditem).find("img").attr('src', '/images/food_checked.png');
                //$(fooditem).attr('added', true);
                //$(fooditem).attr('food_log_id', id);

                //obj.doSearch();
            });

            if (obj.bucket_id == -1) {
                return;
            }

            obj.domObj.find("#cancelserving").click();
        });

        /*var widget = new Widget("InputServings", {  callback: function(id, name, servings, servingDesc, calories, protein, carbs, sugar, fiber, fat, satFat, monoFat, polyFat, cholesterol, sodium, potassium, food_log_type, servingG, servid) {
        	obj.addFood(id, name, servings, servingDesc, calories, protein, carbs, sugar, fiber, fat, satFat, monoFat, polyFat, cholesterol, sodium, potassium, food_log_type, servingG, food_id, meal_id, servid);
        	
        }, 
        id: id, 
        edit: $(this).attr('food_log_type') != 'food',
        name: $(this).attr('foodname'), 
        nutrients: nutrients,
        servid: servid,
        food_id: food_id
        	});
        	widget.renderIntoPopup('100%', '100%', $(this));*/
}

/*var getStackTrace = function() {
    var obj = {};
    Error.captureStackTrace(obj, getStackTrace);
    return obj.stack;
  };
*/

LogFood.prototype.showDash = function() {
    var obj = this;
    obj.domObj.find("#fooddash").show();

    obj.bucket_id = -1;
    obj.domObj.find("#foodbucketoverview").hide();
    obj.domObj.find("#searchfoodscreen").hide();
    obj.domObj.find("#selectserving").hide();
    obj.domObj.find(".spacer:visible").height(obj.domObj.find(".floatbar:visible").height());
    //obj.domObj.find("#foodsearchspacer").height(obj.domObj.find("#searchbar").height());
    $("#navbar,#navmenu").show();
    $(window).scrollTop(0);
    $(window).triggerHandler('scroll');
	
	setMinHeight();

    obj.updateDash(obj.d.toYMD());

    //alert(getStackTrace());

    //setWindow('LogFood');
}

LogFood.prototype.showSearch = function(clickfirst) {
    var obj = this;
    //alert("here");
    obj.domObj.find("#foodbucketoverview").hide();
    obj.domObj.find("#fooddash").hide();
    obj.domObj.find("#selectserving").hide();
    obj.domObj.find("#addcustomscreen").hide();
    obj.domObj.find("#searchfoodscreen").show();
    // alert("here1");
   // obj.domObj.find("#searchfoods").click();
    //alert("here2");
    //obj.domObj.find("#mealoverview").show();
    obj.domObj.find(".spacer:visible").height(obj.domObj.find(".floatbar:visible").height());
    $("#navbar,#navmenu").hide();
    $(window).scrollTop(0);
    $(window).triggerHandler('scroll');
	setMinHeight();
    //alert("here3");
    obj.domObj.find("#searchinputfood").focus();
    if (obj.bucket_id != -1) {
        obj.domObj.find(".mealcell").text('< ' + obj.domObj.find(".logmeal[bucketid=" + obj.bucket_id + "]").parent().find('.bucket_name').html().replace(/<br\s*\/?>/gi, ' '));
        obj.domObj.find(".bucketname").text(obj.domObj.find(".logmeal[bucketid=" + obj.bucket_id + "]").parent().find('.bucket_name').html().replace(/<br\s*\/?>/gi, ' '));
    }
    //alert("here4");
    //alert(clickfirst);
    obj.doSearch(clickfirst);

    obj.domObj.find(".searchfoodnavcell.positive").unbind('click').bind('click', function(e) {
        e.preventDefault();
       // obj.domObj.find(".searchfoodnavcell.mealcell").click();
        //obj.showOverview();
        //setWindow('LogFood-' + obj.bucket_id + '-overview');

        
        obj.domObj.find("#foodbucketoverview").show();

        obj.viewmode = 4;

        obj.domObj.find("#searchfoodscreen").hide();
        $("#navbar,#navmenu").hide();
        obj.domObj.find(".spacer:visible").height(obj.domObj.find(".floatbar:visible").height());
        $(window).scrollTop(0);
        $(window).triggerHandler('scroll');
        setMinHeight();
        obj.getBucketFood();

        obj.domObj.find(".searchfoodnavcell.positive").unbind('click').bind('click', function(e) {
            e.preventDefault();
            obj.showDash();
        });
    });

    if (! clickfirst) {
        obj.domObj.find('.searchfoodtabcell.selected').click();
    }

    //setWindow('LogFood-' + obj.bucket_id + '-search');
}

LogFood.prototype.showOverview = function() {
    var obj = this;
    obj.domObj.find("#foodbucketoverview").show();

    obj.viewmode = 4;
	
	if (obj.bucket_id != -1) {
		obj.domObj.find(".bucketname").text(obj.domObj.find(".logmeal[bucketid=" + obj.bucket_id + "]").parent().find('.bucket_name').html().replace(/<br\s*\/?>/gi, ' '));
	}
	else {
		obj.domObj.find(".bucketname").text('');
	}

    obj.domObj.find("#fooddash").hide();
    obj.domObj.find("#searchfoodscreen").hide();
    obj.domObj.find("#selectserving").hide();
    $("#navbar,#navmenu").hide();
    obj.domObj.find(".spacer:visible").height(obj.domObj.find(".floatbar:visible").height());
    $(window).scrollTop(0);
    $(window).triggerHandler('scroll');
	setMinHeight();
    obj.getBucketFood();
}

LogFood.prototype.build = function(mode, submode, subsubmode) {

    var obj = this;

    var str = '';

    str = '<div id="logfood" class="" style="padding-top:0px;">';

    str += '<div id="fooddash" class="full_container bgcolor" style="font-size: 16px !important;">\
	<p align="center"><span id="prevdate" style=""><img src="/images/prev-arrow.png"></span><input style="border: 1px solid #eeeeee; width: 150px !important; vertical-align: middle; margin-bottom: 0;" type="button" class="txtbox" id="logdate"><span id="nextdate" style=""><img src="/images/next-arrow.png"></span></p>';




    str += '<div style="width: 85%; max-width: 500px; margin-left: auto; margin-right: auto;">\
		<span style="font-size: 2.0em !important;" class="num_cals">0</span> Cal/<span class="daily_cals"></span> Daily calories\
		<div style="height: 10px; background-color: #aaaaaa;">\
		<table class="cals_less" cellpadding="0" cellspacing="0" style="width: 100% !important; height:100% !important;"><tr><td height="100%" width="0%" class="cals_bar_left" style="background-color: blue;"></td><td class="cals_bar_right" width="100%"></td></tr></table>\
		<table class="cals_greater" cellpadding="0" cellspacing="0" style="display: none; width: 100% !important; height:100% !important;"><tr><td class="cals_bar_left" height="100%" width="0%" style="background-color: red; border-right: 2px solid black;"></td><td class="cals_bar_right" width="100%" style="background-color: red;"></td></tr></table>\
		<div style="position: relative; width: 100%;"><span style="position: absolute;" class="your_cals_block"><div class="arrow-up"></div><span class="num_cals your_cals"></span></span>\
		<table class="cals_less" cellpadding="0" cellspacing="0"  style="width: 100% !important;"><tr><td class="cals_left" width="0%" style="text-align:right !important;"></td><td class="cals_right" width="100%" style="text-align:right !important;"><span class="daily_cals"></span></td></tr></table>\
		<table class="cals_greater" cellpadding="0" cellspacing="0"  style="display: none; width: 100% !important;"><tr><td class="cals_left" width="0%" style="text-align:right !important;"><span class="daily_cals"></span></td><td class="cals_right" width="100%" style="text-align:right !important;"></td></tr></table>\
		</div>\
		</div></div>';


    str += '<p align="center"><span style="display: inline-block; padding:15px; margin-top:8px; ">Carbs <span style="color: black; font-weight: bold;" class="macroval"><span class="carb_val">0</span>g</span></span><span style="display: inline-block; padding:15px;">Fat <span style="color: black; font-weight: bold;" class="macroval"><span class="fat_val">0</span>g</span></span><span style="display: inline-block; padding:15px; ">Protein <span style="color: black; font-weight: bold;" class="macroval"><span class="protein_val">0</span>g</span></span></p>';

    str += '<hr />';
    var imgs = ["/images/breakfast.png", "/images/lunch.png", "/images/dinner.png", "/images/breakfast_snack.png", "/images/lunch_snack.png", "/images/night_snack.png"];
    var meals = ["Breakfast", "Lunch", "Dinner", "Morning<br />Snack", "Afternoon<br />Snack", "Evening<br />Snack"];

    var buckets = [1, 2, 5, 6, 9, 10];

    str += '<table style="width: 85%; max-width: 500px; margin-left: auto; margin-right: auto;">\
		<tr>';

    for (var i = 0; i < meals.length; i++) {
        str += '<td valign="top" style="vertical-align: top !important;"><span style="position: relative; display:inline-block;" class="logmeal" bucketid="' + buckets[i] + '"><div class="bucket_overlay" style="display: none; border-radius: 50%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 255, 0.75); text-align:center;"><p style="position: relative; top: 50%; transform: translateY(-50%); vertical-align: middle; color: white; margin:0;"><span class="bucket_cals" style="font-size: 1.5em !important;">109</span><br />calories</p></div><img src="' + imgs[i] + '" style="width: 60px; height: 60px;" /></span><p align="center" class="bucket_name">' + meals[i] + '</p></td>';
        if (i != 0 && i != meals.length - 1 && (i + 1) % 3 == 0) {
            str += '</tr><tr>';
        }
    }
    /*		<td><span style="display:inline-block; padding:20px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); margin:10px; border-radius:50%; border: 1px solid #eeeeee;"><img src="/images/dinner.png" style="width: 60px; height: 60px;" /></span><p align="center">Breakfast</p></td>\
    		<td><span style="display:inline-block; padding:20px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); margin:10px; border-radius:50%; border: 1px solid #eeeeee;"><img src="/images/dinner.png" style="width: 60px; height: 60px;" /></span><p align="center">Breakfast</p></td>\
    		<td><span style="display:inline-block; padding:20px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); margin:10px; border-radius:50%; border: 1px solid #eeeeee;"><img src="/images/dinner.png" style="width: 60px; height: 60px;" /></span><p align="center">Breakfast</p></td>\
    		</tr><tr>\
    <td><span style="display:inline-block; padding:20px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); margin:10px; border-radius:50%; border: 1px solid #eeeeee;"><img src="/images/dinner.png" style="width: 60px; height: 60px;" /></span><p align="center">Breakfast</p></td>\
    <td><span style="display:inline-block; padding:20px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); margin:10px; border-radius:50%; border: 1px solid #eeeeee;"><img src="/images/dinner.png" style="width: 60px; height: 60px;" /></span><p align="center">Breakfast</p></td>\
    <td><span style="display:inline-block; padding:20px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); margin:10px; border-radius:50%; border: 1px solid #eeeeee;"><img src="/images/dinner.png" style="width: 60px; height: 60px;" /></span><p align="center">Breakfast</p></td>\
    	*/

    str += '</tr></table>';

    str += '</div>';

    str += '<div id="selectserving" style="width: 100%; display:none;">\
			<div class="spacer"></div>\
				<div class="floatbar" id="servingbar" style="position: fixed; top:0px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); z-index:9; left: 0; width:100%; background-color: #ffffff; border-bottom: 1px solid #cccccc;">\
				<table style=" padding-top: 0px;padding-bottom: 0px; font-size:18px; cursor:pointer; width: 100% !important; "><tr><td id="cancelserving" width="50%" class="searchfoodnavcell">Cancel</a></td><td width="50%" class="searchfoodnavcell positive">Done</a></td></tr></table>\
				</div>\
				<div style="width:100%;" class="foodcontainer">\
					<div style="font-size: 24px; width: 100%; border-bottom: 1px solid #c0c0c0;">\
						<span style="padding-top:5px; padding-left: 15px; display: inline-block; color: black;" id="foodname">lll</span><div id="servdetails" style=" padding-bottom:5px; padding-left: 15px; font-size:0.7em;"></div>\
					</div>\
					<div id="swipeunits" style="width: 100%; background-color: #f3f3f3;">\
						<span id="calinput" style="display:none;"><p style="padding-top:10px;" align="center"><input placeholder="enter cals..." style="padding: 6px; width: 140px;" type="number" id="cals" />&nbsp;Calories</p></span>\
						<span id="weightinput" style="display:none;"><p style="padding-top:10px;" align="center"><input placeholder="enter weight..." style="padding: 6px;  width: 140px;" type="number" id="weight" />&nbsp;<select id="weight_unit" style="width: 120px;"><option value="g">Grams</option><option value="oz">Ounces</option><option value="lb">Lbs</option></select></p></span>\
						<span id="infiinput"><canvas class="infirange" style="padding-top:10px; display: table; height: 100px; width: 85%; max-width: 500px; margin-left: auto; margin-right: auto;"></canvas></span>\
					<p align="center" style="margin-top:5px;">Select unit and set amount</p>\
					<p align="center"><select id="unit" style="width: auto; text-align:center;"></select></p>\
					<div id="bucket_select_container">\
					<p align="center" style="margin-top:5px;">Select meal to add food to:</p>\
					<p align="center"><select id="bucket_select" style="width: auto; text-align:center;"></select></p>\
					</div>\
					</div>\
					<div style="width: 85%; max-width: 500px; padding-top:25px; margin-left: auto; margin-right: auto;">\
					<h2 style="font-size: 24px; text-shadow: none;">Macronutrients</h2>\
					<div style="height: 10px;  margin-top: 10px;">\
					<table cellpadding="0" cellspacing="0" style="width: 100% !important; height:100% !important;"><tr><td height="100%" id="macrocarb" style="background-color: rgba(255, 0, 0, 0.5);"></td><td id="macrofat" style="background-color: rgba(0, 0, 255, 0.5);"></td><td id="macroprotein" style="background-color: rgba(0, 192, 0, 0.5);"></td></tr></table>\
					</div>\
					<p align="center" class="macrobreakdown"><span style="padding:8px;"><span style="border-radius: 50%; background-color: rgba(255, 0, 0, 0.5); width:10px; height: 10px; display: inline-block;vertical-align:middle;"></span>&nbsp;Carb</span>\
					<span style="padding:8px;"><span style="border-radius: 50%; background-color: rgba(0, 0, 255, 0.5); width:10px; height: 10px; display: inline-block;vertical-align:middle;"></span>&nbsp;Fat</span>\
					<span style="padding:8px;"><span style="border-radius: 50%; background-color: rgba(0, 192, 0, 0.5); width:10px; height: 10px; display: inline-block; vertical-align:middle;"></span>&nbsp;Protein</span>\
					</p>\
					<hr />\
					<table style="margin-top: 40px; border: 2px solid #000000;" class="nutrientlabeltable" width="100%">\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Serving size</span> <span class="nutrientvalue serving_txt">1 serving</span></td><td class="nutrientlabeltd"  style="text-align: right;"></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Amount per serving</span></td><td class="nutrientlabeltd" style="text-align: right;"></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Calories</span> <span class="nutrientvalue calories"></span></td><td class="nutrientlabeltd" style="text-align: right;"></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: right;" colspan="2"><span class="nutrientlabel">% Daily Values</span></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Total fat</span> <span class="nutrientvalue fat"></span></td><td class="nutrientlabeltd" style="text-align: right;"><span class="nutrientvalue fat-percent"></span></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Saturated fat</span> <span class="nutrientvalue satfat"></span></td><td class="nutrientlabeltd" style="text-align: right;"><span class="nutrientvalue satfat-percent"></span></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Cholesterol</span> <span class="nutrientvalue cholesterol"></span></td><td class="nutrientlabeltd" style="text-align: right;"><span class="nutrientvalue cholesterol-percent"></span></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Sodium</span> <span class="nutrientvalue sodium"></span></td><td class="nutrientlabeltd" style="text-align: right;"><span class="nutrientvalue sodium-percent"></span></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Total Carbohydrate</span> <span class="nutrientvalue carbs"></span></td><td class="nutrientlabeltd" style="text-align: right;"><span class="nutrientvalue carbs-percent"></span></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Dietary fiber</span> <span class="nutrientvalue fiber"></span></td><td class="nutrientlabeltd" style="text-align: right;"><span class="nutrientvalue fiber-percent"></span></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Sugars</span> <span class="nutrientvalue sugar"></span></td><td class="nutrientlabeltd" style="text-align: right;"></td></tr>\
					<tr><td class="nutrientlabeltd" style="text-align: left;"><span class="nutrientlabel">Protein</span> <span class="nutrientvalue protein"></span></td><td class="nutrientlabeltd" style="text-align: right;"></td></tr>\
					<tr id="ingredient-row"><td class="nutrientlabeltd" colspan="2" style="text-align: left; border-bottom: 0 !important;"><span class="nutrientlabel">Ingredients:</span> <span class="nutrientvalue" id="ingredients"></span></td></tr>\
					</table>\
					</div>\
				</div>\
			</div>';

    str += '<div id="foodbucketoverview" style="display: none;  width:100% !important; min-height: 100%; box-sizing: border-box;">\
				<div class="spacer"></div>\
				<div class="floatbar" id="searchbar" style="position: fixed; top:0px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); z-index:9; left: 0; width:100%; background-color: #ffffff; border-bottom: 1px solid #cccccc;">\
				<table style=" padding-top: 0px;padding-bottom: 0px; font-size:18px; cursor:pointer; width: 100% !important; "><tr><td id="goback" width="50%" style="padding: 20px; font-size: 20px !important; background-color: rgba(0,192,0,1.0); color: white;">Done</a></td></td></tr></table>\
				</div>\
				<div style="padding: 6px; padding-top: 20px;">\
				<h3 class="bucketname"></h3>\
				<p align="left" style="margin:0;"><span style="display: inline-block; padding-left:10px; margin-top:0px; ">Calories <span style="color: black; font-weight: bold;"><span class="bucket_calories">0</span></span><span style="display: inline-block; padding-left:15px; margin-top:0px; ">Carbs <span style="color: black; font-weight: bold;"><span class="bucket_carb_val">0</span>g</span></span><span style="display: inline-block; padding-left:15px;">Fat <span style="color: black; font-weight: bold;"><span class="bucket_fat_val">0</span>g</span></span><span style="display: inline-block; padding:15px; ">Protein <span style="color: black; font-weight: bold;"><span class="bucket_protein_val">0</span>g</span></span></p>\
				<hr />\
				<div id="loggedfoods"></div>\
				</div>\
				<div id="searchfood" style="cursor: pointer; border-top: 1px solid #cccccc; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); padding: 20px; color: blue; font-size: 20px !important; position: fixed; bottom: 0px; left: 0px; width: 100%; text-align:center;">Add Food</div>\
			</div>';

    str += '<div id="addcustomscreen" style="width: 100%; display:none;">\
			<div class="spacer"></div>\
				<div class="floatbar" id="servingbar" style="position: fixed; top:0px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); z-index:9; left: 0; width:100%; background-color: #ffffff; border-bottom: 1px solid #cccccc;">\
				<table style=" padding-top: 0px;padding-bottom: 0px; font-size:18px; cursor:pointer; width: 100% !important; "><tr><td id="cancelserving" width="50%" class="searchfoodnavcell">Cancel</a></td><td width="50%" class="searchfoodnavcell positive">Done</a></td></tr></table>\
				</div>\
				<div id="newfoodcontainer" style="width:100%; text-align:center; padding-top:20px;">\
					<form id="addcustomform" action="#" method="POST">\
						<h3 style="font-size: 24px; white-space: wrap;">Please enter custom food details...</h3>\
						<ul>\
							<li><input size="30" style="text-align:center;" placeholder="New food name..." type="text" id="newfoodname" /></li>\
						</ul>\
						<br />\
                        <br />\
						<ul>\
							<li>Calories:</li>\
							<li><input style="text-align:center;" size="8"  type="number" id="newfoodcal" /></li>\
						</ul>\
						<ul>\
							<li>Protein:</li>\
							<li><input style="text-align:center;" size="8" type="number" id="newfoodprotein" /></li>\
						</ul>\
						<ul>\
							<li>Carbs:</li>\
							<li><input style="text-align:center;" size="8" type="number" id="newfoodcarbs" /></li>\
						</ul>\
						<ul>\
							<li>Fat:</li>\
							<li><input style="text-align:center;" size="8" type="number" id="newfoodfat" /></li>\
						</ul>\
					</form>\
				</div>\
			</div>';

    str += '<div id="searchfoodscreen" style="display: none;  width:100% !important; box-sizing: border-box;">\
				<div class="spacer"></div>\
				<div class="floatbar" id="searchbar" style="position: fixed; top:0px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); z-index:9; left: 0; width:100%; background-color: #ffffff; border-bottom: 1px solid #cccccc;">\
				<table style=" padding-top: 0px;padding-bottom: 0px; font-size:18px; cursor:pointer; width: 100% !important; "><tr><td id="goback" width="50%" class="searchfoodnavcell mealcell">&lt; Breakfast</a></td><td width="50%" class="searchfoodnavcell positive">Done</a></td></tr></table>\
				<table style=" border-spacing: 0px; border-collapse: separate; padding-top: 0px;padding-bottom: 0px; font-size:18px; cursor:pointer; width: 100% !important; "><tr><td width="33%" id="searchfoods" style="cursor: pointer;" class="searchfoodtabcell first selected">Search</a></td><td id="searchrecent" style="cursor: pointer;" width="33%" class="searchfoodtabcell">Recent</a></td><td width="34%" id="searchmyfood" style="cursor: pointer;" class="searchfoodtabcell last">My Food</a></td></tr></table>\
				<!--<a class="href="#" style="display: inline-block; padding:15px;">&lt; Back</a>-->\
<div class="searchcontainer" id="searchfoodscontainer">\
				<div style="padding-top:15px; margin-left: auto; margin-right: auto; width: 85%; max-width: 500px;">\
				<form autocomplete="off" class="blurform" action="#" method="get"><table style="margin: 0 !important; width:100% !important;" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="100%"><input style="box-sizing: border-box; width: 100% !important;" type="text" style="" class="foodsearchinput" id="searchinputfood" placeholder="Search for foods..."/></td>\
				<td>\
				<span id="logmealinput_landscape" style="display: block;"></span></td></tr></table><input style="width:1px; height: 1px; opacity: 0;" type="submit" /></form>\
				<p class="restrict" style="display: none;"><input type="checkbox" checked="checked" name="restrictfoods" id="restrictfoods" /><label for="restrictfoods">Restrict plan foods</label></p>\
		</div>\
		</div>\
<div class="searchcontainer" id="searchrecentcontainer" style="display: none;">\
				<div style="padding-top:15px; margin-left: auto; margin-right: auto; width: 85%; max-width: 500px;">\
				<form autocomplete="off" class="blurform" action="#" method="get"><table style="margin: 0 !important; width:100% !important;" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="100%"><input style="box-sizing: border-box; width: 100% !important;" type="text" style="" class="foodsearchinput" id="searchinputrecent" placeholder="Search recent food..."/></td>\
				<td>\
				<span id="logmealinput_landscape" style="display: block;"></span></td></tr></table><input style="width:1px; height: 1px; opacity: 0;" type="submit" /></form>\
				<p class="restrict" style="display: none;"><input type="checkbox" checked="checked" name="restrictfoods" id="restrictfoods" /><label for="restrictfoods">Restrict plan foods</label></p>\
		</div>\
		</div>\
<div class="searchcontainer" id="searchmyfoodcontainer"  style="display: none;">\
				<div style="padding-top:15px; margin-left: auto; margin-right: auto; width: 85%; max-width: 500px;">\
				<form autocomplete="off" class="blurform" action="#" method="get"><table style="margin: 0 !important; width:100% !important;" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="100%"><input style="box-sizing: border-box; width: 100% !important;" type="text" style="" class="foodsearchinput" id="searchinputmyfood" placeholder="Search your foods..."/></td>\
				<td>\
				<span id="logmealinput_landscape" style="display: block;"></span></td></tr></table><input style="width:1px; height: 1px; opacity: 0;" type="submit" /></form>\
				<p class="restrict" style="display: none;"><input type="checkbox" checked="checked" name="restrictfoods" id="restrictfoods" /><label for="restrictfoods">Restrict plan foods</label></p>\
				<p align="center" style="color: blue;"><a href="#" id="addcustom">Add custom food...</a></p>\
		</div>\
		</div></div>\
	<div id="foodresults" class="results"></div>\
	<div id="myfoodresults" class="results"></div>\
	<div id="recentresults" class="results"></div>\
	';



    str += '<div id="mealoverview" style="display: none;  width:100% !important; box-sizing: border-box;">\
			<div class="spacer"></div>\
				<div class="floatbar" id="servingbar" style="position: fixed; top:0px; background-image: linear-gradient(rgb(247, 247, 247) 5%, rgb(255, 255, 255) 52%); z-index:9; left: 0; width:100%; background-color: #ffffff; border-bottom: 1px solid #cccccc;">\
				<table style=" padding-top: 0px;padding-bottom: 0px; font-size:18px; cursor:pointer; width: 100% !important; "><tr><td id="cancelmeal" width="50%" class="mealcell searchfoodnavcell">&lt; Breakfast</a></td><td width="50%" class="searchfoodnavcell positive">Done</a></td></tr></table>\
				</div>\
				<div style="padding-top:15px; margin-left: auto; margin-right: auto; width: 85%; max-width: 500px;">\
				Total calories: 856 Cal<br />\
				Carb 64 g, Fat 48 g, Protein 44.4g\
				</div>\
		<div id="results"></div>\
	</div>';

    str += '</div>';

    /*str+='<div style="width: 100% !important; padding: 8px !important; padding-top: 40px !important; box-sizing: border-box;">\
    			<span id="logmealinput_portrait" style="display: block; padding: 18px; padding-left: 0px;"><input type="radio" name="searchfor" checked="checked" value="foods" id="sfoods"><label for="sfoods"> Foods</label><!-- <input type="radio" name="searchfor" value="meals" id="smeals"><label for="smeals"> Meals</label>--> <input type="radio" name="searchfor" value="recent" id="srecent"><label for="srecent"> Recent</label></span>\
    			<form class="blurform" action="#" method="get"><table style="margin: 0 !important; width:100% !important;" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="100%"><input style="box-sizing: border-box; width: 100% !important;" type="text" style="" id="searchinputfood" placeholder="Search for foods"/></td>\
    			<td>\
    			<span id="logmealinput_landscape" style="display: block;"><select id="searchtype"><option value="foods">Foods</option><!--<option value="meals">Meals</option>--><option value="recent">Recent</option></select></span></td></tr></table><input style="width:1px; height: 1px; opacity: 0;" type="submit" /></form>\
    			<p style="position: absolute; right: 35px; margin-top: -4px !important;"><a href="#" class="btn-gray inpcals">Log Calories</a></p>\
    			<p class="restrict" style="visibility: hidden;"><input type="checkbox" checked="checked" name="restrictfoods" id="restrictfoods" /><label for="restrictfoods">Restrict plan foods</label></p>\
    <hr />\
    	<div id="addedfoods"></div>\
    	<div id="results"></div>\
    </div>';*/

    this.domObj = $(str);

    for (var i = 0; i < meals.length; i++) {
        this.domObj.find("#bucket_select").append($('<div />').append($('<option />').text(meals[i].replace(/<br\s*\/?>/gi, ' ')).val(buckets[i])).html());
    }

    this.domObj.find("#addcustomform").submit(function(e) {
        e.preventDefault();
    });

    this.domObj.find("#addcustom").click(function(e) {
        e.preventDefault();

        setWindow('LogFood-' + obj.bucket_id + '-newfood');
    });

    this.domObj.find(".searchfoodtabcell").click(function(e) {
        e.preventDefault();
        obj.domObj.find(".searchfoodtabcell").removeClass('selected');
        $(this).addClass('selected');
        obj.domObj.find(".searchcontainer, .results").hide();
        if ($(this).is('#searchfoods')) {
            obj.viewmode = 1;
            obj.domObj.find("#searchfoodscontainer").show();
            obj.domObj.find("#foodresults").show();
            if (obj.domObj.find('input[type=text]:visible').val() == '') {
                obj.domObj.find("#foodresults").empty();
            }
            //if (obj.domObj.find("#foodresults").is(':empty')) {
            //	obj.doSearch();
            //}
        } else if ($(this).is('#searchrecent')) {
            obj.viewmode = 2;
            obj.domObj.find("#searchrecentcontainer").show();
            obj.domObj.find("#recentresults").show();
            if (obj.domObj.find("#recentresults").is(':empty')) {
                obj.doSearch();
            }
        } else if ($(this).is('#searchmyfood')) {
            obj.viewmode = 3;
            obj.domObj.find("#searchmyfoodcontainer").show();
            obj.domObj.find("#myfoodresults").show();
            if (obj.domObj.find("#myfoodresults").is(':empty')) {
                obj.doSearch();
            }
        }

        obj.domObj.find(".spacer:visible").height(obj.domObj.find(".floatbar:visible").height());
        //if (obj.domObj.find('input[type=text]:visible').val() == '') {
        //	obj.doSearch();
        //}
    });

    var datestr = new Date().toYMD();

    this.d = new Date();

    obj.domObj.on('click', '#prevdate', function(e) {
        e.preventDefault();

        obj.d = DateAdd(obj.d, 'd', -1);

        obj.pickerstart.setDate(obj.d);
        //obj.domObj.find("#logdate").val(obj.d.toYMD());

        obj.updateDash(obj.d.toYMD());

    });

    obj.domObj.on('click', '#nextdate', function(e) {
        e.preventDefault();

        obj.d = DateAdd(obj.d, 'd', 1);

        obj.pickerstart.setDate(obj.d);
        //obj.domObj.find("#logdate").val(obj.d.toYMD());

        obj.updateDash(obj.d.toYMD());

    });
	
	var updateWeight = function() {
		var weight = parseFloat(obj.domObj.find("#weight").val());
		var unit = obj.domObj.find("#weight_unit").val();
		var grams = weight;
		if (unit == 'lb') {
			grams *= 453.592000004704;
		}
		else if (unit == 'oz') {
			grams *= 28.3495;
		}
		obj.setInfiRangeValue(grams);
        obj.setServing();
	};
	
	obj.domObj.find("#cals").on('keyup', function(e) {
		if (e.which == 13) {
			$(this).blur();
			return;
		}
		var cals = parseFloat($(this).val());
		obj.setInfiRangeValue(cals);
        obj.setServing();
	});
	obj.domObj.find("#weight").on('keyup', function(e) {
		if (e.which == 13) {
			$(this).blur();
			return;
		}
		updateWeight();
	});
	obj.domObj.find("#weight_unit").on('change', function(e) {
		updateWeight();
	});


    

    //this.doSearch();

    this.infirange = {};

    this.infirange.ctx = this.domObj.find(".infirange")[0].getContext('2d');
    this.infirange.canvas = this.domObj.find(".infirange")[0];

    this.infirange.labels = {};
    this.infirange.offset = 0;
    this.infirange.numintervals = 3;
    this.infirange.incby = 1.0 / 0.5; //inc by 0.5
    //this.infirange.incby = 1.0/0.1; //inc by 0.1
    //this.infirange.startval = 10;
    this.infirange.startval = 0;
    this.infirange.labels.single = 'Serving';
    this.infirange.labels.multi = 'Servings';

    this.drawInfiRange();

    this.domObj.find("#unit").bind('mousedown mousemove mouseup touchstart touchmove touchend', function(e) {
        e.stopPropagation();
    }).change(function() {
        //alert("here");

        if ($(this).val() == 'cal') {
            obj.infirange.incby = 1.0; //inc by 1.0
            obj.infirange.labels.single = 'Calorie';
            obj.infirange.labels.multi = 'Calories';

            if (obj.food_id && obj.results[obj.getri()][obj.food_id]) {
                var food_id = obj.food_id;
                //alert(obj.servings[obj.food_id][0].grams_per_serving);
                if (obj.food_id && obj.servings[obj.getri()][obj.food_id] && obj.servings[obj.getri()][obj.food_id][0]) {
                    //alert(obj.servings[obj.food_id][0].grams_per_serving);

                    var num = 1;
                    var def_g = obj.results[obj.getri()][food_id].serving1_g;
                    g = obj.servings[obj.getri()][obj.food_id][0].grams_per_serving * num;
                    var f = g / def_g;

                    //alert(Math.round(obj.results[obj.food_id].calories * f));
                    obj.setInfiRangeValue(Math.round(obj.results[obj.getri()][obj.food_id].calories * f));
                    //setCenter();
                } else {
                    obj.setInfiRangeValue(obj.results[obj.getri()][obj.food_id].calories);
                }
                //setCenter();
            } else {
                obj.setInfiRangeValue(100);
            }
            obj.setServing();
			obj.domObj.find("#weightinput").hide();
			obj.domObj.find("#calinput").show();
			obj.domObj.find("#infiinput").hide();
			
			obj.domObj.find("#cals").trigger('keyup');
        } else if ($(this).val() == 'g') {
            obj.infirange.incby = 1.0 / 0.25; //inc by 0.25
            obj.infirange.labels.single = 'Gram';
            obj.infirange.labels.multi = 'Grams';
			
		
			var unit = obj.domObj.find("#weight_unit").val();
			if (unit == 'lb') {
				obj.infirange.labels.multi = 'Lbs';
			}
			else if (unit == 'oz') {
				obj.infirange.labels.multi = 'Oz';
			}			
			
			
            if (obj.food_id && obj.servings[obj.getri()][obj.food_id] && obj.servings[obj.getri()][obj.food_id][0]) {
                //alert(obj.servings[obj.food_id][0].grams_per_serving);
				var g = Math.round(obj.servings[obj.getri()][obj.food_id][0].grams_per_serving);
                if (isNaN(g)) obj.setInfiRangeValue(1); 
				else obj.setInfiRangeValue(g);
                //setCenter();
            } else {
                obj.setInfiRangeValue(100);
            }
            obj.setServing();
			obj.domObj.find("#weightinput").show();
			obj.domObj.find("#calinput").hide();
			obj.domObj.find("#infiinput").hide();
			
			obj.domObj.find("#weight").trigger('keyup');
        } else {
			obj.domObj.find("#weightinput").hide();
			obj.domObj.find("#calinput").hide();
			obj.domObj.find("#infiinput").show();
            obj.infirange.incby = 1.0 / 0.5; //inc by 0.5
            obj.infirange.labels.single = 'Serving';
            obj.infirange.labels.multi = 'Servings';
            obj.setInfiRangeValue(1);
            obj.setServing();
        }
        //obj.drawInfiRange();
    });



    /*BEGIN Swipe*/

    this.swipeTimer = null;
    this.resetTimer = null;

    var xDown = 0;
    var yDown = 0;
    var mousedown = false;
    var xStart = 0;
    var yStart = 0;
    var startTime = 0;
    var lastDir = 0;

    var LEFT = 1,
        RIGHT = 2;

    var scrollToTimer = null;



    var setCenter = function() {


        obj.infirange.canvas.width = $(obj.infirange.canvas).width();
        obj.infirange.canvas.height = $(obj.infirange.canvas).height();

        var h = obj.infirange.canvas.height;
        var w = obj.infirange.canvas.width;

        var offset = obj.infirange.offset;

        var incby = parseInt(w / obj.infirange.numintervals);

        var x = offset % incby;
        if (isNaN(x)) x = 0;
        //var num = parseInt(Math.abs(offset)/incby);

        var center = w / 2;

        var closest_x = null;
        var new_offset = 0;

        for (;;) {

            x += incby;
            if (closest_x === null || Math.abs(center - x) < Math.abs(new_offset)) {
                closest_x = x;
                new_offset = center - x;
            }

            if (x > w) break;
        }
        //console.log(new_offset);
        var gotox = Math.ceil(obj.infirange.offset + new_offset);
        obj.infirange.offset = Math.floor(obj.infirange.offset);
        if (scrollToTimer !== null) clearTimeout(scrollToTimer);
        var f = function() {
            if (obj.infirange.offset < gotox) {
                obj.infirange.offset++;
                obj.drawInfiRange();
                scrollToTimer = setTimeout(f, 5);
            } else if (obj.infirange.offset > gotox) {
                obj.infirange.offset--;
                obj.drawInfiRange();
                scrollToTimer = setTimeout(f, 5);
            } else {
                //alert("done");
                obj.drawInfiRange();
                scrollToTimer = null;
            }
        };
        scrollToTimer = setTimeout(f, 5);

        obj.setServing();

        //    	obj.infirange.offset += new_offset;
        //  	obj.drawInfiRange();
    };

    this.domObj.find(".infirange").bind('touchmove', function(e) {
        e.preventDefault();
		if (obj.domObj.find("#unit").val() == 'cal' || obj.domObj.find("#unit").val() == 'g') return;
    });

    this.domObj.find("#swipeunits").bind('touchstart mousedown', function(event) {
        event.stopPropagation();
		if (obj.domObj.find("#unit").val() == 'cal' || obj.domObj.find("#unit").val() == 'g') return;
        var x = event.pageX;
        var y = event.pageY;
        //alert("here");
        if (event.type != 'mousedown') {
            x = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageX;
            y = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageY;
        }
        xDown = xStart = x;
        yDown = yStart = y;
        startTime = new Date();

        if (scrollToTimer !== null) {
            clearTimeout(scrollToTimer);
            scrollToTimer = null;
        }
        if (obj.resetTimer !== null) {
            clearTimeout(obj.resetTimer);
            obj.resetTimer = null;
        }
        if (obj.swipeTimer !== null) {
            clearTimeout(obj.swipeTimer);
            obj.swipeTimer = null;
        }


        mousedown = true;

    }).bind('touchmove mousemove', function(event) {
        event.stopPropagation();
		if (obj.domObj.find("#unit").val() == 'cal' || obj.domObj.find("#unit").val() == 'g') return;
        var x = event.pageX;
        var y = event.pageY;
        if (event.type != 'mousemove') {
            x = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageX;
            y = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageY;
        }

        if (mousedown) {
            if (x < xStart) {
                if (lastDir == RIGHT) {
                    startTime = new Date();
                    xStart = x;
                }
                lastDir = LEFT; //left
            } else if (x > xStart) {
                if (lastDir == LEFT) {
                    startTime = new Date();
                    xStart = x;
                }
                lastDir = RIGHT;
            }
            obj.infirange.offset += x - xDown;
            xDown = x;
            $("#offset").text(obj.infirange.offset);
            obj.drawInfiRange();
            if (obj.resetTimer !== null) clearTimeout(obj.resetTimer);
            obj.resetTimer = setTimeout(function() {
                startTime = new Date();
                xStart = x;
                obj.resetTimer = null;
            }, 20);
        }

    }).bind('touchend mouseup', function(event) {
        event.stopPropagation();
		if (obj.domObj.find("#unit").val() == 'cal' || obj.domObj.find("#unit").val() == 'g') return;
        mousedown = false;

        var x = event.pageX;
        var y = event.pageY;
        if (event.type != 'mouseup') {
            x = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageX;
            y = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageY;
        }

        var dist = xStart - x;
        var time = new Date().getTime() - startTime.getTime();

        var factor = dist / time;
        factor *= -1.0;

        if (obj.swipeTimer !== null) clearTimeout(obj.swipeTimer);
        var f = function() {
            //$("#offset").text(obj.infirange.offset);
            var incBy = 15 * factor;
            if (factor < 0) var pos = false;
            else var pos = true;
            factor -= factor * 0.05;
            obj.infirange.offset += incBy;
            obj.drawInfiRange();

            obj.swipeTimer = null;

            //if (pos && Math.round(factor * 100) / 100 <= 0.06 || ! pos && Math.round(factor * 100) / 100 >= 0.06) return;
            if (Math.abs(incBy) < 1.5) {
                setCenter();
                return;
            }
            obj.swipeTimer = setTimeout(f, 30);
        };
        obj.swipeTimer = setTimeout(f, 30);

        //console.log(factor);
        //console.log("dist: "  + dist + ", time: " + time);	    

        //var x = event.pageX;
        //var y = event.pageY;
        //if (event.type != 'mouseup') {
        //   x = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageX;
        //   y = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageY;
        //}
    });

    /*.swipe( {
    	//Generic swipe handler for all directions
    	swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
    	
    		var swipeUpdateTime = 30;
    		var maxDuration = 200;
    	
    		if (direction == "left") {
    				//$( ".right.carousel-control" ).trigger( "click" );
    				
    			console.log("duration: " + duration);	
    			console.log("distance: " + distance);				
    				
    			var speed = (1.0-(Math.min(duration,maxDuration)/maxDuration))*30;
    			
    			
    			
    			console.log(speed);
    				
    			if (obj.swipeTimer !== null) clearTimeout(obj.swipeTimer);
    			var leftswipe = function() {
    				obj.infirange.offset+=speed*0.5;
    				obj.drawInfiRange();
    				speed--;
    				if (speed > 0) {
    					obj.swipeTimer = setTimeout(leftswipe, swipeUpdateTime);
    				}
    				else {
    					obj.swipeTimer = null;
    				}
    			}
    			obj.swipeTimer = setTimeout(leftswipe, swipeUpdateTime);
    			console.log("left swipe");
    		}
    		if (direction == "right") {
    				//$( ".left.carousel-control" ).trigger( "click" );
    				var speed = (1.0-(Math.min(duration,maxDuration)/maxDuration))*30;
    				
    			if (obj.swipeTimer !== null) clearTimeout(obj.swipeTimer);
    			var rightswipe = function() {
    				obj.infirange.offset-=speed*0.5;
    				if (obj.infirange.offset < 0) obj.infirange.offset = 0;
    				obj.drawInfiRange();
    				speed--;
    				if (obj.infirange.offset > 0 && speed > 0) {
    					obj.swipeTimer = setTimeout(rightswipe, swipeUpdateTime);
    				}
    				else {
    					obj.swipeTimer = null;
    				}
    			}
    			obj.swipeTimer = setTimeout(rightswipe, swipeUpdateTime);
    				console.log("right swipe");
    		}			
    		if (direction == "down") {
    				//window.scrollBy(0,-300);
    		}
    		if (direction == "up") {
    				//window.scrollBy(0,300);
    		}
    	},
    	//Default is 75px, set to 0 for demo so any distance triggers swipe
       threshold:0
    });*/

    /*END Swipe*/

    this.domObj.find("#goback").click(function(e) {
        e.preventDefault();
        //obj.showDash();
        if (! obj.domObj.find("#foodbucketoverview").is(':visible')) {
            //obj.showOverview();
            setWindow('LogFood-' + obj.bucket_id + '-overview');
        } else {
            setWindow('LogFood');
            //obj.showDash();

        }

    });

    this.domObj.find(".logmeal").click(function(e) {
        e.preventDefault();
        obj.bucket_id = $(this).attr('bucketid');

        obj.domObj.find(".results").empty();
        obj.domObj.find("input[type=text]").val('');
        obj.domObj.find("#fooddash").hide();


        //alert($(this).find(".bucket_overlay").length);
        if ($(this).find(".bucket_overlay").is('.filled')) {
            //obj.showOverview();
            setWindow('LogFood-' + obj.bucket_id + '-overview');
        } else {
            //obj.showSearch();
            setWindow('LogFood-' + obj.bucket_id + '-search');

        }
    });

    this.domObj.find("#cancelmeal").click(function(e) {
        e.preventDefault();
        obj.domObj.find("#fooddash").show();
        obj.bucket_id = -1;
        obj.domObj.find("#mealoverview").hide();
        obj.domObj.find("#foodbucketoverview").hide();
        $("#navbar,#navmenu").show();
        $(window).scrollTop(0);
        $(window).triggerHandler('scroll');
		setMinHeight();
    });

    this.domObj.find("#searchfood").click(function(e) {
        //obj.showSearch();
        setWindow('LogFood-' + obj.bucket_id + '-search');
    });


    this.domObj.find("#cancelserving").click(function(e) {
        e.preventDefault();

        obj.domObj.find("#selectserving").hide();
        obj.domObj.find("#addcustomscreen").hide();

        if (obj.bucket_id == -1) {
            obj.domObj.find("#fooddash").show();
            obj.bucket_id = -1;
            obj.domObj.find("#mealoverview").hide();
            obj.domObj.find("#foodbucketoverview").hide();
            $("#navbar,#navmenu").show();
            $(window).scrollTop(0);
            $(window).triggerHandler('scroll');
			setMinHeight();
            return;
        }

        if (obj.backOverview) {
            //obj.showOverview();
            setWindow('LogFood-' + obj.bucket_id + '-overview');

        } else {
            setWindow('LogFood-' + obj.bucket_id + '-search');
            //obj.domObj.find("#searchfoodscreen").show();
        }
        obj.backOverview = false;
        obj.domObj.find("#foodsearchspacer").height(obj.domObj.find("#searchbar").height());
        $("#navbar,#navmenu").hide();
        //$(window).scrollTop(0);
        $(window).scrollTop(obj.scrolltop || 0);

        $(window).triggerHandler('scroll');
		
		setMinHeight();

        obj.domObj.find(".searchfoodnavcell.positive").unbind('click').bind('click', function(e) {
            e.preventDefault();
            obj.domObj.find("#foodbucketoverview").show();

            obj.viewmode = 4;

            obj.domObj.find("#searchfoodscreen").hide();
            $("#navbar,#navmenu").hide();
            obj.domObj.find(".spacer:visible").height(obj.domObj.find(".floatbar:visible").height());
            $(window).scrollTop(0);
            $(window).triggerHandler('scroll');
			setMinHeight();
            obj.getBucketFood();
        });

    });




    var date = new Date();
    //var date2 = new Date();
    var pickerstart = new Pikaday({
        field: this.domObj.find('#logdate')[0],
        onSelect: function() {
            obj.d = obj.pickerstart.getDate();
            obj.updateDash(obj.domObj.find("#logdate").val());
        }
    });

    //pickerstart.setDate(date);

    this.pickerstart = pickerstart;
    obj.pickerstart.setDate(obj.d, true);

    this.domObj.find(".blurform").submit(function(e) {
        e.preventDefault();
        obj.domObj.find("input[type=text]").blur();
    });

    this.domObj.find("#searchinputfood, #searchinputrecent, #searchinputmyfood").bind('keyup change blur paste', function() {
        if (obj.searchtimer != null) {
            clearTimeout(obj.searchtimer);
            obj.searchtimer = null;
        }

        //console.log('keyup search: ' + obj.viewmode);
        
       /* if (obj.request) {
            obj.request.abort();
            obj.request = null;
        }*/
        obj.searchtimer = setTimeout(function() {
            //console.log('keyup search2: ' + obj.viewmode);
            obj.searchtimer = null;
            obj.doSearch();
        }, 700);
    });

    this.domObj.find('[name=restrictfoods]').change(function() {
        obj.doSearch();
    });

    this.domObj.find("#searchtype").change(function() {
        obj.domObj.find('[name=searchfor][value="' + $(this).val() + '"]').prop('checked', true);
        if ($(this).val() == 'recent') {
            //obj.domObj.find(".restrict").css("visibility", "hidden");
        } else {
            //obj.domObj.find(".restrict").css("visibility", "visible");
        }
        obj.doSearch();
    });

    obj.domObj.find('[name=searchfor]').change(function() {
        if ($(this).prop('checked')) {
            obj.domObj.find("#searchtype").val($(this).val());
            if ($(this).val() == 'recent') {
                //obj.domObj.find(".restrict").css("visibility", "hidden");
            } else {
                //obj.domObj.find(".restrict").css("visibility", "visible");
            }
            obj.doSearch();
        }
    });

    obj.domObj.on("click", ".removelog", function(e) {
        e.preventDefault();
        e.stopPropagation();
        var id = $(this).attr('logid');

        //if (confirm("Are you sure you want to remove this log entry?")) {

        $.ajax({
            url: "/service/RemoveFoodLog.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
            cache: false,
            dataType: "json",
            data: {
                food_log_id: id
            },
            success: function(data) {
                obj.domObj.find('[logid="' + id + '"]').remove();
            }
        });
        //}
    });

    obj.domObj.on("click", ".foodresult", function(e) {
        e.preventDefault();
        /*var nutrients = {};
        nutrients.calories = $(this).attr('calories');
        nutrients.servingSize = $(this).attr('servingSize');
        nutrients.servingG = $(this).attr('servingG');
        nutrients.protein = $(this).attr('protein');
        nutrients.carbs = $(this).attr('carbs');
        nutrients.fiber = $(this).attr('fiber');
        nutrients.fat = $(this).attr('fat');
        nutrients.satFat = $(this).attr('satFat');
        nutrients.monoFat = $(this).attr('monoFat');
        nutrients.polyFat = $(this).attr('polyFat');
        nutrients.cholesterol = $(this).attr('cholesterol');
        nutrients.sodium = $(this).attr('sodium');
        nutrients.potassium = $(this).attr('potassium');
        nutrients.sugar = $(this).attr('sugar');
        nutrients.servings = $(this).attr('servings') || '';*/

        var food_id = $(this).attr('food_id');
        
        if (!food_id || !obj.results[obj.getri()][food_id]) return;

        setWindow('LogFood-' + obj.bucket_id + '-food-' + food_id);

    });

    obj.domObj.find(".inpcals").click(function(e) {
        e.preventDefault();
        var nutrients = {};
        nutrients.calories = 0;
        nutrients.servingSize = 0;
        nutrients.protein = 0;
        nutrients.carbs = 0;
        nutrients.fiber = 0;
        nutrients.fat = 0;
        nutrients.satFat = 0;
        nutrients.monoFat = 0;
        nutrients.polyFat = 0;
        nutrients.cholesterol = 0;
        nutrients.sodium = 0;
        nutrients.potassium = 0;
        nutrients.sugar = 0;
        nutrients.servingG = 0;
        nutrients.servings = ''
        var widget = new Widget("InputServings", {
            callback: function(id, name, servings, servingDesc, calories, protein, carbs, carbs, sugar, fiber, fat, satFat, monoFat, polyFat, cholesterol, sodium, potassium, food_log_type, servingG) {
                obj.addFood(id, name, servings, servingDesc, calories, protein, carbs, carbs, sugar, fiber, fat, satFat, monoFat, polyFat, cholesterol, sodium, potassium, food_log_type, servingG);
            },
            id: 0,
            edit: true,
            nutrients: nutrients
        });
        widget.renderIntoPopup('100%', '100%', $(this));
    });

    if (mode) {
        obj.bucket_id = mode;
    }
    
    this.updateDash(datestr);

    obj.getLoggedFood();

    this.updateScroll = function() {
        obj.scroll();
    }

    $(window).bind('scroll', this.updateScroll);

    return false;
}

LogFood.prototype.navChanged = function(mode, submode, subsubmode) {
    var obj = this;
    if (mode) obj.bucket_id = mode;
    if (submode) {

        var food_id = subsubmode;
        obj.food_id = subsubmode;

        if (submode == 'search') {
            if (subsubmode) {
                obj.domObj.find("#searchinputfood").val('BARCODE:' + subsubmode);
                obj.viewmode = 1;
                obj.showSearch(true);
            }
            else {
                obj.showSearch();
            }
            return true;
        }
        else if (submode == 'overview') {
            obj.showOverview();
            return true;
        }
        else if (submode == 'food') {
            console.log(obj.viewmode);

            if (food_id && obj.results && obj.results[obj.getri()] && obj.results[obj.getri()][food_id]) {
                
                //obj.showSearch();
                obj.showFood();
                return true;
            }
            else {
                obj.showSearch();
                return true;
            }
        }
        else if (submode == 'newfood') {
            obj.showNewFood();
            return true;
        }
    }
    obj.showDash();
}

LogFood.prototype.getFoodServing = function(food_id, s, num, weight, weight_unit) {
    var obj = this;

    var def_g = obj.results[obj.getri()][food_id].serving1_g;
    var g;

    var servid = s;

    var servingname = '';

    //alert(def_g);
	if (def_g == 0 || def_g == '0')  def_g=1;
    if (def_g == 0 || def_g == '0') {
        g = 0;
        def_g = 0;
        servingname = num + ' Serving';
    } else if (s == 'g') {
        g = num;
		if (isNaN(g)) g = 0;
		var u = 'Grams';
		var unit = weight_unit || 'g'; // obj.domObj.find("#weight_unit").val();
		if (unit == 'lb') {
			u = 'Lbs';
			//g = 453.592000004704;
		}
		else if (unit == 'oz') {
			u = 'Oz';
			//g = 28.3495;
		}

        servingname = (weight||num||0) + ' ' + u;
    } else if (s == 'cal') {
        g = def_g / obj.results[obj.getri()][food_id].calories * num;
		if (isNaN(g)) g = 0;
        servingname = num + ' Calories';
    } else if (s == '-1') {
        g = def_g * num;
		if (isNaN(g)) g = 0;
		var u = 'grams';
		var unit = weight_unit || 'g'; //obj.domObj.find("#weight_unit").val();
		if (unit == 'lb') {
			u = 'lbs';
			g *= 453.592000004704;
		}
		else if (unit == 'oz') {
			u = 'oz';
			g *= 28.3495;
		}
		
		u = 'Servings';
		
        servingname = g + ' ' + u;
    } else {
        if (!obj.servings[obj.getri()][food_id] || !obj.servings[obj.getri()][food_id][parseInt(s)]) {
            g = def_g * num;
			if (isNaN(g)) g = 0;
            servingname = g + ' grams';
        } else {
            g = obj.servings[obj.getri()][food_id][parseInt(s)].grams_per_serving * num;
			if (isNaN(g)) g = 0;
            servid = obj.servings[obj.getri()][food_id][parseInt(s)].food_serving_id;
            servingname = num + ' ' + obj.servings[obj.getri()][food_id][parseInt(s)].serving_desc;
        }
    }

    if (def_g == 0) {
        var f = num;
    } else {
        var f = g / def_g;
    }
	
	//alert(JSON.stringify(obj.results[obj.getri()][food_id]));
	
	
	var cal_input = obj.results[obj.getri()] && obj.results[obj.getri()][food_id] ? obj.results[obj.getri()][food_id].cal_input : null;
	var weight_input = obj.results[obj.getri()] && obj.results[obj.getri()][food_id] ? obj.results[obj.getri()][food_id].weight_input : null;
	var weight_unit = obj.results[obj.getri()] && obj.results[obj.getri()][food_id] ? obj.results[obj.getri()][food_id].weight_unit : null;

	//if (weight_input) alert(weight_input);
	
    return {
        carb_g: (Math.round(obj.results[obj.getri()][food_id].carb_g * f)),
        fat_sat_g: Math.round(obj.results[obj.getri()][food_id].fat_sat_g * f),
        sugar_g: Math.round(obj.results[obj.getri()][food_id].sugar_g * f),
        fat_g: Math.round(obj.results[obj.getri()][food_id].fat_g * f),
        protein_g: Math.round(obj.results[obj.getri()][food_id].protein_g * f),
        sodium_mg: Math.round(obj.results[obj.getri()][food_id].sodium_mg * f),
        cholesterol_mg: Math.round(obj.results[obj.getri()][food_id].cholesterol_mg * f),
        fiber_g: Math.round(obj.results[obj.getri()][food_id].fiber_g * f),
        calories: Math.round(obj.results[obj.getri()][food_id].calories * f),
        grams: g,
        servid: servid,
        servingname: servingname,
		cal_input: cal_input,
		weight_input: weight_input,
		weight_unit: weight_unit
    };
}

LogFood.prototype.getBucketFood = function() {
    var obj = this;
    $.ajax({
        url: "/service/GetBucketFood.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
        cache: false,
        dataType: "json",
        data: {
            bucket_id: obj.bucket_id,
            logday: obj.d.toYMD()
        },
        success: function(data) {
            var viewmode = 4;

            obj.results[viewmode] = data.data;
            obj.servings[viewmode] = data.servings;
            obj.added[viewmode] = data.added;


            var str = '';

            for (var i = 0; i < data.results.length; i++) {

                //str += '<div food_id="' + htmlencode(data.results[i].food_id) + '" food_log_type="food" foodname="' + htmlencode(data.results[i].name) + '" sugar="' + data.results[i].sugar_g + '" potassium="' + data.results[i].potassium_mg + '" sodium="' + data.results[i].sodium_mg + '" cholesterol="' + data.results[i].cholesterol_mg + '" polyFat="' + data.results[i].fat_poly_g + '" monoFat="' + data.results[i].fat_mono_g + '"  satFat="' + data.results[i].fat_sat_g + '" fat="' + data.results[i].fat_g + '" fiber="' + data.results[i].fiber_g + '" carbs="' + data.results[i].carb_g + '"  protein="' + data.results[i].protein_g + '" servingG="' + htmlencode(data.results[i].serving1_g) + '" servingSize="' + htmlencode(data.results[i].serving1_desc) + '" calories="' + data.results[i].calories + '" class="foodresult" style="font-family: Bold; padding: 8px;padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #cccccc;">' + htmlencode(data.results[i].name) + '<br /><span style="font-size: 0.8em; color: #c0c0c0;"> Rank: ' + data.results[i].rank + '</span></div>';

                var food_id = data.results[i].food_id;



                var addstr = '<span food_log_id="' + htmlencode(data.added[data.results[i].food_id].food_log_id) + '" added="true" style="position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; box-sizing: border-box; right: 0px;  border-left: 1px solid #cccccc;"><img  src="/images/food_checked.png" class="addfood" style="cursor: pointer; padding-left: 15px;  padding-right: 15px; width: 75px; height: 40px;" /></span>';


                str += '<div uid="' + htmlencode(data.results[i].id) + '" food_id="' + htmlencode(data.results[i].food_id) + '" class="foodresult" style="position: relative; font-family: Bold; padding: 8px;padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #cccccc;"><span style="visibility: hidden; cursor:pointer; float: right; display: inline-block; box-sizing: border-box; float: right; border-left: 1px solid #cccccc;"><img src="/images/food_unchecked.png" style="width: 75px; height: 40px; padding-left: 15px;  padding-right: 15px;" /></span>' + addstr + htmlencode(data.results[i].name) + '<br /><span class="fooddetail" style="font-size: 14px !important; color: #c0c0c0;">' + '' /*descstr*/ + '</span></div>';

                //str += '<div uid="' + htmlencode(data.results[i].id) + '" food_id="' + htmlencode(data.results[i].food_id) + '" class="foodresult" style="position: relative; font-family: Bold; padding: 8px;padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #cccccc;"><span style="visibility: hidden; cursor:pointer; float: right; display: inline-block; box-sizing: border-box; float: right; border-left: 1px solid #cccccc;"><img src="/images/food_unchecked.png" style="width: 40px; height: 40px; padding-left: 15px;  padding-right: 15px;" /></span>' + htmlencode(data.results[i].name) + '<br /><span class="fooddetail" style="font-size: 14px !important; color: #c0c0c0;">' + '' /*descstr*/ + '</span></div>';

            }

            var carbs = data.macros.carbs || 0;
            var calories = data.macros.calories || 0;
            var protein = data.macros.protein || 0;
            var fat = data.macros.fat || 0;

            //	<p align="left" style="margin:0;"><span style="display: inline-block; padding-left:10px; margin-top:0px; ">Calories <span style="color: black; font-weight: bold;"><span class="bucket_calories">0</span></span><span style="display: inline-block; padding-left:15px; margin-top:0px; ">Carbs <span style="color: black; font-weight: bold;"><span class="bucket_carb_val">0</span>g</span></span><span style="display: inline-block; padding-left:15px;">Fat <span style="color: black; font-weight: bold;"><span class="bucket_fat_val">0</span>g</span></span><span style="display: inline-block; padding:15px; ">Protein <span style="color: black; font-weight: bold;"><span class="bucket_protein_val">0</span>g</span></span></p>\

            //alert(calories);
            obj.domObj.find(".bucket_calories").text(calories);
            obj.domObj.find(".bucket_carb_val").text(carbs);
            obj.domObj.find(".bucket_protein_val").text(protein);
            obj.domObj.find(".bucket_fat_val").text(fat);

            obj.domObj.find("#loggedfoods").html(str);


            obj.domObj.find("#loggedfoods").find(".addfood").click(function(e) {
                e.preventDefault();
                e.stopPropagation();

                var food_id = $(this).parent().parent().attr('food_id');
                if (!food_id) return;
                if (!obj.results[obj.getri()][food_id]) return;
                if ($(this).parent().attr('ajax')) return;
                $(this).attr('ajax', true);
                var servdata = obj.getFoodServing(food_id, 0, 1);

                //LogFood.prototype.addFood=function(id, name, servings, servingDesc, calories, protein, carbs, sugar, fiber, fat, satFat, monoFat, polyFat, cholesterol, sodium, potassium, food_log_type, servingG, food_id, meal_id, servid, callback) {
                var fooditem = $(this).parent();

                $.ajax({
                    url: "/service/RemoveFoodLog.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
                    cache: false,
                    dataType: "json",
                    data: {
                        food_log_id: $(fooditem).attr('food_log_id')
                    },
                    success: function(data) {
                        $(fooditem).parent().fadeOut('slow', function() {
                            obj.getBucketFood();
                        });

                    }
                });

            });

            for (var i = 0; i < data.results.length; i++) {
                var food_id = data.results[i].food_id;
                obj.setFoodDetails(food_id, viewmode);
            }


            //alert(JSON.stringify(data));
            //alert(JSON.stringify(data));
            //obj.request = null;
            //if (obj.setTimer) return;
            //obj.processResults(data, obj.domObj.find("#foodresults"), clickfirst, viewmode);
        }
    });
}

LogFood.prototype.setServing = function() {
    var obj = this;

    var food_id = obj.food_id;
    if (!food_id) return;

    var s = obj.domObj.find("#unit").val();
	if (obj.domObj.find("#unit").val() == 'g') {
		var num = obj.domObj.find("#weight").val() || 0;
	}
	else {
		var num = (this.getInfiRangeCurrentValue() / obj.infirange.incby + obj.infirange.startval);

	}
	
	if (s == 'g') {
		if (obj.domObj.find("#weight_unit").val() == 'lb') {
			num *= 453.592000004704;
		}
		else if (obj.domObj.find("#weight_unit").val() == 'oz') {
			num *= 28.3495;
		}	
	}
	
	var data = this.getFoodServing(food_id, s, num, parseFloat(obj.domObj.find("#weight").val()), obj.domObj.find("#weight_unit").val());


    /*var def_g = obj.results[food_id].serving1_g;
    var g;
	
    if (s == 'g') {
    	g = num;
    }
    else if (s == 'cal') {
    	g = def_g / obj.results[food_id].calories * num;
    }
    else if (s == '-1') {
    	g = def_g * num;
    }
    else {
    	g = obj.servings[obj.food_id][parseInt(s)].grams_per_serving * num;
    }
	
    var f = g / def_g;*/

    // https://www.fda.gov/Food/IngredientsPackagingLabeling/LabelingNutrition/ucm274593.htm
	
	if (obj.domObj.find("#unit").val() == 'g') {
		var g = obj.domObj.find("#weight").val() || 0;
		var u = 'grams';
		var unit = obj.domObj.find("#weight_unit").val();
		if (unit == 'lb') {
			u = 'lbs';
		}
		else if (unit == 'oz') {
			u = 'oz';
		}	
		obj.domObj.find(".serving_txt").text(g + ' ' + u);
	}
	else {
		var curr_num = (this.getInfiRangeCurrentValue() / obj.infirange.incby + obj.infirange.startval);
		if (isNaN(curr_num)) curr_num = 0;
		var numstr = '' + curr_num;
		numstr += ' ' + (curr_num == 1 ? obj.infirange.labels.single : obj.infirange.labels.multi);
		obj.domObj.find(".serving_txt").text(numstr);
	}

    /*obj.domObj.find(".carbs").text(Math.round(obj.results[food_id].carb_g * f) + ' g');
    obj.domObj.find(".satfat").text(Math.round(obj.results[food_id].fat_sat_g * f) + ' g');
    obj.domObj.find(".sugar").text(Math.round(obj.results[food_id].sugar_g * f) + ' g');
    obj.domObj.find(".fat").text(Math.round(obj.results[food_id].fat_g * f) + ' g');
    obj.domObj.find(".protein").text(Math.round(obj.results[food_id].protein_g * f) + ' g');
    obj.domObj.find(".sodium").text(Math.round(obj.results[food_id].sodium_mg * f) + ' mg');
    obj.domObj.find(".cholesterol").text(Math.round(obj.results[food_id].cholesterol_mg * f) + ' mg');
    obj.domObj.find(".fiber").text(Math.round(obj.results[food_id].fiber_g * f) + ' g');
		
    obj.domObj.find(".calories").text(Math.round(obj.results[food_id].calories * f));
		
    var servdetails = [];
    servdetails.push(Math.round(obj.results[food_id].calories * f) + ' cal');
    servdetails.push(Math.round(obj.results[food_id].carb_g * f) + 'g carbs');
    servdetails.push(Math.round(obj.results[food_id].fat_g * f) + 'g fat');
    servdetails.push(Math.round(obj.results[food_id].protein_g * f) + 'g protein');*/


    obj.domObj.find(".carbs").text(data.carb_g + ' g');
    obj.domObj.find(".satfat").text(data.fat_sat_g + ' g');
    obj.domObj.find(".sugar").text(data.sugar_g + ' g');
    obj.domObj.find(".fat").text(data.fat_g + ' g');
    obj.domObj.find(".protein").text(data.protein_g + ' g');
    obj.domObj.find(".sodium").text(data.sodium_mg + ' mg');
    obj.domObj.find(".cholesterol").text(data.cholesterol_mg + ' mg');
    obj.domObj.find(".fiber").text(data.fiber_g + ' g');

    obj.domObj.find(".calories").text(data.calories);

    var servdetails = [];
    servdetails.push(data.calories + ' cal');
    servdetails.push(data.carb_g + 'g carbs');
    servdetails.push(data.fat_g + 'g fat');
    servdetails.push(data.protein_g + 'g protein');

    obj.domObj.find("#servdetails").text(servdetails.join(', '));

    var carb_f = 300 / 2000;
    var fat_f = 65 / 2000;
    var satfat_f = 20 / 2000;
    var sodium_f = 2400 / 2000;
    var cholesterol_f = 300 / 2000;
    var fiber_f = 25 / 2000;

    var max_cal = 2000; // todo set this to calorie limit
    //alert(obj.results[food_id].fat_sat_g);
    //alert(Math.round(obj.results[food_id].fat_sat_g * f / (satfat_f * max_cal) * 100) );

    obj.domObj.find(".carbs-percent").text(Math.round(data.carb_g / (carb_f * max_cal) * 100) + '%');
    obj.domObj.find(".fat-percent").text(Math.round(data.fat_g / (fat_f * max_cal) * 100) + '%');
    obj.domObj.find(".satfat-percent").text(Math.round(data.fat_sat_g / (satfat_f * max_cal) * 100) + '%');
    obj.domObj.find(".sodium-percent").text(Math.round(data.sodium_mg / (sodium_f * max_cal) * 100) + '%');
    obj.domObj.find(".cholesterol-percent").text(Math.round(data.cholesterol_mg / (cholesterol_f * max_cal) * 100) + '%');
    obj.domObj.find(".fiber-percent").text(Math.round(data.fiber_g / (fiber_f * max_cal) * 100) + '%');
}

LogFood.prototype.repositionBars = function(feedright) {
    var obj = this;

    var hh = 0; //$("#header").height();
    var st = $(window).scrollTop();
    var h = Math.max(hh - st, 0);

    feedright.css("top", st + h + 'px');
}

LogFood.prototype.scroll = function() {
    var obj = this;
    //obj.repositionBars($("#searchbar"));
    //obj.repositionBars($("#servingbar"));
}

LogFood.prototype.getri = function() {
    var obj = this;
    return obj.viewmode;

    if (obj.viewmode == 0) {
        return 1;
    } else if (obj.viewmode == 1) {
        return 2;
    } else if (obj.viewmode == 2) {
        return 3;
    }

    return 0;
}

LogFood.prototype.processResults = function(data, $results, clickfirst, viewmode, myfood) {
    var obj = this;

    $results.empty();

    if (data && data.results.length > 0) {
        var str = '';

        //obj.domObj.find(".mealbuilderresult:not(#addcustomfood)").remove();
        var str = '';

        obj.results[viewmode] = data.data;
        obj.servings[viewmode] = data.servings;
        obj.added[viewmode] = data.added;
        obj.recent_food_servings[viewmode] = data.recent_food_servings;
		
		//alert(JSON.stringify(obj.results[viewmode]));

        for (var i = 0; i < data.results.length; i++) {

            //str += '<div food_id="' + htmlencode(data.results[i].food_id) + '" food_log_type="food" foodname="' + htmlencode(data.results[i].name) + '" sugar="' + data.results[i].sugar_g + '" potassium="' + data.results[i].potassium_mg + '" sodium="' + data.results[i].sodium_mg + '" cholesterol="' + data.results[i].cholesterol_mg + '" polyFat="' + data.results[i].fat_poly_g + '" monoFat="' + data.results[i].fat_mono_g + '"  satFat="' + data.results[i].fat_sat_g + '" fat="' + data.results[i].fat_g + '" fiber="' + data.results[i].fiber_g + '" carbs="' + data.results[i].carb_g + '"  protein="' + data.results[i].protein_g + '" servingG="' + htmlencode(data.results[i].serving1_g) + '" servingSize="' + htmlencode(data.results[i].serving1_desc) + '" calories="' + data.results[i].calories + '" class="foodresult" style="font-family: Bold; padding: 8px;padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #cccccc;">' + htmlencode(data.results[i].name) + '<br /><span style="font-size: 0.8em; color: #c0c0c0;"> Rank: ' + data.results[i].rank + '</span></div>';

            var food_id = data.results[i].food_id;

            if (typeof(data.added[data.results[i].food_id]) == 'undefined') {
                if (myfood) {
                    var addstr = '<span class="foodlogactions"  style="margin-left: 10px; float: right; display: inline-block; box-sizing: border-box; border-left: 1px solid #cccccc;"><img class="deletefood" src="/images/removefoodx.png" style="cursor: pointer; opacity: 0.5;  width: 75px; height: 40px; padding-left: 15px;  padding-right: 15px;" /><img class="addfood" src="/images/food_unchecked.png" style="cursor: pointer; padding-left: 15px;  padding-right: 15px; width: 75px; height: 40px;" /></span>';

                } else {
                    var addstr = '<span class="foodlogactions"  style="margin-left: 10px; float: right; display: inline-block; box-sizing: border-box; border-left: 1px solid #cccccc;"><img class="addfood" src="/images/food_unchecked.png" style="cursor: pointer; padding-left: 15px;  padding-right: 15px; width: 75px; height: 40px;" /></span>';
                }
            } else {
                if (myfood) {
                    var addstr = '<span food_log_id="' + htmlencode(data.added[data.results[i].food_id].food_log_id) + '" added="true" class="foodlogactions" style="margin-left: 10px; float: right; display: inline-block; box-sizing: border-box; right: 0px;  border-left: 1px solid #cccccc;"><img  class="deletefood" src="/images/removefoodx.png" style="cursor: pointer; opacity: 0.5; padding-left: 15px;  padding-right: 15px; width: 75px; height: 40px;" /><img  class="addfood" src="/images/food_checked.png" style="cursor: pointer; padding-left: 15px;  padding-right: 15px; width: 75px; height: 40px;" /></span>';

                } else {
                    var addstr = '<span food_log_id="' + htmlencode(data.added[data.results[i].food_id].food_log_id) + '" added="true" class="foodlogactions"  style="margin-left: 10px; float: right; display: inline-block; box-sizing: border-box; right: 0px;  border-left: 1px solid #cccccc;"><img  src="/images/food_checked.png" class="addfood" style="cursor: pointer; padding-left: 15px;  padding-right: 15px; width: 75px; height: 40px;" /></span>';
                }
            }
            if (myfood) {
                //addstr = '<span style="cursor:pointer; position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; box-sizing: border-box; right: 0px; padding-left: 15px;  padding-right: 15px; border-left: 1px solid #cccccc;"><img src="/images/food_unchecked.png" style="width: 40px; height: 40px;" /></span>' + addstr;
                str += '<div uid="' + htmlencode(data.results[i].id) + '" food_id="' + htmlencode(data.results[i].food_id) + '" class="foodresult" style="position: relative; font-family: Bold; padding: 8px;padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #cccccc;"><span class="foodlogactions" style="visibility: hidden; cursor:pointer; float: right; margin-left: 10px; display: none; box-sizing: border-box; float: right;  border-left: 1px solid #cccccc;"><img src="/images/food_unchecked.png" style="width: 75px; height: 40px; padding-left: 15px;  padding-right: 15px;" /><img src="/images/food_unchecked.png" style="width: 40px; height: 40px; padding-left: 15px;  padding-right: 15px;" /></span>' + addstr + htmlencode(data.results[i].name) + '<br /><span class="fooddetail" style="font-size: 14px !important; color: #c0c0c0;">' + '' /*descstr*/ + '</span></div>';
            } else {
                str += '<div uid="' + htmlencode(data.results[i].id) + '" food_id="' + htmlencode(data.results[i].food_id) + '" class="foodresult" style="position: relative; font-family: Bold; padding: 8px;padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #cccccc;"><span class="foodlogactions"  style="visibility: hidden; cursor:pointer; float: right; margin-left: 10px; display: none; box-sizing: border-box; float: right; border-left: 1px solid #cccccc;"><img src="/images/food_unchecked.png" style="width: 75px; height: 40px; padding-left: 15px;  padding-right: 15px;" /></span>' + addstr + htmlencode(data.results[i].name) + '<br /><span class="fooddetail" style="font-size: 14px !important; color: #c0c0c0;">' + '' /*descstr*/ + '</span></div>';
            }

        }
        $results.html(str);

        for (var i = 0; i < data.results.length; i++) {
            var food_id = data.results[i].food_id;
            obj.setFoodDetails(food_id, viewmode);
        }

        $results.find(".deletefood").click(function(e) {
            e.preventDefault();
            e.stopPropagation();
            var food_id = $(this).parent().parent().attr('food_id');
            if (!food_id) return;
            if (!obj.results[obj.getri()][food_id]) return;

            if (confirm("Are you sure you want to remove this food?")) {

                $.ajax({
                    url: "/service/RemoveCustomFood.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
                    cache: false,
                    dataType: "json",
                    data: {
                        food_id: food_id
                    },
                    success: function(data) {
                        obj.doSearch();

                    }
                });
            }
        });

        $results.find(".addfood").click(function(e) {
            e.preventDefault();
            e.stopPropagation();

            var food_id = $(this).parent().parent().attr('food_id');
            if (!food_id) return;
            if (!obj.results[obj.getri()][food_id]) return;
            if ($(this).parent().attr('ajax')) return;
            $(this).attr('ajax', true);


            var num = 1;
            var servi = 0;
            if (obj.viewmode == 2) { // recent
                num = obj.recent_food_servings[2][food_id].servings || 1;

                servi = obj.getIndexFromServId(food_id, obj.viewmode, obj.recent_food_servings[2][food_id].food_serving_id || 0);
            }

            var servdata = obj.getFoodServing(food_id, servi, num);

            //LogFood.prototype.addFood=function(id, name, servings, servingDesc, calories, protein, carbs, sugar, fiber, fat, satFat, monoFat, polyFat, cholesterol, sodium, potassium, food_log_type, servingG, food_id, meal_id, servid, callback) {
            var fooditem = $(this).parent();

            if ($(this).parent().attr('added')) {

                $.ajax({
                    url: "/service/RemoveFoodLog.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
                    cache: false,
                    dataType: "json",
                    data: {
                        food_log_id: $(fooditem).attr('food_log_id')
                    },
                    success: function(data) {
                        $(fooditem).removeAttr('ajax');
                        $(fooditem).find(".addfood").attr('src', '/images/food_unchecked.png');
                        $(fooditem).removeAttr('added');

                        delete obj.added[obj.getri()][food_id];

                        obj.setFoodDetails(food_id, obj.viewmode);

                    }
                });
            } else {
                //  bucket_id, logday, servings, calories, protein, carbs, sugar, fiber, fat, satFat, monoFat, polyFat, cholesterol, sodium, potassium, food_log_type, servingG, food_id, servid, callback) {

                //var num = 1;
                var servid = servdata.servid;
				
				//alert(JSON.stringify(servdata));


                obj.addFood(obj.bucket_id, obj.d.toYMD(), num, obj.results[obj.getri()][food_id].name, servdata.calories, servdata.protein_g, servdata.carb_g, servdata.sugar_g, servdata.fiber_g, servdata.fat_g, servdata.fat_sat_g, 0 /*mono*/ , 0 /*poly*/ , servdata.cholesterol_mg, servdata.sodium_mg, 0 /*potassium*/ , 'food', servdata.grams, food_id, servid, servdata.cal_input, servdata.weight_input, servdata.weight_unit, function(id) {

                    $(fooditem).removeAttr('ajax');
                    $(fooditem).find(".addfood").attr('src', '/images/food_checked.png');
                    $(fooditem).attr('added', true);
                    $(fooditem).attr('food_log_id', id);

                    //console.log(fooditem);


                    servdata.servings = num;
                    servdata.food_serving_id = servid;
                    obj.added[obj.getri()][food_id] = servdata;

                    obj.setFoodDetails(food_id, obj.viewmode);
                });
            }
        });

        if (clickfirst) {
            if ($results.find(".foodresult:first").length == 0) {
                //obj.showDash();
                //setWindow('LogFood');
                unblockWindow(function() {
                    setTimeout(function() {
                        alert("Unable to find food matching barcode!");
                    }, 500);
                });
            } else {
                unblockWindow();
                $results.find(".foodresult:first").click();
            }
        }
    } else {
        $results.html('<p align="center" style="color: red; font-size: 22px;">No results found...</p>');
        if (clickfirst && $results.find(".foodresult:first").length == 0) {
            //obj.showDash();
            //setWindow('LogFood');
            unblockWindow(function() {
                setTimeout(function() {
                    alert("Unable to find food matching barcode!");
                }, 500);
            });
        }
    }
}

LogFood.prototype.getIndexFromServId = function(food_id, viewmode, serv_id) {
    var obj = this;
    var i = 0;
    var servid = serv_id;
    if (obj.servings[obj.getri()][food_id] && obj.servings[obj.getri()][food_id].length) {
        for (i = 0; i < obj.servings[obj.getri()][food_id].length; i++) {
            if (serv_id == obj.servings[obj.getri()][food_id][i].food_serving_id) {
                servid = i;
                break;
            }
        }
    }

    return servid;
}

LogFood.prototype.setFoodDetails = function(food_id, viewmode) {
    var obj = this;

    obj.viewmode = viewmode || obj.viewmode;

    //alert(viewmode);
    //alert(obj.viewmode);

    var f = 1;
    var g = 100;
    var serving = '1 serving';
    var descstr = '1 serving';

    if (food_id && obj.results[obj.getri()][food_id]) {
        //alert(obj.servings[obj.food_id][0].grams_per_serving);

        if (typeof(obj.added[obj.getri()][food_id]) == 'undefined') {

            if (food_id && obj.servings[obj.getri()][food_id] && obj.servings[obj.getri()][food_id][0]) {
                //alert(obj.servings[obj.food_id][0].grams_per_serving);

                var num = 1;
                var def_g = obj.results[obj.getri()][food_id].serving1_g;
                g = obj.servings[obj.getri()][food_id][0].grams_per_serving * num;
                var f = g / def_g;
                serving = obj.servings[obj.getri()][food_id][0].serving_desc;
                //alert(Math.round(obj.results[obj.food_id].calories * f));
                //setCenter();
            }

            if (viewmode == 2) { // recent
                /*var num = obj.recent_food_servings[2][food_id].servings || 1;
    			var servi = obj.getIndexFromServId(food_id, viewmode, obj.recent_food_servings[2][food_id].food_serving_id || 0);
    			if (food_id && obj.servings[obj.getri()][food_id] && obj.servings[obj.getri()][food_id][servi]) {

    				//var num = 1;
                	var def_g = obj.results[obj.getri()][food_id].serving1_g;
                	g = obj.servings[obj.getri()][food_id][servi].grams_per_serving * num;
                	var f = g / def_g;
                	serving = obj.servings[obj.getri()][food_id][servi].serving_desc;
                }
                else if (servi == 'cal') {
                
                }
                else if (servi == 'g') {
                
                }
                else { // 0
                
                }
                
                
                */

                //  alert("here1");


                var servi = obj.getIndexFromServId(food_id, viewmode, obj.results[2][food_id].food_serving_id || 0);

                var servdata = obj.getFoodServing(food_id, servi, (obj.results[2][food_id].servings || 1), obj.results[2][food_id].weight_input, obj.results[2][food_id].weight_unit);

                //obj.addFood(obj.bucke


                var cal = Math.round(servdata.calories);
                var protein = Math.round(servdata.protein_g);
                var fat = Math.round(servdata.fat_g);
                var carb = Math.round(servdata.carb_g);

                var ar = [];
                ar.push(servdata.servingname);
                ar.push(cal + ' calories');
                ar.push(protein + 'g protein');
                ar.push(carb + 'g carbs');
                ar.push(fat + 'g fat');

                descstr = ar.join(', ');




            } else {

                //alert("here2");

                var cal = Math.round(obj.results[obj.getri()][food_id].calories * f);
                var protein = Math.round(obj.results[obj.getri()][food_id].protein_g * f);
                var fat = Math.round(obj.results[obj.getri()][food_id].fat_g * f);
                var carb = Math.round(obj.results[obj.getri()][food_id].carb_g * f);

                var ar = [];
                ar.push(serving);
                ar.push(cal + ' calories');
                ar.push(protein + 'g protein');
                ar.push(carb + 'g carbs');
                ar.push(fat + 'g fat');

                descstr = ar.join(', ');

            }

        } else {

            var i = 0;
            var servid = obj.added[obj.getri()][food_id].food_serving_id;
            if (obj.servings[obj.getri()][food_id] && obj.servings[obj.getri()][food_id].length) {
                for (i = 0; i < obj.servings[obj.getri()][food_id].length; i++) {
                    if (obj.added[obj.getri()][food_id].food_serving_id == obj.servings[obj.getri()][food_id][i].food_serving_id) {
                        servid = i;
                        break;
                    }
                }
            }

            var servings = obj.added[obj.getri()][food_id].servings;
            /*if (viewmode == 2) { // recent
    			var num = obj.recent_food_servings[2][food_id].servings || 1;
    			servings = num;
    			var servi = obj.getIndexFromServId(food_id, viewmode, obj.recent_food_servings[2][food_id].food_serving_id || 0);
    			if (food_id && obj.servings[obj.getri()][food_id] && obj.servings[obj.getri()][food_id][servi]) {

    				//var num = 1;
                	var def_g = obj.results[obj.getri()][food_id].serving1_g;
                	g = obj.servings[obj.getri()][food_id][servi].grams_per_serving * num;
                	var f = g / def_g;
                	serving = obj.servings[obj.getri()][food_id][servi].serving_desc;
                }
   		    }*/


            //alert(servid);
            var servdata = obj.getFoodServing(food_id, servid, servings, parseFloat(obj.added[obj.getri()][food_id].weight_input), obj.added[obj.getri()][food_id].weight_unit);

            //obj.addFood(obj.bucke


            var cal = Math.round(servdata.calories);
            var protein = Math.round(servdata.protein_g);
            var fat = Math.round(servdata.fat_g);
            var carb = Math.round(servdata.carb_g);

            var ar = [];
            ar.push(servdata.servingname);
            ar.push(cal + ' calories');
            ar.push(protein + 'g protein');
            ar.push(carb + 'g carbs');
            ar.push(fat + 'g fat');

            descstr = ar.join(', ');

            //if (obj.added[food_id].food_serving_id) {
            /*if (obj.added[food_id].food_serving_id == 'cal') {
					
            }
            else if (obj.added[food_id].food_serving_id == 'g') {
					
            }
            else if (obj.added[food_id].food_serving_id == '-1') {
					
            }
            else {
            	for (var j = 0; j < obj.servings[food_id].length; j++) {
            		if (obj.servings[food_id][j].food_serving_id == obj.added[food_id].food_serving_id) {
            			//alert(data.added[data.results[i].food_id].food_serving_id);
            			var num = obj.added[food_id].servings;
            			var def_g = obj.results[food_id].serving1_g;
            			g = obj.servings[food_id][j].grams_per_serving * num;
            			var f = g / def_g;
            			serving = obj.servings[food_id][j].serving_desc;
            			break;
            		}
            	}
            }*/
            //}
        }



        obj.domObj.find('.foodresult[food_id="' + food_id + '"]').find(".fooddetail").text(descstr);
    }
}

LogFood.prototype.doSearch = function(clickfirst) {
    var obj = this;

    if (obj.viewmode == 1 || obj.viewmode == 4 /*obj.domObj.find("#searchfoodscontainer").is(':visible')*/ ) {
        var txt = obj.domObj.find("#searchinputfood").val();

        if (txt === obj.lastSearch) {
            return;
        }
    }

    var cat = ''; //obj.domObj.find(".searchmealfilter").val();
    var restrict = obj.domObj.find("[name=restrictfoods]:checked").length != 0;
    if (obj.request !== null) {
        /*if (!obj.setTimer) {
            obj.setTimer = setTimeout(function() {
                obj.setTimer = null;
                obj.doSearch(clickfirst);
            }, 20);
        }

        return;*/

        //obj.requestc.onreadystatechange = null;
        obj.request.abort();
        //console.log(obj.request);
        obj.request = null;
    }

    //alert(obj.viewmode );

    if (obj.viewmode == 1 || obj.viewmode == 4 /*obj.domObj.find("#searchfoodscontainer").is(':visible')*/ ) {

        var viewmode = 1;

        obj.viewmode = 1;

        var txt = obj.domObj.find("#searchinputfood").val();

        //alert(txt);

        if (txt.trim().length < 2) {
            obj.domObj.find("#foodresults").empty();
            return;
        }

        obj.domObj.find("#foodresults").empty();
        obj.lastSearch = txt;

        obj.request = window.$oldAjax({
            url: "/service/SearchFoods.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
            cache: false,
            dataType: "json",
            data: {
                bucket_id: obj.bucket_id,
                logday: obj.d.toYMD(),
                plan_id: 1,
                search: txt,
                cat: cat,
                restrict: restrict,
                foods: 1,
                recent: 0,
                myfoods: 1
            },
            success: function(data) {
                //alert(JSON.stringify(data));

                obj.request = null;
                if (obj.setTimer) return;
                obj.processResults(data, obj.domObj.find("#foodresults"), clickfirst, viewmode);
            }
        });
    } else if (obj.viewmode == 2 /*obj.domObj.find("#searchrecentcontainer").is(':visible')*/ ) {
        var txt = obj.domObj.find("#searchinputrecent").val();

        var viewmode = 2;
        obj.viewmode = 2;

        obj.request = window.$oldAjax({
            url: "/service/SearchFoods.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
            cache: false,
            dataType: "json",
            data: {
                bucket_id: obj.bucket_id,
                logday: obj.d.toYMD(),
                plan_id: 1,
                search: txt,
                cat: cat,
                restrict: restrict,
                foods: 0,
                recent: 1,
                myfoods: 1
            },
            success: function(data) {
                //alert(JSON.stringify(data));

                obj.request = null;
                if (obj.setTimer) return;
                obj.processResults(data, obj.domObj.find("#recentresults"), clickfirst, viewmode);

            }
        });
    } else if (obj.viewmode == 3 /*obj.domObj.find("#searchmyfoodcontainer").is(':visible')*/ ) {

        var viewmode = 3;
        obj.viewmode = 3;
    

        var txt = obj.domObj.find("#searchinputmyfood").val();
        obj.request = window.$oldAjax({
            url: "/service/SearchFoods.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
            cache: false,
            dataType: "json",
            data: {
                bucket_id: obj.bucket_id,
                logday: obj.d.toYMD(),
                plan_id: 1,
                search: txt,
                cat: cat,
                restrict: restrict,
                foods: 0,
                recent: 0,
                myfoods: 1
            },
            success: function(data) {
                //alert(JSON.stringify(data));
                obj.request = null;
                if (obj.setTimer) return;
                obj.processResults(data, obj.domObj.find("#myfoodresults"), clickfirst, viewmode, true);

            }
        });
    }

}

LogFood.prototype.getDomObj = function() {
    return this.domObj;
}


LogFood.prototype.setMode = function(mode) {
    var obj = this;
}


LogFood.prototype.setHooks = function() {}

LogFood.prototype.destroy = function() {
    $(window).unbind('scroll', this.updateScroll);
    $("#content").addClass("page_width");
    $("#navbar,#navmenu").show();
	setMinHeight();
	var obj = this;
	if (obj.resizeHandler) {
		$(window).off('resize', obj.resizeHandler);
	}
    this.destroyed = true;
}

LogFood.prototype.isBuilt = function() {
    return this.built;
}

LogFood.prototype.scannedFood = function(code) {
    var obj = this;
    blockWindow();
    obj.domObj.find("#searchinputfood").val('BARCODE:' + code);
    obj.viewmode = 1;

    obj.showSearch(true);
    //setWindow('LogFood-' + obj.bucket_id + '-search-' + code);
    //this.domObj.find("#searchinputfood").val(code);
    //this.doSearch(true);
}

LogFood.prototype.contentSet = function() {
    $("#content").removeClass("page_width");
    var obj = this;
	
	obj.resizeHandler = function() {
		obj.domObj.find("#foodname").width(window.innerWidth-30);
		obj.domObj.find("#unit").width(window.innerWidth-30);
	}
	$(window).on('resize', obj.resizeHandler).triggerHandler('resize');

    this.drawInfiRange();

    if (obj.autosearch != '') {
        blockWindow();
        obj.domObj.find("#searchinputfood").val('BARCODE:' + obj.autosearch);
        obj.viewmode = 1;
        obj.showSearch(true);
       // setWindow('LogFood-' + obj.bucket_id + '-search-' + obj.autosearch);

        //obj.doSearch(true);

    }

}

function LogExercise(params) {
	this.loginRequired = true;
	this.destroyed = false;
	this.built = false;
	this.request = null;
}

LogExercise.prototype.appendExercise=function(id, exercise_id, units, inputs) {
	var obj = this;
	var str = '';
	obj.domObj.find('[logid="' + id + '"]').remove();
	
	
	var strhtml = '';
	strhtml += inputs.name + '<br />'
	if (inputs.calories) {
		strhtml += '<B>Calories Burned:</b> ' + parseFloat(inputs.calories || 0).toFixed(2) + ' kCal<br />';
	}
	if (inputs.sets) {
		strhtml += '<B>Sets:</b> ' + parseFloat(inputs.sets || 0).toFixed(2) + '<br />';
	}
	if (inputs.reps) {
		strhtml += '<B>Reps:</b> ' + parseFloat(inputs.reps || 0).toFixed(2) + '<br />';
	}
	if (inputs.weight) {
		strhtml += '<B>Weight:</b> ' + parseFloat(inputs.weight || 0).toFixed(2) + ' lbs<br />';
	}
	if (inputs.time) {
		strhtml += '<B>Minutes:</b> ' + parseFloat(inputs.time || 0).toFixed(2) + ' mins<br />';
	}
	if (inputs.distance) {
		strhtml += '<B>Miles:</b> ' + parseFloat(inputs.distance || 0).toFixed(2) + ' miles<br />';
	}
	
	strhtml += '<br /><a href="#" class="btn-red removelog" logid="' + id + '" style="padding: 7px; font-size: 0.7em; margin-top: 8px;">Remove</a>';

	
	str += '<div logid="' + id + '" distance="' + (inputs.distance || 0) + '" time="' + (inputs.time || 0) + '" weight="' + (inputs.weight || 0) + '" weight="' + (inputs.weight || 0) + '" reps="' + (inputs.reps || 0) + '" sets="' + (inputs.sets || 0) + '" calories="' + (inputs.calories || 0) + '" class="exercise"   eid="' + exercise_id + '" ename="' + htmlencode(inputs.name||'', true) + '" units="' + htmlencode(units, true) + '" style=" cursor: pointer; border-bottom: 1px solid #cccccc88; padding-top:14px;padding-bottom:14px; padding-left: 10px;">';
	str += strhtml;
	str += '</div>';
	
	//str += '<div logid="' + id +'" foodname="' + htmlencode(name) + '" servings="' + servings + '" sugar="' + sugar + '" potassium="' + potassium + '" sodium="' + sodium + '" cholesterol="' + cholesterol + '" polyFat="' + polyFat + '" monoFat="' + monoFat + '"  satFat="' + satFat + '" fat="' + fat + '" fiber="' + fiber + '" carbs="' + carbs + '"  protein="' + protein + '" servingG="' + servingG + '" servingSize="' + htmlencode(servingDesc) + '" calories="' + calories + '" class="foodresult" style="padding: 8px;padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #cccccc;"><span style="color: #aa0000;">' + htmlencode(name) + '</span>' + strhtml + '</div>';
	obj.domObj.find("#addedex").prepend(str);
}

LogExercise.prototype.addExercise=function(id, exercise_id, units, inputs) {
	var obj = this;
	blockWindow();

	$.ajax( { url: "/service/LogExercise.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: { id: id, type:obj.type, exercise_id: exercise_id, 
							name: (inputs.name || ''),
							calories: (inputs.calories || 0),
							reps: (inputs.reps || 0),
							sets: (inputs.sets || 0),
							weight: (inputs.weight || 0),
							distance: (inputs.distance || 0),
							time: (inputs.time || 0)
					},
			success: function(data) {
				inputs.calories = data.calories;
				
				obj.appendExercise(data.id, exercise_id, units, inputs);
				unblockWindow();
			}
	});
	
}

LogExercise.prototype.getLoggedExercise=function() {
	var obj = this;
	
	$.ajax( { url: "/service/GetLoggedExercise.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: { type: obj.type },
			success: function(data) {
				obj.built = true;
				for (var i = 0; i < data.length; i++) {
					
					var inputs = {
							name: (data[i].name || ''),
							calories: (parseFloat(data[i].calories_burned) || 0),
							reps: (parseFloat(data[i].reps) || 0),
							sets: (parseFloat(data[i].sets) || 0),
							weight: (parseFloat(data[i].weight) || 0),
							distance: (parseFloat(data[i].distance) || 0),
							time: (parseFloat(data[i].time) || 0)
					};
					obj.appendExercise(data[i].e_log_id, data[i].exercise_id, data[i].units.join("|"), inputs);

				}
			}
			
	});
	
}

LogExercise.prototype.getScheduled=function() {
	var obj = this;
	
	var restrict = obj.domObj.find("[name=restrictex]:checked").length != 0;
	
	//obj.domObj.find(".scheduled").removeClass("scheduled");
	$.ajax( { url: "/service/GetTodaysScheduledExercises.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: { type: obj.type, restrict: restrict },
		success: function( data ) {	
			if (data) {
				var str = '';
				for (var i = 0; i < data.length; i++) {
					str += '<div class="exercise"  formula="' + htmlencode(data[i].cal_formula) + '" eid="' + data[i].exercise_id + '" ename="' + htmlencode(data[i].name, true) + '" units="' + htmlencode(data[i].units.join('|'), true) + '" style=" padding-left: 10px; cursor: pointer; border-bottom: 1px solid #cccccc88; padding-top:14px;padding-bottom:14px;"><span style="color: #ff5b83;">Scheduled Today - </span> ' + htmlencode(data[i].name) + '</div>';
					//obj.domObj.find('.exercise[eid="' + data[i].exercise_id + '"]').addClass("scheduled");
				}
				obj.domObj.find("#scheduledex").html(str);
			}
		}
	});
}

LogExercise.prototype.build = function(mode) {

	var obj = this;
	
	obj.type = mode;
	
	var str = '';
	
	str+='<div class="cal_container bgcolor" style="font-family: Normal; width: 100% !important; padding: 8px !important; padding-top: 40px !important; box-sizing: border-box;">\
				<!--<span id="logmealinput_portrait" style="display: block; padding: 18px; padding-left: 0px;"><input type="radio" name="searchfor" checked="checked" value="exercises" id="sex"><label for="sex"> Exercises</label> <input type="radio" name="searchfor" value="recent" id="srecent"><label for="srecent"> Recent</label></span>\
				<form class="blurform" action="#" method="get"><table style="margin: 0 !important; width:100% !important;" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="100%">\
				<input type="text" id="searchinputexercise" style="box-sizing: border-box; width: 100% !important;" placeholder="Search for exercises"/></td>\
				<td><span id="logmealinput_landscape" style="display: block;"><select id="searchtype"><option value="exercises">Exercises</option><option value="recent">Recent</option></select></span></td></tr></table>\
				<input style="width:1px; height: 1px; opacity: 0;" type="submit" /></form>\
				<p style="position: absolute; right: 35px; margin-top: -4px !important;"><a href="#" class="btn-gray inpcals">Log Calories</a></p>\
				<p class="restrict" style="visibility: hidden;"><input type="checkbox" checked="checked" name="restrictex" id="restrictex" /><label for="restrictex">Restrict plan exercises</label></p>\
	<hr />-->\
		<div id="addedex" style=""></div>\
		<div id="scheduledex" style=""></div>\
		<div id="results" style=""></div>\
	</div>';

	this.domObj = $(str);
	
	var txt = '';
	
	obj.request = $.ajax( { url: "/service/GetPlanExercise.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { search: txt, type: obj.type, restrict: 0 },
				success: function( data ) {	
					//alert(JSON.stringify(data));
					
					var search_parts = txt.split(' ');
					
					if (data && data.length > 0) {
						var str = '<div style="padding: 10px;">';
						
						var lastcat = -1;
			
						for (var i = 0; i < data.length; i++) {
							
							var catname = data[i].catname;
							var name = data[i].name;
							
							for (var j = 0; j < search_parts.length; j++) {
								
								
								if (search_parts[j].trim() != '') {
									catname = replaceAll(search_parts[j], '<span style="background-color: #eeeeee;">' + search_parts[j] + '</span>', catname);
									name = replaceAll(search_parts[j], '<span style="background-color: #eeeeee;">' + search_parts[j] + '</span>', name);
								}
							}
							
							if (lastcat != data[i].catid) {
								str += '<h2 style="font-size: 1.2em !important; padding-top: 8px !important; display: table !important;">' + catname + '</h2>';
							}
							
							str += '<div style="padding-left: 20px; padding-top: 20px; font-size: 1.0em !important; padding-top:3px; padding-bottom: 3px; display: table !important;"><a href="#" formula="' + htmlencode(data[i].cal_formula) + '" ename="' + htmlencode(data[i].name, true) + '" units="' + htmlencode(data[i].units.join('|'), true) + '" class="exercise" description="' + htmlencode(data[i].description, true) + '" fid="' + data[i].fid + '" eid="' + data[i].exercise_id + '">' + name + '</a></div>';

							
							lastcat = data[i].catid;
						}
						str += '</div>';
						//alert(str);
						obj.domObj.find("#results").html(str);
						
						obj.domObj.find("#results").columnize({width:200});
						
						$(window).trigger('resize');
					}
					else {
						obj.domObj.find("#results").html('<p align="center">No Results</p>');
					}
				}
			});
	
	this.domObj.find(".blurform").submit(function(e) {
		e.preventDefault();
		obj.domObj.find("input[type=text]").blur();
	});
	
	this.getScheduled();
	
	this.domObj.find("#searchinputexercise").keyup(function() {
		if (obj.searchtimer != null) {
			clearTimeout(obj.searchtimer);
			obj.searchtimer = null;
		}
		if (obj.request) {
			obj.request.abort();
			obj.request = null;
		}
		obj.searchtimer = setTimeout(function() {
			obj.searchtimer = null;
			obj.doSearch();
		}, 600);
	});
	
	this.domObj.find('[name=restrictex]').change(function() {
		obj.doSearch();
		obj.getScheduled();
	});
	
	this.domObj.find("#searchtype").change(function() {
		obj.domObj.find('[name=searchfor][value="' + $(this).val() + '"]').prop('checked', true);
		if ($(this).val() == 'recent') {
				//obj.domObj.find(".restrict").css("visibility", "hidden");
			}
			else {
				//obj.domObj.find(".restrict").css("visibility", "visible");
			}
		obj.doSearch();
	});
	
	obj.domObj.find('[name=searchfor]').change(function() {
		if ($(this).prop('checked')) {
			obj.domObj.find("#searchtype").val($(this).val());
			if ($(this).val() == 'recent') {
				//obj.domObj.find(".restrict").css("visibility", "hidden");
			}
			else {
				//obj.domObj.find(".restrict").css("visibility", "visible");
			}
			obj.doSearch();
		}
	});
	
	obj.domObj.on("click", ".removelog", function(e) {
		e.preventDefault();
		e.stopPropagation();
		var id = $(this).attr('logid');
		
		//if (confirm("Are you sure you want to remove this log entry?")) {
		
			$.ajax( { url: "/service/RemoveExerciseLog.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { id: id },
				success: function( data ) {	
					obj.domObj.find('[logid="' + id + '"]').remove();
				}
			});
		//}
	});
	
	obj.domObj.on("click", ".exercise", function(e) {
		e.preventDefault();
		
		
		var cal_formula = $(this).attr('cal_formula');
		var name = $(this).attr('ename');
		var exercise_id = $(this).attr('eid');
		var units = $(this).attr('units');
		
		var calories = $(this).attr('calories') || 0;
		var reps = $(this).attr('reps') || 0;
		var sets = $(this).attr('sets') || 0;
		var weight = $(this).attr('weight') || 0;
		var distance = $(this).attr('distance') || 0;
		var time = $(this).attr('time') || 0;
		var inputs = { calories: calories, reps: reps, sets: sets, weight: weight, distance: distance, time: time };
		
		var id = $(this).attr('logid') || 0;
		
		var widget = new Widget("InputExerciseData", {  callback: function(id, exercise_id, units, inputs ) {
			obj.addExercise(id, exercise_id, units, inputs);
			
		}, 
		id: id, 
		cal_formula: cal_formula,
		name: name, 
		exercise_id: exercise_id,
		units: units,
		inputs: inputs
			});
			widget.renderIntoPopup('100%', '100%', $(this));
	});
	
	obj.domObj.find(".inpcals").click(function(e) {
		e.preventDefault();
		
		var cal_formula = $(this).attr('cal_formula');
		var name = '';
		var exercise_id = '';
		var units = '';
		
		var calories = 0;
		var reps = 0;
		var sets = 0;
		var weight = 0;
		var distance = 0;
		var time = 0;
		var inputs = { calories: calories, reps: reps, sets: sets, weight: weight, distance: distance, time: time };
		
		var id = 0;
		
		var widget = new Widget("InputExerciseData", {  callback: function(id, exercise_id, units, inputs ) {
			obj.addExercise(id, exercise_id, units, inputs);
			
		}, 
		id: id, 
		cal_formula: cal_formula,
		name: name, 
		exercise_id: exercise_id,
		units: units,
		inputs: inputs
			});
			widget.renderIntoPopup('100%', '100%', $(this));
	});
	
	obj.getLoggedExercise();
	
	return false;
}

LogExercise.prototype.doSearch=function() {
 var obj = this;
		var txt = obj.domObj.find("#searchinputexercise").val();
		var cat = '';//obj.domObj.find(".searchmealfilter").val();
		var restrict = obj.domObj.find("[name=restrictex]:checked").length != 0;
		if (obj.request != null) {
			obj.request.abort();
		}
		obj.domObj.find("#results").empty();
		
		
		
		if (obj.domObj.find("#searchtype").val() == 'exercises') {
		
		if (txt.trim() == '') {
			return;
		}
		
			obj.request = $.ajax( { url: "/service/GetPlanExercise.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { search: txt, type: obj.type, restrict: restrict },
				success: function( data ) {	
					//alert(JSON.stringify(data));
					
					var search_parts = txt.split(' ');
					
					if (data && data.length > 0) {
						var str = '<div style="padding: 10px;">';
						
						var lastcat = -1;
			
						for (var i = 0; i < data.length; i++) {
							
							var catname = data[i].catname;
							var name = data[i].name;
							
							for (var j = 0; j < search_parts.length; j++) {
								
								
								if (search_parts[j].trim() != '') {
									catname = replaceAll(search_parts[j], '<span style="background-color: #eeeeee;">' + search_parts[j] + '</span>', catname);
									name = replaceAll(search_parts[j], '<span style="background-color: #eeeeee;">' + search_parts[j] + '</span>', name);
								}
							}
							
							if (lastcat != data[i].catid) {
								str += '<h2 style="font-size: 1.2em !important; padding-top: 8px !important; display: table !important;">' + catname + '</h2>';
							}
							
							str += '<div style="padding-left: 20px; padding-top: 20px; font-size: 1.0em !important; padding-top:3px; padding-bottom: 3px; display: table !important;"><a href="#" formula="' + htmlencode(data[i].cal_formula) + '" ename="' + htmlencode(data[i].name, true) + '" units="' + htmlencode(data[i].units.join('|'), true) + '" class="exercise" description="' + htmlencode(data[i].description, true) + '" fid="' + data[i].fid + '" eid="' + data[i].exercise_id + '">' + name + '</a></div>';

							
							lastcat = data[i].catid;
						}
						str += '</div>';
						obj.domObj.find("#results").html(str);
						
						obj.domObj.find("#results").columnize({width:200});
					}
					else {
						obj.domObj.find("#results").html('<p align="center">No Results</p>');
					}
				}
			});
		}
		else if (obj.domObj.find("#searchtype").val() == 'recent') {
			obj.request = $.ajax( { url: "/service/SearchRecentExercises.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { search: txt, type: obj.type, restrict: restrict },
				success: function( data ) {	
					//alert(JSON.stringify(data));
					
					//var search_parts = txt.split(' ');
					
					if (data && data.length > 0) {
						var str = '';
						
						var lastcat = -1;
			
						for (var i = 0; i < data.length; i++) {
							
							var catname = data[i].catname;
							var name = data[i].name;
							
							
							if (lastcat != data[i].catid) {
								//str += '<h2 style="font-size: 1.2em !important; padding-top: 8px !important; display: table !important;">' + catname + '</h2>';
							}
							
							str += '<div style="cursor:pointer; border-bottom: 1px solid #cccccc88; padding-left: 20px; padding-top: 20px; font-size: 1.0em !important; padding-top:12px; padding-bottom: 12px; padding-left: 10px; " formula="' + htmlencode(data[i].cal_formula) + '" ename="' + htmlencode(data[i].name, true) + '" units="' + htmlencode(data[i].units.join('|'), true) + '" class="exercise" description="' + htmlencode(data[i].description, true) + '" fid="' + data[i].fid + '" eid="' + data[i].exercise_id + '">' + name + '</div>';

							
							lastcat = data[i].catid;
						}
						obj.domObj.find("#results").html(str);
						
						//obj.domObj.find("#results").columnize({width:200});
					}
					else {
						obj.domObj.find("#results").html('<p align="center">No Results</p>');
					}
				}
			});
		}

}

LogExercise.prototype.getDomObj=function() {
	return this.domObj;
}
	
	
LogExercise.prototype.setMode=function(mode) {
	var obj = this;
}
	
	
LogExercise.prototype.setHooks=function() {
}

LogExercise.prototype.destroy=function() {
	this.destroyed = true;
}

LogExercise.prototype.isBuilt=function() {
	return this.built;
}

LogExercise.prototype.contentSet=function(){
	var obj = this;

}
function LogProgress(params) {
    this.loginRequired = true;
    this.destroyed = false;
    this.built = false;
}

LogProgress.prototype.getMetric = function(attrib) {
    switch (attrib) {
        case 'weight':
            return 'lbs';
        default:
            return '';
    }
}

LogProgress.prototype.getProgressHistory = function(attrib) {
    var obj = this;
    blockWindow();

    var metric = this.getMetric(attrib);
    obj.domObj.find(".metric").text(metric);
    obj.domObj.find("[name=input]").val('');

    $.ajax({
        url: "/service/GetPlanAttributeHistory.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
        cache: false,
        dataType: "json",
        data: {
            attrib: attrib
        },
        success: function(data) {
            obj.domObj.find("table tr:not(.heading)").remove();
            if (data) {
                var str = '';
                for (var i = 0; i < data.length; i++) {
                    if (i == 0) {
                        obj.domObj.find("[name=input]").val(data[i].value);
			}
                    
			var Days = 0;

			var t1 = data[i].logged_date.split(/[- :]/);
            var log_d1 = new Date(t1[0], t1[1] - 1, t1[2], t1[3], t1[4], t1[5]);
                        var d1 = new Date(t1[0], t1[1] - 1, t1[2], 0, 0, 0);
			

			if (data[i].logged_date && data[i].last_logged_date) {
//			 var t1 = data[i].logged_date.split(/[- :]/);
  //              	var d1 = new Date(t1[0], t1[1] - 1, t1[2], t1[3], t1[4], t1[5]);

			var t2 = data[i].last_logged_date.split(/[- :]/);
                        var d2 = new Date(t2[0], t2[1] - 1, t2[2], 0, 0, 0);

			var Difference_In_Time = d1.getTime() - d2.getTime(); 
  
			// To calculate the no. of days between two dates 
			Days = parseInt(Difference_In_Time / (1000 * 3600 * 24));

			}
 
			var last = '';
		    if (Days && data[i].value != data[i].last_value) {
			if (data[i].value > data[i].last_value) {
				
				last = ' <br /><span style="color: #ff5b83; font-size: 0.7em !important;">+' + htmlencode((Math.round((data[i].value - data[i].last_value) * 10) / 10) + ' ' + metric + ' since ' + Days + ' days ago (' + (d2.getMonth()+1) + '/' + d2.getDate() + '/' + d2.getFullYear() + ')') + '</span>';
			}
			else {
				last = ' <br /><span style="color: #44ff00; font-size: 0.7em !important;">-' + htmlencode((Math.round((data[i].last_value - data[i].value) * 10) / 10) + ' ' + metric + ' since ' + Days + ' days ago (' + (d2.getMonth()+1) + '/' + d2.getDate() + '/' + d2.getFullYear() + ')') + '</span>';
			}
		    }

                    str += '<tr ><td style="border-bottom: 1px solid #cccccc;">' + htmlencode((log_d1.getMonth()+1) + '/' + log_d1.getDate() + '/' + log_d1.getFullYear()) + '<br /> <span style="font-size: 0.7em !important;">'+ htmlencode(log_d1.toLocaleTimeString('en-US')) + '</span></td><td style="border-bottom: 1px solid #cccccc;">' + htmlencode(data[i].value + ' ' + metric) + last  + '</td><td style="border-bottom: 1px solid #cccccc;"><a class="delitem btn-red" style="padding: 9px;" href="#" valid="' + data[i].val_id + '">X</a></tr>';                
}
                obj.domObj.find("table").append(str);
            }
            obj.built = true;
            unblockWindow();
        }
    });
}

LogProgress.prototype.getAttribs = function(mode) {
    var obj = this;
    $.ajax({
        url: "/service/GetPlanAttributes.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
        cache: false,
        dataType: "json",
        data: {},
        success: function(data) {
            if (data) {
                var str = '';
                for (var k in data) {
                    if (mode != 'weight') {
                        if (k == 'weight') continue;
                    } else {
                        if (k != 'weight') continue;
                    }
                    str += '<option value="' + htmlencode(k) + '">' + htmlencode(data[k]) + '</option>';
                }
                obj.domObj.find("#searchtype").html(str);

                obj.getProgressHistory(obj.domObj.find("#searchtype").val());
            }

        }
    });
}

LogProgress.prototype.build = function(mode) {

    var obj = this;

    var str = '';

    str += '<div class="content_container smallpad bgcolor">\
		<fieldset>\
			<ul style="padding-left: 0px;">\
			<li style="text-align:center;">\
				<h3 style="display: block; margin-bottom:6px;">Log your:</h3>\
				<select id="searchtype" style="width: auto !important;"></select>\
				<p align="center" style="margin: 3px;"><input type="number" name="input" style="text-align: center; margin-bottom: 3px;" /><span class="metric" style="display: inline-block; font-weight: bold; margin-left: 8px;"></span></p>\
				<p align="center" style="margin-top: 8px;"><a href="#" class="btn-green" id="save_progress">Save</a><p>\
				</span>\
			</li>\
		</fieldset>\
	<hr />\
        <div id="log_container">\
		<div id="results"><p align="center">History:</p>\
		<table cellspacing="0"  cellpadding="10" style="min-width: 300px; font-size: 1.3em; border: px solid #cccccc;">\
			<tr class="heading" style=" background-color: #eeeeee; color: black;">\
				<td width="50%" nowrap><B>Date/Time</B></td>\
				<td width="50%" nowrap><b>Input</b></td>\
				<td width="1%" nowrap><b>Delete</b></td>\
			</tr>\
		</table>\
        </div>\
		</div>\
	</div>';

    this.domObj = $(str);

    this.domObj.on('click', 'a.delitem', function(e) {
        e.preventDefault();
        var valid = $(this).attr('valid');
        if (confirm("Are you sure you want to delete this entry?")) {
            blockWindow();
            var attrib = obj.domObj.find("#searchtype").val();
            $.ajax({
                url: "/service/DeletePlanAttributeHistory.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
                cache: false,
                dataType: "json",
                data: {
                    valid: valid
                },
                success: function(data) {
                    unblockWindow();
                    obj.getProgressHistory(attrib);
                }
            });
        }
    });

    this.domObj.find("#save_progress").click(function(e) {
        e.preventDefault();
        if (String(obj.domObj.find("[name=input]").val()).trim() == '') {
            obj.domObj.find("[name=input]").focus();
            return;
        }
        blockWindow();
        var value = obj.domObj.find("[name=input]").val();
        var attrib = obj.domObj.find("#searchtype").val();

        $.ajax({
            url: "/service/SavePlanAttribute.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
            cache: false,
            dataType: "json",
            data: {
                attrib: attrib,
                value: value
            },
            success: function(data) {
                unblockWindow();
                obj.getProgressHistory(attrib);

            }
        });
    });

    this.domObj.find("#searchtype").change(function() {
        obj.getProgressHistory($(this).val());
    });

    this.getAttribs(mode);

    return false;
}

LogProgress.prototype.getDomObj = function() {
    return this.domObj;
}

LogProgress.prototype.setMode = function(mode) {
    var obj = this;
}

LogProgress.prototype.setHooks = function() {}

LogProgress.prototype.destroy = function() {
    this.destroyed = true;
}

LogProgress.prototype.isBuilt = function() {
    return this.built;
}

LogProgress.prototype.contentSet = function() {
    var obj = this;

}


function Report(params) {
	this.loginRequired = true;
	this.destroyed = false;
	this.built = false;
	this.set = false;
	this.hasData = false;
	this.reportType = '';
	this.attribs = [];
}

Report.prototype.getAerobicExercises=function() {
		var obj = this;
		blockWindow();
		$.ajax( { url: "/service/GetPlanExercise.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: { type: 'cardio', restrict: 'true' },
		success: function( data ) {	
			//obj.exerciseTypes = data.data.exerciseTypes;
			//obj.exercises = data.data.exercises;
			unblockWindow();
			var html = '<div>';
			
			var lastcat = -1;
			
			for (var i = 0; i < data.length; i++) {
				if (lastcat != data[i].catid) {
					html += '<h2 style="font-size: 1.2em !important; padding-top: 8px !important; display: table !important;">' + data[i].catname + '</h2>';
				}
				
				html += '<div style="text-align: left;"><input type="checkbox" value="ex_' + data[i].exercise_id + '" id="ex_' + data[i].exercise_id + '" /><label for="ex_' + data[i].exercise_id + '"> &nbsp;' + data[i].name + '</label></div>';

				
				lastcat = data[i].catid;
			}
			
			html += '</div>';
			
			obj.domObj.find("#exa_opts").show().html(html);
			
			obj.domObj.find("#exa_opts>div").columnize({width:200});
			
			obj.domObj.find("#exa_opts").hide();
		}
	});
}

Report.prototype.getAnaerobicExercises=function() {
		var obj = this;
		blockWindow();
		$.ajax( { url: "/service/GetPlanExercise.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: { type: 'anaerobic', restrict: 'true' },
		success: function( data ) {	
			//obj.exerciseTypes = data.data.exerciseTypes;
			//obj.exercises = data.data.exercises;
			unblockWindow();
			var html = '<div>';
			
			var lastcat = -1;
			
			for (var i = 0; i < data.length; i++) {
				if (lastcat != data[i].catid) {
					html += '<h2 style="font-size: 1.2em !important; padding-top: 8px !important; display: table !important;">' + data[i].catname + '</h2>';
				}
				
				html += '<div style="text-align: left;"><input type="checkbox" value="ex_' + data[i].exercise_id + '" id="ex_' + data[i].exercise_id + '" /><label for="ex_' + data[i].exercise_id + '">&nbsp;' + data[i].name + '</label></div>';

				
				lastcat = data[i].catid;
			}
			
			html += '</div>';
			
			obj.domObj.find("#exan_opts").show().html(html);
			
			obj.domObj.find("#exan_opts>div").columnize({width:200});
			
			obj.domObj.find("#exan_opts").hide();
			
			if (obj.attribs.length == 0) {
					obj.domObj.find("#plan_tab, #plan_tab + label").hide();
					setTimeout(function() {
						obj.domObj.find("#strength_tab + label").click();
					}, 250);
				}
		}
	});
}


Report.prototype.getAttribs=function() {
	var obj = this;
	blockWindow();
	obj.attribs = [];
	$.ajax( { url: "/service/GetPlanAttributes.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: { },
			success: function(data) {
				unblockWindow();

					if (data) {
						var str = '';
						for (var k in data) {
							if (k == 'weight') {
								continue;
							}
							obj.attribs.push(k);
							str += '<input type="checkbox" value="' + htmlencode(k) + '" id="' + htmlencode(k) + '" /><label for="' + htmlencode(k) + '">&nbsp;' + htmlencode(data[k]) + '</label>';
						}
						obj.domObj.find("#plan_attribs").html(str);
					}
				
				if (obj.attribs.length == 0) {
					obj.domObj.find("#plan_tab, #plan_tab + label").hide();
					obj.domObj.find("#strength_tab, #strength_tab + label").click();
				}
			
				
			}
	});
}

Report.prototype.build = function(mode) {

	var obj = this;
	
	this.reportType = mode;
	if (this.reportType == 'exercise') {
		this.reportType = 'progress';
	}
	
	var str = '';
	
	str+='<div class="full_container smallxpad bgcolor" style="text-align:center;" id="reports">\
	<div id="legend" style="padding: 4px; padding-left: 14px; text-align:left;"></div>\
	<div style="padding-left: 8px; padding-right: 8px;"><div id="chart"  style="box-sizing: border-box;  padding: 8px; padding-top: 20px; position:relative;"><div id="usetwo" style="pointer-events: none; background-color: rgba(0, 0, 0, 0.5); color: white; border-radius: 6px; padding: 25px; font-size: 16px; font-family: Normal; display: none; left:50%; top: 50%; transform: translate(-50%, -50%); position: absolute;">Use two fingers to slide chart</div><canvas id="infichart" style="display: table; width: 100%; height: 300px;"></canvas></div></div>\
	<span style="display: inline-block; padding: 2px; padding-top: 20px; padding-right:10px;">View:<br /><select id="groupby" style="height: 38px; width: 150px; font-size: 20px; -webkit-appearance: none; text-align:center; text-align-last:center;"><option value="days">Days</options><option value="weeks">Weeks</option><option value="months">Months</option><option value="years">Years</option></select></span>\
	<span style="display: inline-block; padding: 2px; padding-top: 20px; padding-right:10px;">Jump to:<br /><input style="height: 38px; width: 150px !important;" type="button" class="txtbox" id="startdate"></span>\
	<span style="display: none; padding: 9px;">End Date: <input style="width: 150px !important; " type="button" class="txtbox" id="enddate"></span>\
	<h3 id="exercise_name" style="text-align:left; display: none; font-size: 16px; padding-left: 8px;"></h3>\
<div id="tabdiv" style="width:95%; display:none;box-sizing: border-box; margin-top: 15px;"><div id="admin_menu" >\
<ul class="tabs">';
if (mode != 'exercise') {
    str+= '<li>\
          <input type="radio" checked name="tabs" id="plan_tab">\
          <label for="plan_tab">Plan Attributes</label>\
        </li>';
}
else {
	str += '<li>\
          <input type="radio" name="tabs" id="strength_tab">\
          <label for="strength_tab">Strength</label>\
        </li>\
		<li>\
          <input type="radio" name="tabs" id="cardio_tab">\
          <label for="cardio_tab">Cardio</label>\
        </li>';
}
str += '</ul>\
</div></div>\
	<div id="plan_attribs" style="display:none; padding: 15px; box-sizing: border-box;"></div><div id="exa_opts" style="display:none; padding: 15px; box-sizing: border-box;"></div><div id="exan_opts" style="box-sizing: border-box; display:none; padding: 15px;"></div><br />\
	</div>';
	
	//str += '<div style="padding: 8px; padding-top: 40px; position: relative;"><canvas id="infichart" style="display: table; width: 100%; height: 350px;"></canvas><span scale="no" id="scalechart" style="display: none; cursor: pointer; position: absolute;  top: 8px; right: 8px; opacity: 0.5;"><img  src="/images/noresize.png" /></span></div>';

	this.domObj = $(str);
	
	//alert();
	
	var grabDataXhr = null;
	
	obj.gotOffset = 0;
	
	var grabData = function(offset, cb) {
		//alert(offset);
		if (grabDataXhr !== null) return;
		if (offset == obj.gotOffset) return;
		obj.gotOffset = offset;
		
			var vals = '';
	obj.domObj.find("input[type=checkbox]:checked").each(function() {
		if (vals != '') {
			vals += '[';
		}
		vals += $(this).val();
	});
		
		grabDataXhr = $.ajax( { url: "/service/GetReportData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
							cache: false,
							dataType: "json", 
							data: { reportType: obj.reportType, groupby: obj.domObj.find("#groupby").val(), num:31, vals: vals, start: obj.domObj.find("#startdate").val(), offset: offset },
							success: function( data ) {
								grabDataXhr = null;
								cb(data.data);
							}
			});
	};
	
	this.chart = new infichart(this.domObj.find("#infichart")[0], (mode=='weight'?infichart.LINE_CHART:infichart.BAR_CHART), 1, 0, 60, 0, grabData, grabData);
	if (mode == 'weight') {
		this.chart.infichart.strict = true;
		this.chart.infichart.scaleSuffix = ' lbs';
	}
	if (mode == 'adherence') {
		this.chart.infichart.scaleOptions = [ 'F', 'D', 'C', 'B', 'A' ];
		this.chart.infichart.minmax = [0.0, 1.0 ];
	}
	setChartOptions(this.chart);
	
	this.domObj.find("#scalechart").click(function(e) {
		e.preventDefault();
		e.stopPropagation();
		
		if ($(this).attr('scale') == 'no') {
			$(this).attr('scale', 'yes');
			$(this).find("img").attr('src', '/images/resize.png');
			obj.chart.infichart.scale = 4;
			obj.chart.refreshInfiChart();
		}
		else {
			$(this).attr('scale', 'no');
			$(this).find("img").attr('src', '/images/noresize.png');
			obj.chart.infichart.scale = 3;
			obj.chart.refreshInfiChart();
		}
		
		
	});
	
	//alert("here");
	
	/*chart.infichart.barwidth = 20;
	chart.infichart.barpadding = 3;
	chart.infichart.unitpadding = 15;*/
	
	
	
	if (mode == 'progress' || mode == 'exercise') {
		this.domObj.find("#chart").hide();
		if (mode == 'progress') {
			this.getAttribs();
		}
		else {
			this.attribs = [];
			this.getAnaerobicExercises();
			this.getAerobicExercises();
		}
		//this.reportType = 'weight';
		this.domObj.find("#tabdiv").css("display", "table");
		//if (mode == 'progress') {
			this.domObj.find("#plan_attribs").show();
		//}
		//else {
		//	this.domObj.find("#exan_opts").show();
		//}
		
			this.domObj.find("#plan_tab, #plan_tab + label").bind(hitEvent, function(e) {
				e.preventDefault();
				obj.domObj.find("#plan_tab").prop('checked', true);
				obj.domObj.find("#plan_attribs:visible, #exa_opts:visible, #exan_opts:visible").slideUp('slow', function() {
					obj.domObj.find("#plan_attribs").slideDown('slow', function() {
						$(window).triggerHandler("resize");
					});
					obj.domObj.find("input[type=checkbox]:checked").prop('checked', false);
				});
			});
			this.domObj.find("#cardio_tab, #cardio_tab + label").bind(hitEvent, function(e) {
				e.preventDefault();
				obj.domObj.find("#cardio_tab").prop('checked', true);
				obj.domObj.find("#plan_attribs:visible, #exa_opts:visible, #exan_opts:visible").slideUp('slow', function() {
					obj.domObj.find("#exa_opts").slideDown('slow', function() {
						$(window).triggerHandler("resize");
					});
					obj.domObj.find("input[type=checkbox]:checked").prop('checked', false);
				});
			});
			this.domObj.find("#strength_tab, #strength_tab + label").bind(hitEvent, function(e) {
				e.preventDefault();
				obj.domObj.find("#strength_tab").prop('checked', true);
				obj.domObj.find("#plan_attribs:visible, #exa_opts:visible, #exan_opts:visible").slideUp('slow', function() {
					obj.domObj.find("#exan_opts").slideDown('slow', function() {
						$(window).triggerHandler("resize");
					});
					obj.domObj.find("input[type=checkbox]:checked").prop('checked', false);
				});
			});

		this.domObj.on("change", "input[type=checkbox]", function() {
			if ($(this).val().substr(0, 3) == 'ex_') {
				obj.domObj.find('input[type=checkbox][value!="' + $(this).val() + '"]:checked').prop('checked', false);
        obj.domObj.find("#exercise_name").text('' || $(this).parent().text().trim());
			}
			obj.domObj.find("#chart").fadeIn('slow');
			obj.getData();
		});
		if (mode == 'exercise') {
			//obj.domObj.find("#strength_tab, #strength_tab + label").click();
		}
	}
	
	var date = new Date();
	var date2 = new Date();
	var pickerstart = new Pikaday({ 
		field: this.domObj.find('#startdate')[0] ,
		onSelect: function() {
			if (obj.domObj.find("#enddate").val()) {
				obj.getData();
			}
		}
	});
	
	var curr = date;
	/*if (mode == 'adherence') {
		if (window.innerWidth < 600) {
			var firstday = new Date(date2.setDate(date2.getDate() -8));
		}
		else {
			var firstday = new Date(date2.setDate(date2.getDate() - 15));
		}
		var lastday = new Date(curr.setDate(curr.getDate() -1));
	}
	else {
		if (window.innerWidth < 600) {
			var firstday = new Date(date2.setDate(date2.getDate() -7));
		}
		else {
			var firstday = new Date(date2.setDate(date2.getDate() - 14));
		}
		var lastday = new Date(curr.setDate(curr.getDate()));
	}
	
	//var firstday = new Date(date2.setDate(date2.getDate() - date2.getDay()-7));
	//var firstday = new Date(curr.setDate(curr.getDate() - curr.getDay()-15));
	
	if (mode == 'weight') {
		lastday = new Date();
		firstday = new Date(curr.setDate(curr.getDate() - (31 * 3)));
	}
	else if (mode == 'progress' || mode == 'exercise') {
		lastday = new Date();
		firstday = new Date(curr.setDate(curr.getDate() -  (31 * 3)));
	}*/

	//firstday = new Date(curr.setDate(curr.getDate() -  (3)));	
	firstday = new Date(curr.setDate(new Date().getDate() - 6));
	//lastday = new Date(curr.setDate(new Date().getDate() - 3));
	//firstday = new Date();
	lastday = new Date();
	firstday = new Date();
	
	//obj.getData();
	
	
	pickerstart.setDate(firstday);
	
	var pickerend = new Pikaday({ 
		field: this.domObj.find('#enddate')[0],
			onSelect: function() {
				if (obj.domObj.find("#startdate").val()) {
					obj.getData();
				}
			}	
		});
	
	pickerend.setDate(lastday);
	
	this.domObj.find("#groupby").change(function(e) {
		obj.chart.infichart.labelmode = $(this).val();
		obj.getData();
	});
	
	this.domObj.find('#startdate,#enddate').focus(function(e) {
		e.preventDefault();
	});
	
	//
	
	return false;
}


Report.prototype.getData=function() {
	var obj = this;
	//alert("here");
	if (obj.domObj.find("input[type=checkbox]").length > 0 && obj.domObj.find("input[type=checkbox]:checked").length == 0) {
		return;
	}
	var vals = '';
	obj.domObj.find("input[type=checkbox]:checked").each(function() {
		if (vals != '') {
			vals += '[';
		}
		vals += $(this).val();
	});
	obj.gotOffset = 0;
	blockWindow();
	$.ajax( { url: "/service/GetReportData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
							cache: false,
							dataType: "json", 
							data: { reportType: this.reportType, groupby: obj.domObj.find("#groupby").val(), num:31, vals: vals, start: obj.domObj.find("#startdate").val(), end: obj.domObj.find("#enddate").val() },
							success: function( data ) {
								//alert("got data");
								//console.log(data);
								unblockWindow();
								//if (! data || ! data.datasets.length) {
								///	return;
								//}
								obj.lineChartData = data;
								
								//var data = [];
								//for (var k in obj.lineChartData.datasets) {
								
								//}
								
								//if (obj.set) {
									obj.setData();
								//}
								//else {
								//	obj.hasData = true;
								//}
								
								//$('html, body').animate({ scrollTop: ($("#exercise_name").offset().top-10) }, 'slow', function () {
								//});
							}
	});
}


Report.prototype.getDomObj=function() {
	return this.domObj;
}
	
	
Report.prototype.setMode=function(mode) {
	var obj = this;
}
	
	
Report.prototype.setHooks=function() {
}

Report.prototype.destroy=function() {
	var obj = this;
	this.destroyed = true;
	if (this.chart) {
		this.chart.destroy();
	}
	//$("#content").addClass('page_width');
	if (obj.resizeHandler) {
		$(window).off('resize', obj.resizeHandler);
	}
}

Report.prototype.isBuilt=function() {
	return true;
}

Report.prototype.setData=function() {
	var obj = this;
	
	//console.log(this.lineChartData);
	//return;
	
	/*//var i = this.lineChartData.datasets[0].length;
	var numbars = 0;
	var data = [];
	for (var k in obj.lineChartData.datasets) {
	//	data[thenum] = {};
		numbars++;
		for (var thenum = 0; thenum < obj.lineChartData.datasets[k].data.length; thenum++) {
			if (typeof(data[thenum]) == 'undefined') {
				data[thenum] = [];
			}
			data[thenum].push(obj.lineChartData.datasets[k].data[thenum]);
		}
	}
	
	this.chart.infichart.numbars = numbars;
	setChartOptions(this.chart);
	$(window).triggerHandler('resize');*/
	
	var legend_str = '';
	for (var i = 0; i < obj.lineChartData['legend'].length; i++) {
		if (obj.lineChartData['legend'][i]) {
			legend_str += '<span style="display: inline-block; padding-left: 6px; padding-right:6px;"><span style="display:inline-block; width: 15px; height: 15px; background-color: ' + obj.chart.infiChartSetColor(i) + ';"></span> ' + obj.lineChartData['legend'][i] + '</span>';
		}
	}
	
	this.domObj.find("#legend").html(legend_str);
	
	//console.log("setdata 1");
	this.chart.infichart.numbars = obj.lineChartData['numbars'];
	//console.log("setdata 2");
	setChartOptions(this.chart);
	//console.log("setdata 3");
	$(window).triggerHandler('resize');
	//console.log("setdata 4");
	//alert("setting values");
	this.chart.setChartValues(obj.lineChartData['data'], obj.lineChartData['startval'], obj.lineChartData['endval'], obj.lineChartData['currval']);
	//alert("setting values 2");
	
	
	//console.log(data);
	//return;
	
	//this.chart.setChartValues(data, 0, data.length, 0);
	
	return;
	if (obj.domObj.find("input[type=checkbox]").length > 0 && obj.domObj.find("input[type=checkbox]:checked").length == 0) {
		return;
	}

	if (typeof(this.lineChart) != 'undefined') {
		this.lineChart.destroy();
	}
	if (this.reportType == 'weight') {
		this.lineChart = new Widget('LineChart', {  });
	}
	else if (this.reportType == 'adherence') {
				this.lineChart = new Widget('BarChart', {  });

		this.lineChart.widget.setLabels(function (valuePayload) {
			console.log(valuePayload);
			if(parseFloat(valuePayload.value) >= 1)   {  
				return '  Grade: A';
			}
			else if(parseFloat(valuePayload.value)>=0.8)  {   
				return '  Grade: B';
			}
			else if(parseFloat(valuePayload.value)>=0.6)    { 
				return '  Grade: C';
			}
			else if(parseFloat(valuePayload.value)>=0.4)  {   
				return '  Grade: D';
			}
			else  {
				return '  Grade: F';
			}
			});
		}
	else {
		this.lineChart = new Widget('BarChart', {  });
	}
	

	this.lineChart.widget.setData(this.lineChartData);
	this.lineChart.render(this.domObj.find("#chart"));
}

Report.prototype.contentSet=function(){
	var obj = this;
	//$("#content").removeClass('page_width');
	obj.resizeHandler = function() {
		$("#infichart").height((window.innerHeight - $("#header").height()) / 2.2);
		obj.chart.refreshInfiChart();
	}
	$(window).on('resize', obj.resizeHandler).triggerHandler('resize');
	return;
	this.set = true;
	if (this.hasData) {
		this.setData();
	}
}

function Settings(params) {
    this.loginRequired = true;
    this.destroyed = false;
    this.built = false;
}

Settings.prototype.genRegisterCode = function(callback) {
    var obj = this;
    $.ajax({
        url: "/service/GetRegisterCode.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER",
        cache: false,
        dataType: "json",
        data: {},
        success: function(data) {
            obj.regCode = data.session_id;
            obj.regAccessCode = data.access_code;
            callback();
        }
    });

}

Settings.prototype.build = function(mode) {

    var obj = this;

    var heightstr = '<option value="0">Select Height</option>';

    var minheight = 3 * 12;
    var maxheight = 8 * 12;
    for (var i = minheight; i <= maxheight; i++) {
        var foot = Math.floor(i / 12);
        var inches = i % 12;
        heightstr += '<option value="' + i + '">' + foot + '\'' + inches + "\"" + '</option>';
    }

    obj.genRegisterCode(function() {

        obj.domObj = $('\<div id="settingswindow" class="content_container bgcolor" style="display: table; margin-left: auto; margin-right: auto;">\
	<form id="signup-form">\
    <p align="right" style="width: 100%; font-weight: bold; font-size: 24px; color: black; position: relative; margin-bottom: 10px; top: -20px;"><span id="remove_account_span" style="display: inline-block;"><span id="remove_account_in_progress" style="display: none; font-size: 16px; color: #ff6666;">Account Removal in progress...</span><a id="remove_account" style="display: none; font-size: 16px; color: #ff6666;" href="#RemoveAccount">Remove My Account</a></span></p>\
<fieldset>\
    <legend>Your Information <div class="line"><span></span></div></legend>\
        <ul>\
        	<li>\
            <label class="required" for="firstname">First Name:</label>\
            <input type="text" id="firstname" name="firstname" value="" maxlength="50">&nbsp;<span status="-1" id="firstname_status" class="error validate"></span>\
        </li>\
        <li>\
            <label class="required" for="lastname">Last Name:</label>\
            <input type="text" id="lastname" name="lastname" value="" maxlength="50">&nbsp;<span status="-1" id="lastname_status" class="error validate"></span>\
        </li>\
        <li class="birthdate_block">\
            <label class="required" for="birthmonth">Birth Date:</label>\
            <select id="birthmonth" name="birthmonth" style="width:200px;">\
            <option value="0">Month</option>\
            <option value="1">January</option>\
            <option value="2">February</option>\
            <option value="3">March</option>\
            <option value="4">April</option>\
            <option value="5">May</option>\
            <option value="6">June</option>\
            <option value="7">July</option>\
            <option value="8">August</option>\
            <option value="9">September</option>\
            <option value="10">October</option>\
            <option value="11">November</option>\
            <option value="12">December</option>\
            </select><select  id="birthday" style="width:100px;">\
            <option value="0">Day</option>\
            </select><select name="birthyear" id="birthyear" style="width:145px;" id="year"><option value="0">Year</option></select>&nbsp;<span status="-1" id="birthdate_status" class="error validate"></span>\
        </li>\
        <li style="padding-top:8px;" class="gender_block" >\
            <label class="required gender_label">Gender:</label>\
            <input type="radio" name="gender" id="gender_male" value="M"/><label for="gender_male" style="width: auto;">Male</label> <input style="margin-left: 20px;" type="radio" name="gender" id="gender_female" value="F" /><label for="gender_female" style="width: auto;">Female</label>&nbsp;<span status="-1" id="gender_status" class="error validate"></span>\
        </li>\
        </ul>\
    </fieldset>\
	<div style="padding-top: 18px;">\
	<fieldset>\
    <legend>Your Stats: <div class="line"><span></span></div></legend>\
	<div style="padding-top: 18px;">\
	<fieldset>\
	<ul>\
		<li>\
            <label class="required" for="height">Height:</label>\
            <select id="height" name="height">' + heightstr + '</select>&nbsp;<span status="-1" id="height_status" class="error"></span>\
        </li>\
	    <li>\
            <label class="required" for="weight">Current Weight:</label>\
            <input type="text" id="weight" name="weight" value="" maxlength="5">&nbsp;<span status="-1" id="weight_status" class="error"></span>\
        </li>\
	</ul></fieldset></div>\
    <legend>Your Page: <div class="line"><span></span></div></legend>\
        <ul>\
        	<li>\
				<label class="required" for="">Web Address:</label>\
				<span class="userwebaddr" style="font-family: Arial; display: inline-block; padding-top: 15px; padding-bottom: 15px;">https://fitstepper.com/Profile/<B id="endpoint">' + (g_userInfo.username || g_userInfo.b4b_id) + '</B></span>\
			</li>\
			' + (g_userInfo.username ? '\
			<li>\
				<label class="required" for="username">Username:</label>\
				<span>' + g_userInfo.username + '\
			</li>\
			' : '\
			<li>\
				<label class="required" for="username">Username:</label>\
				<input type="text" id="username" name="username" value="" maxlength="25">&nbsp;<span status="-1" id="username_status" class="error validate"></span><br />\
				<label class="required" for="" style="padding-top: 0px !important;"></label><span class="small error">Note: you can only choose a username once!</span><br />\
				<div id="captcha_block" style="display: none;"><label class="required" for="" style="padding-top: 0px !important;"></label><span style="display: inline-block; padding-top: 6px;"><img id="captcha_img" src="/service/GetCaptcha.php?regCode=' + obj.regCode + '&regAccessCode=' + obj.regAccessCode + '" /></span><br />\
				<label class="required" for="" style="padding-top: 0px !important;"></label><span style="display: inline-block; padding-top: 6px;"><input type="text" id="code" placeholder="Type above code..." /></span></div>\
			</li>\
			') + '\
		</ul></fieldset></div>\
	<div style="padding-top: 18px;">\
	<fieldset>\
    <legend>Email Notifications <div class="line"><span></span></div></legend>\
        <ul>\
        	<li>\
            <label class="required" for="emails">Allow email notifications:</label>\
            <input type="checkbox" id="emails" name="emails" />\
        </li>\
		</ul></fieldset></div>\
    <div style="padding-top: 18px;">\
	<fieldset>\
    <legend>Who can: <div class="line"><span></span></div></legend>\
        <ul>\
        	<li>\
            <label class="required" for="posts">See your posts:</label>\
            <select id="posts"><option value="0">Everyone</option><option value="1">Your Team</option><option value="2">Yourself</option></select>\
        </li>\
        <li>\
            <label class="required" for="page">Visit your page:</label>\
            <select id="page"><option value="0">Everyone</option><option value="1">Your Team</option><option value="2">Yourself</option></select>\
        </li>\
        <li>\
            <label class="required" for="postpage">Post on your page:</label>\
            <select id="postpage"><option value="0">Everyone</option><option value="1">Your Team</option><option value="2">Yourself</option></select>\
        </li>\
        <li>\
            <label class="required" for="pics">See your photo albums:</label>\
            <select id="pics"><option value="0">Everyone</option><option value="1">Your Team</option><option value="2">Yourself</option></select>\
        </li>\
        <li>\
            <label class="required" for="stepcnt">See your step count:</label>\
            <select id="stepcnt"><option value="0">Everyone</option><option value="1">Your Team</option><option value="2">Yourself</option></select>\
        </li>\
        <li>\
            <label class="required" for="weightlost">See your weight lost:</label>\
            <select id="weightlost"><option value="0">Everyone</option><option value="1">Your Team</option><option value="2">Yourself</option></select>\
        </li>\
        <li>\
            <label class="required" for="plan">See your plan:</label>\
            <select id="plan"><option value="0">Everyone</option><option value="1">Your Team</option><option value="2">Yourself</option></select>\
        </li>\
        <li>\
            <label class="required" for="team">See your team:</label>\
            <select id="team"><option value="0">Everyone</option><option value="1">Your Team</option><option value="2">Yourself</option></select>\
        </li>\
		</ul></fieldset></div>\
    <br /><br /><p align="center" class="error errorupdate"></p>\
	<div class="btn-group" style="text-align:center;">\
        <input name="btn-submit" class="btn-green" type="submit" value="Save" id="save">\
	</div>\
	</form></div>');
        for (let i = 1; i <= 31; i++) {
            obj.domObj.find("#birthday").append('<option value="' + i + '">' + i + '</option>');
        }
        for (let i = new Date().getFullYear()-1; i >= 1920; i--) {
            obj.domObj.find("#birthyear").append('<option value="' + i + '">' + i + '</option>');
        }

        obj.domObj.find("#username").keyup(function() {
            var txt = obj.domObj.find("#username").val();
            if (txt == '') {
                obj.domObj.find("#endpoint").text('' + g_userInfo.b4b_id);
            } else {
                obj.domObj.find("#endpoint").text('' + txt);
            }
            obj.domObj.find("#captcha_block").slideDown('slow');
        });

        obj.domObj.find("#remove_account").click(function(e) {
            e.preventDefault();
            setWindow('RemoveAccount');
        });

        $.ajax({
            url: "/service/UserSearch.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
            cache: false,
            dataType: "json",
            data: {
                searchfor: g_userInfo.b4b_id,
                type: 'username',
                start: '0',
                end: '1'
            },
            success: function(data) {
                obj.built = true;
                if (data && data.results.length > 0) {
                    obj.domObj.find("#firstname").val(data.results[0].firstname);
                    obj.domObj.find("#lastname").val(data.results[0].lastname);
                    obj.domObj.find("[name=gender][value='" + data.results[0].gender + "']").prop('checked', true);
                    if (data.results[0].birthdate) {
                        var d = data.results[0].birthdate.split("-");
                        obj.domObj.find("#birthyear").val(parseInt(d[0]));
                        obj.domObj.find("#birthday").val(parseInt(d[2]));
                        obj.domObj.find("#birthmonth").val(parseInt(d[1]));
                    }
                    blockWindow();

                    $.ajax({
                        url: "/service/GetPlanAttributeHistory.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
                        cache: false,
                        dataType: "json",
                        data: {
                            attrib: 'weight'
                        },
                        success: function(data) {
                            obj.domObj.find("table tr:not(.heading)").remove();
                            if (data) {
                                var str = '';
                                for (var i = 0; i < data.length; i++) {
                                    if (i == 0) {
                                        obj.domObj.find("#weight").replaceWith('<span>' + data[i].value + '</span>');
                                    }
                                    break;
                                }
                            }

                            $.ajax({
                                url: "/service/GetUserNotifySettings.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
                                cache: false,
                                dataType: "json",
                                data: {},
                                success: function(data) {
                                    unblockWindow();
                                    if (parseInt(data.notify)) {
                                        obj.domObj.find("#emails").prop('checked', true);
                                    }
                                    obj.domObj.find("#page").val(data.page);
                                    obj.domObj.find("#pics").val(data.pics);
                                    obj.domObj.find("#posts").val(data.posts);
                                    obj.domObj.find("#stepcnt").val(data.stepcnt);
                                    obj.domObj.find("#weightlost").val(data.weightlost);
                                    obj.domObj.find("#plan").val(data.plan);
                                    obj.domObj.find("#postpage").val(data.postpage);
                                    obj.domObj.find("#team").val(data.team);
                                    obj.domObj.find("#height").val(data.height);
                                }
                            });

                        }

                    });

                }

            }
        });

        //});

        $.ajax( { url: "/service/DoesUserHaveConfirmedRemoveRequest.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
            cache: false,
            dataType: "json", 
            data: {},
            success: function( hasreq ) {
                if (hasreq === true) {
                    obj.domObj.find("#remove_account_in_progress").show();
                    obj.domObj.find("#remove_account").hide();
                }
                else {
                    obj.domObj.find("#remove_account_in_progress").hide();
                    obj.domObj.find("#remove_account").show();
                }
            }
        });

        obj.domObj.find("#firstname").blur(function() {
            if ($(this).val().length < 1) {
                obj.domObj.find("#firstname_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Please enter your firstname.</span>');
            } else {
                obj.domObj.find("#firstname_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
            }
        });
        obj.domObj.find("#lastname").blur(function() {
            if ($(this).val().length < 1) {
                //obj.domObj.find("#lastname_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Please enter your lastname.</span>');
                obj.domObj.find("#lastname_status").attr("status", "1").html('');
            } else {
                obj.domObj.find("#lastname_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
            }
        });
        obj.domObj.find("#birthmonth, #birthyear, #birthday").change(function() {
            if (obj.domObj.find("#birthmonth").val() == 0 || obj.domObj.find("#birthyear").val() == 0 || obj.domObj.find("#birthday").val() == 0) {
                obj.domObj.find("#birthdate_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Please enter your birth date.</span>');
            } else {
                obj.domObj.find("#birthdate_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
            }
        });
        obj.domObj.find("input[name=gender]").click(function() {
            if (obj.domObj.find("#gender_male").is(":checked") == false && obj.domObj.find("#gender_female").is(":checked") == false) {
                obj.domObj.find("#gender_status").attr("status", "0").html('<span class="reg-error"><img src="images/red-x.png" height="25" id="loading"  />&nbsp;Please select your gender.</span>');
            } else {
                obj.domObj.find("#gender_status").attr("status", "1").html('<img src="images/check.png" height="25" id="loading"  />');
            }
        });

        obj.domObj.find('form').submit(function(e) {
            e.preventDefault();
            //obj.domObj.find("#email").triggerHandler("blur");
            obj.domObj.find("#firstname").triggerHandler("blur");
            obj.domObj.find("#lastname").triggerHandler("blur");
            obj.domObj.find("#birthmonth, #birthday, #birthyear").triggerHandler("change");
            obj.domObj.find("input[name=gender]").triggerHandler("click");

            if (obj.domObj.find("span.validate[status=0]").length > 0) { // Failed validation
                return;
            }

            var firstname = obj.domObj.find("#firstname").val();
            var lastname = obj.domObj.find("#lastname").val();
            var birthday = obj.domObj.find("#birthday").val();
            var birthyear = obj.domObj.find("#birthyear").val();
            var birthmonth = obj.domObj.find("#birthmonth").val();
            var gender = obj.domObj.find("input[name=gender]:checked").val();
            var notify = obj.domObj.find("#emails:checked").length;

            var posts = obj.domObj.find("#posts").val();
            var page = obj.domObj.find("#page").val();
            var pics = obj.domObj.find("#pics").val();
            var stepcnt = obj.domObj.find("#stepcnt").val();
            var weightlost = obj.domObj.find("#weightlost").val();
            var plan = obj.domObj.find("#plan").val();
            var postpage = obj.domObj.find("#postpage").val();
            var team = obj.domObj.find("#team").val();

            var height = obj.domObj.find("#height").val();
			var weight = obj.domObj.find("#weight").val() || 0;

            var username = obj.domObj.find("#username").val() || '';

            var code = obj.domObj.find("#code").val() || '';
            if (username && !code) {
                obj.domObj.find("#code").css("border", "2px solid red");
                $('html, body').animate({
                    scrollTop: (obj.domObj.find("#code").offset().top - 10)
                }, 'slow', function() {});
                return;
            }

            blockWindow();
            $.ajax({
                url: "/service/UpdateAccountInfo.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
                cache: false,
                dataType: "json",
                data: {
                    firstname: firstname,
                    lastname: lastname,
                    birthday: birthday,
                    birthyear: birthyear,
                    birthmonth: birthmonth,
                    gender: gender,
                    notify: notify,
                    posts: posts,
                    page: page,
                    pics: pics,
                    stepcnt: stepcnt,
                    weightlost: weightlost,
                    plan: plan,
                    postpage: postpage,
                    team: team,
                    username: username,
                    height: height,
					weight: weight,
                    code: code,
                    regCode: obj.regCode,
                    regAccessCode: obj.regAccessCode
                },
                success: function(data) {

                    if (data && data.success) {
                        unblockWindow();
                        obj.domObj.find(".errorupdate").text("Success!");
                        g_userInfo.firstname = firstname;
                        g_userInfo.lastname = lastname;
                        if (username) {
                            g_userInfo.username = username;
                        }
                        $("#logout").text("Logout, " + firstname);
                        setWindow("Feed");
                    } else {
                        obj.genRegisterCode(function() {

                            unblockWindow();
                            obj.domObj.find("#captcha_img").attr('src', '/service/GetCaptcha.php?regCode=' + obj.regCode + '&regAccessCode=' + obj.regAccessCode);
                            obj.domObj.find(".errorupdate").text(data.errors[0] || "An error has occurred.");
                            obj.domObj.find("#code").val('');
                            $('html, body').animate({
                                scrollTop: (obj.domObj.find(".errorupdate").offset().top - 10)
                            }, 'slow', function() {});
                        });
                    }
                }
            });
        });

    });

    return false;
}

Settings.prototype.getDomObj = function() {
    return this.domObj;
}

Settings.prototype.setMode = function(mode) {
    var obj = this;
}

Settings.prototype.setHooks = function() {
    var obj = this;

}

Settings.prototype.destroy = function() {
    this.destroyed = true;
}

Settings.prototype.isBuilt = function() {
    return this.built;
}

Settings.prototype.contentSet = function() {
    var obj = this;
}
function Viewplans(params) {
	this.built = false;
}

Viewplans.prototype.build = function() {
	var obj = this;

	this.domObj = $('<div id="viewplans" style="text-align:center;"><hr /><h3>Nutrition</h3><hr /><br /><span>\
					<img src="/images/plans/atkins_logo.jpg" height="60" />\
					<img src="/images/plans/south-beach-diet2.jpg" height="60"/>\
					<img src="/images/plans/dukan.jpg" height="60" style="padding:10px;"/>\
					<img src="/images/plans/user_images_iifym2.jpg" height="60"/>\
					<img src="/images/plans/VeganTM_col.jpg" height="60"/>\
					</span><br /><hr /><h3>Endurance/Cardiovascular Training</h3><hr /><br /><span>\
					<img src="/images/plans/Insanity-Logo.jpg" height="60" />\
					<img src="/images/plans/P90X-Full-Package.jpg" width="100" height="60" />\
					<img src="/images/plans/ProjectBliss-Logo.png" height="60"/>\
					<img src="/images/plans/run_5k.png" height="60" />\
					</span><br /><hr /><h3>Strength Training</h3><hr /><br /><span>\
					<img src="/images/plans/Dumbbell_logo.gif" height="60"/>\
					<img src="/images/plans/starting-strength.jpg" height="60"/>\
					<img src="/images/plans/zumba-toning-logo-horizontal-slide2.jpg" height="60" />\
					<img src="/images/plans/TheHayesWayJuly2008.jpg" height="60" /></span><br />\
					<h2>Plus much <span class="important">more</span> or create your own plan!</h2>\
					</div>');
	return false;
}

Viewplans.prototype.getDomObj=function() {
	return this.domObj;
}
	

Viewplans.prototype.setHooks=function() {

}

Viewplans.prototype.destroy=function() {

}

Viewplans.prototype.isBuilt=function() {
	var ret = true;
	this.domObj.find("img").each(function() {
		if (! this.complete) {
			ret = false;
		}
	});
	return ret;
}
function Label(params) {
	this.text = params;
}

Label.prototype.build = function() {
	var obj = this;

	this.domObj = $('<h3 class="error">' + this.text + '</h3>');
	
	return true;
}

Label.prototype.getDomObj=function() {
	return this.domObj;
}
	

Label.prototype.setHooks=function() {

}

Label.prototype.destroy=function() {

}

Label.prototype.isBuilt=function() {
	return true;
}
function ScrollContainer(params) {
	this.text = params;
}

ScrollContainer.prototype.build = function() {
	var obj = this;

	this.domObj = $('<div style="text-align:left; padding: 8px; overflow-y: scroll;">' + this.text + '</div>');
	
	return true;
}

ScrollContainer.prototype.getDomObj=function() {
	return this.domObj;
}
	

ScrollContainer.prototype.setHooks=function() {

}

ScrollContainer.prototype.destroy=function() {

}

ScrollContainer.prototype.isBuilt=function() {
	return true;
}

ScrollContainer.prototype.resize=function() {
	this.domObj.height(10);
	this.domObj.height(this.domObj.parent().height() - 10);
}

ScrollContainer.prototype.preContentSet=function(domO) {
	//console.log(domO);
	this.domObj.height(domO.height()-10);
}
function SideScroll(params) {
	this.text = params;
	this.built = false;
	this.build();
	//this.setHooks();
}

SideScroll.prototype.build = function() {
	var obj = this;

	if (! this.built) {
		this.domObj = $('<div class="sidescroller">\
			<div class="leftscroll button sidescrollbtn "><p>&lt;</p></div>\
			<div class="scroller"><div class="scrollcontentcontainer"><div class="scrollcontent" style=""></div></div></div>\
			<div class="rightscroll button sidescrollbtn"><p>&gt;</p></div></div>');
		this.built = true;
	}
	
	return true;
}

SideScroll.prototype.getDomObj=function() {
	return this.domObj;
}

SideScroll.prototype.addButton=function(dom) {
	this.domObj.append($(dom).addClass("button sidescrollbtn"));
}
	
SideScroll.prototype.setScrollContent=function(content) {
	this.domObj.find(".scrollcontent").empty().append(content);
}

SideScroll.prototype.setHooks=function() {
	var obj = this;
	obj.resizeFunc = function() {
		obj.domObj.css("width", (window.innerWidth)+ "px");
		var tmpObj = $('<span class="sidescrollbtn" style="display:inline-block;"></span>');
		var width = tmpObj.appendTo('body').width();
		tmpObj.detach();
		var buttons_width = obj.domObj.find(".button").length * width;
		/*var buttons_width = 0;
		obj.domObj.find(".button").each(function() {
			buttons_width += $(this).css('width');
			alert($(this).css('width'));
		});*/
		obj.domObj.find(".scrollcontent").css("width", (window.innerWidth - buttons_width)+ "px");
	};
	$(window).resize(obj.resizeFunc);
	obj.resizeFunc.call();
	var timer = null;
	this.domObj.find(".leftscroll").bind(pressEvent, function(e) {
		e.preventDefault();
		if (timer !== null) {
			clearInterval(timer);
		}
		timer = setInterval(function() {
			obj.domObj.find(".scrollcontentcontainer").scrollLeft(obj.domObj.find(".scrollcontentcontainer").scrollLeft() - 20);
		}, 100);
	});
	this.domObj.find(".rightscroll").bind(pressEvent, function(e) {
		e.preventDefault();
		if (timer !== null) {
			clearInterval(timer);
		}
		timer = setInterval(function() {
			obj.domObj.find(".scrollcontentcontainer").scrollLeft(obj.domObj.find(".scrollcontentcontainer").scrollLeft() + 20);
		}, 100);	});
		
		if (typeof(this.mouseupfunc) != 'undefined') {
			$(window).unbind('mouseup', this.mouseupfunc);
		}
		this.mouseupfunc = function() {
			if (timer !== null) {
				clearInterval(timer);
				timer = null;
			}
		};
		
		$(window).bind(releaseEvent, this.mouseupfunc);
		//this.domObj.find(".rightscroll, .leftscroll").bind('mouseout', });
}

SideScroll.prototype.destroy=function() {
	$(window).unbind('resize', this.resizeFunc);
	if (typeof(this.mouseupfunc) != 'undefined') {
		$(window).unbind(releaseEvent, this.mouseupfunc);
	}
}

SideScroll.prototype.isBuilt=function() {
	return true;
}
function ChoosePlans(params, parent) {
    params = params || {};
    this.text = params;
    this.built = false;
    this.cntr = 0;
    this.pageSwitching = false;
    this.pages = ['plans_type', 'choose_plan', 'plan_form'];
    this.parent = parent;
    this.allownoplan = params.allownoplan;
    this.presetplanid = 0;
    this.start = 0;
    this.perpage = 5;
    this.domObj = $('<div></div');
    this.request = null;

}

ChoosePlans.prototype.build = function() {
    var obj = this;

    //obj.built = false;

    obj.currplanid = 0;

    //alert("build " + obj.cntr);

    obj.presetvalues = {};

    $.ajax({
        url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER_PLANFORM",
        cache: false,
        dataType: "json",
        data: {},
        success: function(data) {
            try {
                obj.presetvalues = JSON.parse(data.data['planform']) || {};
                obj.presetplanid = data.data['plan_id'] || 0;
            } catch (e) {
                obj.presetvalues = {};
                obj.presetplanid = 0;
            }

            $.ajax({
                url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER_PLAN",
                cache: false,
                dataType: "json",
                data: {},
                success: function(data) {
                    try {
                        obj.currplanid = data.data['plan'];
                    } catch (e) {}

                    $.ajax({
                        url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER_PLANTYPE",
                        cache: false,
                        dataType: "json",
                        data: {},
                        success: function(data) {

                            if (data.data['plantype'] == '0') {
                                obj.cntr = 0;
                            }

                            var plantype = data.data['plantype'];
                           
                            plantype = '1'; 
                            obj.cntr = Math.max(obj.cntr, 1);


                            if (obj.cntr == 0) {

                                var noplan = '';
                                if (obj.allownoplan) {
                                    noplan = '<li style="padding-top: 20px;">\
						<input name="goaltype" type="radio" id="no_plan" value="0" />&nbsp;<label for="no_plan" style="color: red; width: auto;">I do not want to select a plan now.</label><br/>\
				   </li>';
                                }

                                $.ajax({
                                    url: "/service/GetPlanCats.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode,
                                    cache: false,
                                    dataType: "json",
                                    data: {},
                                    success: function(data) {
                                        //console.log(data.data);
                                        //alert(JSON.stringify(data));

                                        obj.built = true;

                                        var str = '<h2>What is your main goal?</h2><hr /><span style="display: inline-block; text-align: left;"><fieldset><ul style="list-style: none;">';
                                        var lbl = 'Category:';
                                        var pad = 'padding-top:8px;';

                                        for (var k in data) {
                                            str += '<li style="' + pad + '" >\
            <input type="radio" name="goaltype" id="cat_' + k + '" value="' + k + '" />&nbsp;<label for="cat_' + k + '" style="width: auto;">' + data[k] + '</label><br/>\
		</li>';
                                            lbl = '&nbsp;';
                                            pad = '';
                                        }

                                        str += '\
					  ' + noplan + '\
					</ul>\
				</fieldset></span>';

                                        obj.domObj = $(str);

                                        obj.domObj.find('[name=goaltype][value="' + (plantype || 0) + '"]').prop('checked', true);

                                        obj.built = true;
                                    }

                                });


                                /*	obj.domObj = $('<h2>What is your main goal?</h2><hr />\
					<span style="display: inline-block; text-align: left;"><fieldset><ul style="list-style: none;">\
					<li style="padding-top:8px;" style="list-style: none;">\
						<input name="goaltype" type="radio" id="weight_loss" value="1" />&nbsp;<label for="weight_loss" style="width: auto;">Weight Loss</label><br/>\
					</li>\
					<li>\
						<input name="goaltype" type="radio" id="muscle_gain" value="2" />&nbsp;<label for="muscle_gain" style="width: auto;">Muscle Gain</label><br/>\
					</li>\
					<li>\
						<input name="goaltype" type="radio" id="heart_health" value="3" />&nbsp;<label for="heart_health" style="width: auto;">Heart Health</label><br/>\
					</li>\
					<li>\
						<input name="goaltype" type="radio" id="diabetes_control" value="4" />&nbsp;<label for="diabetes_control" style="width: auto;">Diabetes Control</label><br/>\
					</li>\
					<li>\
						<input name="goaltype" type="radio" id="general_health" value="5" />&nbsp;<label for="general_health" style="width: auto;">General Health</label><br/>\
				   </li>\
				   <li>\
						<input name="goaltype" type="radio" id="sports_training" value="6" />&nbsp;<label for="sports_training" style="width: auto;">Endurance/Sports Training</label><br/>\
				   </li>\
					  ' + noplan + '\
					</ul>\
				</fieldset></span>');*/


                            } else if (obj.cntr == 1) {

                                var planpagefunc = function(data) {
                                    var filter = obj.domObj.find("#planfilter").val();
                                    obj.domObj.children(":not(#planchooseheader)").remove();

                                    //console.log(data);
                                    if (obj.domObj.find("#planchooseheader").length == 0) {
                                        var str = '<span id="planchooseheader" style="display: table; width: 100%;"><h2>Select Your Plan:</h2><hr /><p align="right"><input type="text" id="planfilter" placeholder="filter" /></p></span>';
                                    } else {
                                        var str = '';
                                    }
                                    str += '<span style="display: inline-block; text-align: left;"><fieldset><ul style="list-style: none;">\
		';


                                    if (data.plans.length == 0) {
                                        str += '<li style="padding-top:8px;" style="list-style: none;">\
					<div class="planitem" for="chk_0"><p align="center" style="font-size: 1.4em;">No results found!</p></div>\
					</span>\
				</span>\
				</li>';
                                    }
                                    for (var k = 0; k < data.plans.length; k++) {
                                        var checked = '';
                                        var planid = data.plans[k].plan_id;
                                        if (parseInt(planid) == parseInt(obj.currplanid)) {
                                            checked = ' checked="checked" ';
                                        }
                                        str += '<li style="padding-top:8px;" style="list-style: none;">\
					<div class="planitem" for="chk_' + planid + '"><span style="display:inline-block;"><input style"vertical-align: middle;" name="plan" id="chk_' + planid + '" type="radio"  value="' + planid + '" ' + checked + '/></span>&nbsp;<span style="display: inline-block;"><div><label style="width: auto;" class="planname">' + data.plans[k].name + '</label></div>\
					<p class="plandesc">' + data.plans[k].description.substr(0, 200) + '...</p>\
					</span>\
				</span>\
				</li>';
                                    }

                                    str += '</ul>\
						</fieldset>';

                                    str += '</span>';

                                    str += '<table class="planpages" style="width: 100% !important;"><tr><td width="50%" align="left" nowrap><a href="#" id="prevplanpage">&lt; Prev Plans</a></td><td width="50%" align="right" nowrap><a href="#" id="nextplanpage">More Plans &gt;</a></td></tr></table>';

                                    //str += '</span>';

                                    obj.domObj.append($(str));

                                    //obj.domObj.find("#planfilter").val(filter);

                                    var doSearch = function() {
                                        obj.start = 0;


                                        obj.domObj.block({
                                            showOverlay: false,
                                            centerY: false,
                                            css: {
                                                'vertical-align': 'middle',
                                                top: "0",
                                                width: "100%",
                                                height: "100px",
                                                position: 'relative',
                                                border: 0
                                            },
                                            message: '<img src="images/ajax-loader.gif" height="100" />'
                                        });



                                        $.ajax({
                                            url: "/service/GetPlans.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER_PLANTYPE",
                                            cache: false,
                                            dataType: "json",
                                            data: {
                                                filter: obj.domObj.find("#planfilter").val(),
                                                start: obj.start,
                                                perpage: obj.perpage,
                                                plantype: plantype,
                                                currplan: obj.currplanid
                                            },
                                            success: planpagefunc

                                        });
                                    };


                                    obj.domObj.find("#planfilter").keyup(function() {
                                        if (obj.searchtimer != null) {
                                            clearTimeout(obj.searchtimer);
                                            obj.searchtimer = null;
                                        }
                                        if (obj.request) {
                                            obj.request.abort();
                                            obj.request = null;
                                        }
                                        obj.searchtimer = setTimeout(function() {
                                            obj.searchtimer = null;
                                            doSearch();
                                        }, 600);
                                    });

                                    obj.domObj.find(".planitem").click(function(e) {
                                        e.preventDefault();
                                        obj.domObj.find("#" + $(this).attr('for')).prop('checked', true);

                                    });

                                    if (obj.start == 0) {
                                        obj.domObj.find("#prevplanpage").hide();
                                    }
                                    if (!data.morepages) {
                                        obj.domObj.find("#nextplanpage").hide();
                                    }

                                    obj.domObj.find("#nextplanpage").click(function(e) {
                                        e.preventDefault();
                                        obj.start++;

                                        obj.domObj.block({
                                            showOverlay: false,
                                            centerY: false,
                                            css: {
                                                'vertical-align': 'middle',
                                                top: "0",
                                                width: "100%",
                                                height: "100px",
                                                position: 'relative',
                                                border: 0
                                            },
                                            message: '<img src="images/ajax-loader.gif" height="100" />'
                                        });


                                        //obj.domObj.empty();

                                        $.ajax({
                                            url: "/service/GetPlans.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER_PLANTYPE",
                                            cache: false,
                                            dataType: "json",
                                            data: {
                                                filter: obj.domObj.find("#planfilter").val(),
                                                start: obj.start,
                                                perpage: obj.perpage,
                                                plantype: plantype,
                                                currplan: obj.currplanid
                                            },
                                            success: planpagefunc

                                        });
                                    });
                                    obj.domObj.find("#prevplanpage").click(function(e) {
                                        e.preventDefault();
                                        obj.start = Math.max(obj.start - 1, 0);


                                        obj.domObj.block({
                                            showOverlay: false,
                                            centerY: false,
                                            css: {
                                                'vertical-align': 'middle',
                                                top: "0",
                                                width: "100%",
                                                height: "100px",
                                                position: 'relative',
                                                border: 0
                                            },
                                            message: '<img src="images/ajax-loader.gif" height="100" />'
                                        });



                                        $.ajax({
                                            url: "/service/GetPlans.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER_PLANTYPE",
                                            cache: false,
                                            dataType: "json",
                                            data: {
                                                filter: obj.domObj.find("#planfilter").val(),
                                                start: obj.start,
                                                perpage: obj.perpage,
                                                plantype: plantype,
                                                currplan: obj.currplanid
                                            },
                                            success: planpagefunc

                                        });
                                    });


                                };

                                obj.domObj = $('<div></div');

                                $.ajax({
                                    url: "/service/GetPlans.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=REGISTER_PLANTYPE",
                                    cache: false,
                                    dataType: "json",
                                    data: {
                                        filter: obj.domObj.find("#planfilter").val(),
                                        start: obj.start,
                                        perpage: obj.perpage,
                                        plantype: plantype,
                                        currplan: obj.currplanid
                                    },
                                    success: planpagefunc

                                });

                                obj.built = true;
                            } else {

                                var url = "/service/GetPlanForm.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&plan_id=" + obj.currplanid;

                                var formBuilderProperties = new Widget("FormBuilderProperties", {
                                    url: url,
                                    inputs: {},
                                    refreshFunc: function() {}
                                });
                                obj.formBuilder = new Widget('FormBuilder', {
                                    nosave: true,
                                    url: url,
                                    edit: false,
                                    editprops: this.formBuilderProperties,
                                    inputs: {},
                                    refreshFunc: function() {}
                                });

                                var dobj = $('<div></div>');

                                obj.formBuilder.render(dobj, function() {

                                    if (parseInt(obj.presetplanid) == 0 || parseInt(obj.presetplanid) == parseInt(obj.currplanid)) {
                                        //alert("setting");
                                        obj.formBuilder.widget.setValuesFromSave(obj.presetvalues);
                                    }
                                    obj.domObj = dobj;

                                    obj.built = true;

                                    if (obj.domObj.find(".rowcontainer").length == 0) {
                                        setTimeout(function() {
                                            $("#signup-form").triggerHandler('submit');
                                        }, 500);
                                    }

                                });

                            }
                        }
                    });

                }

            });

        }

    });

    return false;
}

ChoosePlans.prototype.getDomObj = function() {
    return this.domObj;
}


ChoosePlans.prototype.setHooks = function() {


}

ChoosePlans.prototype.destroy = function() {

}

ChoosePlans.prototype.isBuilt = function() {
    return this.built;
}

ChoosePlans.prototype.next = function(success_callback) {
    var obj = this;

    //blockWindow();
    setTimeout(function() {
        var params = {};
        var sessk = 'REGISTER_CHOOSEPLAN';
        var forward = true;

        if (obj.cntr == 0) {
            if (obj.domObj.find("[name=goaltype]:checked").length == 0) {
                forward = false;
            }
            params.plantype = obj.domObj.find("[name=goaltype]:checked").val();
            sessk = 'REGISTER_PLANTYPE';
        } else if (obj.cntr == 1) {
            if (obj.domObj.find("[name=plan]:checked").length == 0) {
                forward = false;
            }
            obj.currplanid = params.plan = obj.domObj.find("[name=plan]:checked").val();
            sessk = 'REGISTER_PLAN';
        } else if (obj.cntr == 2) {
            sessk = 'REGISTER_PLANFORM';
            var values = obj.formBuilder.widget.getValuesToSave();
            if (!values.valid) {
                forward = false;
                obj.formBuilder.widget.hiliteReq();
            }

            params.planform = JSON.stringify(values.values);
        }


        saveWindowSession(sessk, params, function() {
            if (forward && params.plantype == '0' && obj.cntr == 0) {
                obj.cntr = obj.pages.length;
            } else {
                if (forward) {
                    obj.cntr++;
                }
            }
            //alert("cntr = " + obj.cntr);

            //unblockWindow();
            if (forward) {
                success_callback();
            }

        });
    }, 1);

}

ChoosePlans.prototype.prev = function(success_callback) {
    var obj = this;
    //blockWindow();
    setTimeout(function() {
        obj.cntr--;
        //unblockWindow();
        success_callback();
    }, 1);

}

ChoosePlans.prototype.setPage = function(wpage, success_callback) {
    var obj = this;

    //blockWindow();
    setTimeout(function() {
        obj.cntr = wpage;
        //unblockWindow();
        success_callback();
    }, 1);

}

ChoosePlans.prototype.getPageName = function(i) {
    return this.pages[i];
}

ChoosePlans.prototype.getPageNum = function(name) {
    for (var i = 0; i < this.pages.length; i++) {
        if (this.pages[i] == name) {
            return i;
        }
    }
    return 0;
}

ChoosePlans.prototype.getNumPages = function() {
    return this.pages.length;
}

ChoosePlans.prototype.isLastPage = function() {
    if (this.cntr >= this.pages.length - 1) {
        return true;
    }
    return false;
}

ChoosePlans.prototype.isDone = function() {
    if (this.cntr < 1 || this.cntr >= this.pages.length) {
        return true;
    }
    return false;
}

ChoosePlans.prototype.getCurrentPage = function() {
    return this.cntr;
}
var gridx = 30;
var gridy = 30;
function FormBuilder(params, parent, root, depth) {
	this.rows = [];
	params = params || {};
	this.edit = params.edit || false;
	this.editprops = params.editprops || null;
	this.inputs = params.inputs || {};
	this.refreshFunc = params.refreshFunc || function(){};
	this.containerHTML = '<div class="cellcontainer"><div class="formcontainer empty"></div></div>';
	this.rowHTML = '<div class="rowcontainer"><div class="moveup"></div><div class="movedown"></div><div class="rowalign"></div><div class="formrow"><div style="width: auto;"></div></div><div class="rownowrap"></div></div>'; // important that rownowrap immediately follows .formrow

	this.baseRow = null;
	this.baseContainer = null; 
	
	this.newRowPercent = 0.12;
	this.lastSaveStrings = {};
	this.dirty = false;
	this.currContainerLeft = null;
	this.currContainerRight = null;
	this.currRow = null;
	this.follow = null;
	this.dragging = null;
	this.selectedContainer = null;
	this.rootFormBuilder = root || this;
	this.currData = null;
	this.currFormBuilder = null;
	this.depth = depth || 0;
	this.built = false;
	this.domObj = null;
	this.alignClass = "";
	this.requests = [];
	this.nosave = params.nosave || false;
	this.url = params.url || "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=CREATEPLANFORM";
}

FormBuilder.prototype.isBuilt=function() {
	return this.built;
}

function FormBuilderRow(formBuilder, below, above) {
	this.containers = [];
	this.below = below || null;
	this.above = above || null;
	if (this.below) {
		this.below.above = this;
	}
	if (this.above) {
		this.above.below = this;
	}
	this.domObj = $(formBuilder.rowHTML);
	formBuilder.rows.push(this);
}
	
var form_element_counter = 0;	

function FormBuilderContainer(row, temp, blder) {
	this.temp = temp;
	this.empty = true;
	this.domObj = $(blder.containerHTML);
	this.currRow = row;
	this.formBuilder = blder;
	this.data = {
		type: "element",
		uid: uniqid(),
		name: ("unamed" + (form_element_counter++))
	};
	blder.rootFormBuilder.inputs[this.data.uid] = {container: this  };
	blder.refreshFunc();

	row.containers.push(this); 
}

function removeContainer(builder, container) {
	delete builder.rootFormBuilder.inputs[container.data.uid];
	builder.refreshFunc();
	//alert("here");
}

FormBuilder.prototype.savePlan=function(callback) {
	if (! this.dirty) {
		if (callback) callback();
		return;
	}
	//alert("here2");
	saveWindowSession('CREATEPLANFORM', this.lastSaveStrings, function() { if (callback) callback(); })
}

FormBuilder.prototype.save=function(callback) {
	if (this.nosave) {
		if (callback) {
			callback();
		}
		return;
	}
	if (! this.domObj.is(":visible")) {
		return;
	}
	this.dirty = true;
	this.lastSaveStrings = this.rootFormBuilder.toStrings();
	for(var i = this.requests.length - 1; i >= 0; i--) {
		this.requests[i].abort();
		this.requests.splice(i, 1);
	}
	//alert("here1");
	//console.log(this.rootFormBuilder.toStrings());
	this.requests.push(saveWindowSession('CREATEPLANFORM', this.lastSaveStrings, function() { if (callback) callback(); }));
}

function resetFormBuilderInputs(base) {
	base = base || $("#form-builder");
	base.find("select").each(function() {
		$(this).find("option:not(:first)").prop('selected', false);
		$(this).find("option:first").prop('selected', true);
	});
	base.find("input[type=checkbox],input[type=radio]").prop('checked', false);
	base.find("input[type=text],textarea").val('');
}

FormBuilder.prototype.getAllModules=function(builder, ret) {
	builder = builder || this.rootFormBuilder;
	var rows = builder.rows;
	var ret = ret || [];
	for (var i = 0; i < rows.length; i++) {
		for (var j = rows[i].containers.length - 1; j >= 0; j--) {
			if (rows[i].containers[j].formBuilder != builder) {
				this.getAllModules(rows[i].containers[j].formBuilder, ret);
			}
			
			//console.log(rows[i].containers[j].domObj.get(0));
			if (rows[i].containers[j].data.type == "builder") {
				ret.push(rows[i].containers[j]);
			}
			//if (rows[i].containers[j].domObj.get(0) == domobj || (rows[i].containers[j].domObj.find(domobj).length > 0/* && rows[i].containers[j].domObj.find('.formcontainer .formfield').length == 0*/)) {
			//	return rows[i].containers[j];
			//}
		}
	}
	return ret;

}

FormBuilder.prototype.getRequiredFields=function(builder, ret) {
	builder = builder || this.rootFormBuilder;
	var rows = builder.rows;
	var ret = ret || {};
	for (var i = 0; i < rows.length; i++) {
		for (var j = rows[i].containers.length - 1; j >= 0; j--) {
			if (rows[i].containers[j].formBuilder != builder) {
				this.getRequiredFields(rows[i].containers[j].formBuilder, ret);
			}
			//console.log(rows[i].containers[j].domObj.get(0));
			if (rows[i].containers[j].data.req && rows[i].containers[j].data.req != 'false') {
				ret[rows[i].containers[j].data.name] = true;
			}
			//if (rows[i].containers[j].domObj.get(0) == domobj || (rows[i].containers[j].domObj.find(domobj).length > 0/* && rows[i].containers[j].domObj.find('.formcontainer .formfield').length == 0*/)) {
			//	return rows[i].containers[j];
			//}
		}
	}
	return ret;
}

FormBuilder.prototype.setValuesFromSave=function(values) {
	this.domObj.find("select,input[type=text],textarea,input[type=checkbox],input[type=radio]").each(function() {
		var name = $(this).attr('name');
		if (typeof(values[name]) == 'undefined') {
				return;
		}
		var tagname = $(this).prop('tagName').toLowerCase();
		switch (tagname) {
				case 'select':
					for (var i = 0; i < values[name].length; i++) {
						$(this).find('option[value="' + values[name][i] + '"]').prop("selected", true);
					}
					break;
				case 'textarea':
					$(this).text(values[name][0] || '');
					break;
				case 'input':
					var type = $(this).attr('type').toLowerCase();
					if (type == 'text') {
						$(this).val(values[name][0] || '');
					}
					else if (type == 'radio') {
						if (values[name].indexOf($(this).val()) != -1) {
							$(this).prop("checked", true);
						}
					}
					else if (type == 'checkbox') {
						if (values[name].indexOf($(this).val()) != -1) {
							$(this).prop("checked", true);
						}
					}
				break;
			}
	});
	
	this.runRules();
}

function validFormVal(val) {
	if (val == '') {
		return false;
	}
	return true;
}

FormBuilder.prototype.getValuesToSave=function() {
	
	var values = {};
	
	var req = this.getRequiredFields();
	var ret = true;
	
	this.domObj.find("select:visible,input[type=text]:visible,textarea:visible,input[type=checkbox]:visible,input[type=radio]:visible").each(function() {
		var name = $(this).attr('name');
		if (typeof(values[name]) == 'undefined') {
			values[name] = [];
		}
		var tagname = $(this).prop('tagName').toLowerCase();
		switch (tagname) {
			case 'select':
				$(this).find("option:selected").each(function() {
					var val = $(this).val();
					if (validFormVal(val)) {
						values[name].push(val);
					}
				});
				break;
			case 'textarea':
				var val = $(this).val();
				if (validFormVal(val)) {
					values[name] = [val];
				}
				break;
			case 'input':
				var type = $(this).attr('type').toLowerCase();
				if (type == 'text') {
					var val = $(this).val();
					if (validFormVal(val)) {
						values[name] = [val];
					}
				}
				else if (type == 'radio') {
					if ($(this).is(":checked")) {
						var val = $(this).val();
						if (validFormVal(val)) {
							values[name].push(val);
						}
					}
				}
				else if (type == 'checkbox') {
					if ($(this).is(":checked")) {
						var val = $(this).val();
						if (validFormVal(val)) {
							values[name].push(val);
						}
					}
				}
			break;
		}
	});
	
	for (var k in req) {
		if (typeof(values[k]) != 'undefined' && values[k].length == 0) { // req field is visible and not filled in
			ret = false;
			break;
		}
	}
	
	return { values: values, valid: ret };
}

FormBuilder.prototype.hiliteReq=function() {
	var req = this.getRequiredFields();
	this.domObj.find(".reqerror").removeClass("reqerror");
	var values = this.getValuesToSave();
	values = values.values || {};
	var lastk = null;
	for (var k in req) {
		if (typeof(values[k]) != 'undefined' && values[k].length == 0) { // req field is visible and not filled in
			this.domObj.find('[name="' + k + '"]').parent().addClass("reqerror");
			lastk = k;
		}
	}
	if (lastk) {
		this.domObj.find('[name="' + k + '"]').focus();
	}
}

FormBuilder.prototype.runRules=function() {
	var obj = this;

	obj.domObj.find(".hiddenmodule").removeClass("hiddenmodule");
	//var container = obj.getContainerFromDomObj(e.target);
	//		if (container) {
				//var val = $(e.target).val();
				var modules = obj.getAllModules();
				//console.log(modules);
				for (var i = 0; i < modules.length; i++) {
					var visible = false;
					//alert(JSON.stringify(modules[i].data.visibleif));
					for (var k in modules[i].data.visibleif) {
						if (! modules[i].data.visibleif[k]) {
							continue;
						}
						if (k == 0) {
							visible = true;
							break;
						}
						var k_parts = k.split('|');
						var id = k_parts[0];
						var val = k_parts[1];
						//alert('[name="' + id + '"][value="' + val + '"]');
						obj.domObj.find('[name="' + id + '"]').each(function() {
							if (($(this).val() == val && $(this).is(":checked") || $(this).is(":selected")) || $(this).find('[value="' + val + '"]:selected').length > 0) {
								//alert("here2");
								visible = true;
								return false;
							}
						
						});
						if (visible) {
							break;
						}
					}
					
					if (! visible) {
						modules[i].domObj.addClass("hiddenmodule");
					}
					else {
						modules[i].domObj.removeClass("hiddenmodule");
					}
				}
				
		//	}
}

FormBuilder.prototype.bindInputChange=function() {
	var obj = this;
	this.domObj.bind('change', 'input,select', function(e) {
		if (! obj.edit) {
			obj.runRules();
			if (obj.domObj.find("reqerror").length > 0) {
				obj.hiliteReq();
			}
		}
	});
	obj.runRules();
}

FormBuilder.prototype.build = function(child) {
	var obj = this;
	//$("#header").hide();

		if (! child) {
//alert(obj.url);

	$.ajax( { url: obj.url, 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {	
			//alert(JSON.stringify(data));
			if (data.data) {
				var formBuilder = obj.fromStrings(data.data, obj);
				if (! formBuilder) {
					var edit = obj.edit ? ' edit' : 'view';
				obj.domObj = $('<table class="page_width' + edit + '" id="form-builder" >\
<tr>\
<td id="form-flow" class="root">\
</td>\
</tr>\
</table>');			

//obj.bindInputChange();

obj.domObj.find("#form-flow:first").addClass("root").append($('<div class="editmode"></div>'));
					if (edit) {
						obj.domObj.addClass('edit');
						resetFormBuilderInputs();
					}
					else {
						obj.domObj.addClass('view');
						obj.runRules();
					}



					obj.domObj.find(".editing").removeClass("editing");
				}
				else {
					var edit = obj.edit;
					obj.domObj = formBuilder.domObj.removeClass("formfield").addClass("page_width");
					formBuilder.domObj.find("#form-flow:first").addClass("root").append($('<div class="editmode"></div>'));
					if (edit) {
						formBuilder.domObj.addClass('edit');
						resetFormBuilderInputs();
					}
					else {
						formBuilder.domObj.addClass('view');
						obj.runRules();
					}
					obj.domObj.find(".editing").removeClass("editing");
					//obj.printDOM();
				}
			}
			else {
			var edit = obj.edit ? ' edit' : 'view';
			
			obj.domObj = $('<table class="page_width' + edit + '" id="form-builder" >\
<tr>\
<td id="form-flow" class="root">\
</td>\
</tr>\
</table>');
			}
			obj.domObj.find(".sizer,.fieldalign,.fieldvalign,.editfield,.moveup,.movedown,.rowalign,.rownowrap").hide();
			obj.built = true;
			
			obj.bindInputChange();
			
			obj.domObj.find(".editing").removeClass("editing");
		},
		error: function (request, status, error) {
			var edit = obj.edit ? ' edit' : 'view';
				obj.domObj = $('<table class="page_width' + edit + '" id="form-builder" >\
<tr>\
<td id="form-flow" class="root">\
</td>\
</tr>\
</table>');
//obj.runRules();
			obj.built = true;
			
			obj.bindInputChange();
		},
		complete: function() {}
	});
	
	return this.built;

	}
	else {
	this.domObj = $('<div class="editfield third"></div><div class="fieldvalign second"></div><div class="fieldalign nodisplay"></div><div class="sizer"></div><table class="formfield" id="form-builder" >\
<tr>\
<td id="form-flow">\
</td>\
</tr>\
</table>');
	obj.built = true;
	return true;
	}

	return true;
}

FormBuilder.prototype.setTrashBin=function(domobj) {
	this.trashbin = domobj;
}

FormBuilder.prototype.getDomObj=function() {
	return this.domObj;
}

FormBuilder.prototype.editField=function(container) {
	this.rootFormBuilder.editprops.widget.editField(this, container);
}

FormBuilder.prototype.contentSet=function() {
	$(window).triggerHandler('resize');
}

FormBuilder.prototype.setHooks=function() {
	resetFormBuilderInputs(this.domObj);
	var obj = this;
	var mousedown = false;
	
	this.mouseX = 0, this.mouseY = 0;
	var startX = 0, startY = 0;
	var dragging = false;
	var sizing = null;
	
	obj.mousemoveHandler = function(e) {
		obj.mouseX = e.pageX;
		obj.mouseY = e.pageY;
		if (e.type != 'mousemove') {
			if (e.originalEvent.touches.length != 1) {
				return;
			}
			obj.mouseX = e.originalEvent.touches[0].pageX;
			obj.mouseY = e.originalEvent.touches[0].pageY;
		}
		if (! obj.follow && mousedown == e.target) {
			var dist = Math.sqrt(Math.pow(startX - obj.mouseX, 2) + Math.pow(startY - obj.mouseY, 2));
			if (dist >= 2) {
				dragging = true;
			}
		}
		if (obj.follow && dragging == true) {
			e.preventDefault();
			//console.log(obj.follow.get(0).outerHTML);
			obj.follow.addClass("dragging").css("left", (obj.mouseX - Math.floor(obj.follow.width() / 2.0)) + "px").css("top", (obj.mouseY - Math.floor(obj.follow.height() / 2.0)) + "px");
			obj.mousedrag(obj.follow, obj.mouseX, obj.mouseY);
		}
		if (sizing != null) {
			var xy = $(sizing).offset();
			
			$(sizing).css("width", "auto").css("height", "").width(Math.max(gridx, Math.floor((obj.mouseX - xy.left) / gridx) * gridx) - ($(sizing).attr('id') == 'form-flow' ? (0) : 0));
			//console.log($(sizing).width());
			//if ($(sizing).find('label,input[type="radio"],input[type="checkbox"]').length == 0/* || $(sizing).attr('id') == 'form-builder'*/) {
				$(sizing).height(Math.max(gridy, Math.floor((obj.mouseY - xy.top) / gridy) * gridy) -  - ($(sizing).attr('id') == 'form-flow' ? (0) : 0));
				
				$(sizing).css("width", $(sizing).width() + "px").css("height", $(sizing).height() + "px");
				
		$(sizing).parentsUntil(".formrow:first").find(".formcontainer").each(function() {
			var currContainer = $(this).parent().get(0);
			var cls = "middleAlign"; 
			if ($(currContainer).hasClass("topAlign")) {
				cls = "topAlign";
			}
			else if ($(currContainer).hasClass("middleAlign")) {
				cls = "middleAlign";
			}
			else if ($(currContainer).hasClass("bottomAlign")) {
				cls = "bottomAlign";
			}
			$(currContainer).removeClass("topAlign").removeClass("bottomAlign").removeClass("middleAlign");
			
			$(currContainer).addClass("topAlign");
			
			var objpos = $(currContainer).find(".formcontainer").offset();
			var bottom = objpos.top + $(currContainer).find(".formcontainer").outerHeight();
			
			var row = $(currContainer).parentsUntil(".formrow:first");
			//console.log(row.get(0).outerHTML);
			var robjpos = row.offset();
			//console.log(JSON.stringify(robjpos));
			var row_bottom = robjpos.top + row.height();
			
			//console.log("bottom: " + bottom);
			//console.log("row_bottom: " + row_bottom);
			
			if (bottom >= row_bottom - 8) {
			$(currContainer).removeClass("topAlign").removeClass("bottomAlign").addClass("middleAlign");
			//alert("here");
				obj.rootFormBuilder.save();
				return;
			}
				
				
				$(currContainer).removeClass("topAlign").removeClass("bottomAlign").removeClass("middleAlign");
			
			$(currContainer).addClass(cls);
			
			$(currContainer).find(".formcontainer").removeClass("topAlign").removeClass("bottomAlign").removeClass("middleAlign");
			
			$(currContainer).find(".formcontainer").addClass(cls);
				
			});
				
				
				
			//}
			//if ($(sizing).attr('id') == 'form-flow') {
				//var sizing2 = $(sizing).parents(".formfield:first");
			//$(sizing2).css("width", "").css("height", "").width(Math.max(gridx, Math.floor((obj.mouseX - xy.left) / gridx) * gridx));
			//console.log($(sizing).width());
			//if ($(sizing).find('label,input[type="radio"],input[type="checkbox"]').length == 0/* || $(sizing).attr('id') == 'form-builder'*/) {
				//$(sizing2).height(Math.max(gridy, Math.floor((obj.mouseY - xy.top) / gridy) * gridy));
			//}
			//}
			//obj.rootFormBuilder.save();
		}
	};
	
		var currContainer = null;
	var currRow = null;
	
	$(document).on('mouseover', '.edit .formcontainer', function(e) {
		currContainer = $(this).parent().get(0);
		if (! sizing) {
			obj.domObj.find(".sizer,.fieldalign,.fieldvalign,.rowalign,.moveup,.movedown,.editfield,.rownowrap").hide();
		}
		if (! dragging) {
		$(this).find(".sizer:first,.fieldalign:first,.fieldvalign:first,.editfield:first").width(10).height(10).show().parentsUntil(".rowcontainer").parent().children(".sizer:first,.fieldalign:first,.fieldvalign:first,.rownowrap:first,.rowalign:first,.moveup:first,.movedown:first").show();
		}
		e.preventDefault();
		e.stopPropagation();
	}).on('mouseleave', '.edit .formcontainer', function(e) {
		//if (! $(e.target).hasClass(".sizer,.fieldalign,.fieldvalign")) {
			currContainer = null;
			e.preventDefault();
			e.stopPropagation();
			//obj.domObj.find(".sizer,.fieldalign,.fieldvalign").hide();
		//}
	});
	$(document).on('mouseover', '.edit .rowcontainer', function(e) {
		currRow = this;
		e.stopPropagation();
		e.preventDefault();
		if (! sizing) {
			obj.domObj.find(".sizer,.fieldalign,.fieldvalign,.rowalign,.rownowrap,.moveup,.movedown,.editfield").hide();
		}
		if (! dragging) {
			$(this).children(".rownowrap:first,.rowalign:first,.moveup:first,.movedown:first").show();
		}
		
	}).on('mouseleave', '.edit .rowcontainer', function(e) {
	//*if (! $(e.target).hasClass(".sizer,.fieldalign,.fieldvalign")) {
			currRow = null;
			e.stopPropagation();
			//obj.domObj.find(".sizer,.fieldalign,.fieldvalign").hide();
		//}
		
	});
	
	$(document).on('mouseover', '#form-builder', function(e) {
		e.stopPropagation();
		if (! sizing) {
			obj.domObj.find(".sizer,.fieldalign,.fieldvalign,.rowalign,.rownowrap,.moveup,.movedown,.editfield").hide();
		}
	});
	$(window).keyup(function(e) {
		obj.rootFormBuilder.save();
	});
	/*$(window).keyup(function(e) {
		if (e.keyCode == 39) { // right
			if ($(currRow).find(".formrow:first").hasClass("leftAlign")) {
				$(currRow).find(".formrow:first").removeClass("leftAlign").addClass("centerAlign");
			}
			else if ($(currRow).find(".formrow:first").hasClass("centerAlign")) {
				$(currRow).find(".formrow:first").removeClass("centerAlign").addClass("rightAlign");
			}
			else if ($(currRow).find(".formrow:first").hasClass("rightAlign")) {
				$(currRow).find(".formrow:first").removeClass("rightAlign").addClass("leftAlign");
			}
			else {
				$(currRow).find(".formrow:first").addClass("centerAlign");
			}
			
			obj.rootFormBuilder.save();
			e.preventDefault();
		}
		else if (e.keyCode == 37) { // left
			if ($(currRow).find(".formrow:first").hasClass("leftAlign")) {
				$(currRow).find(".formrow:first").removeClass("leftAlign").addClass("rightAlign");
			}
			else if ($(currRow).find(".formrow:first").hasClass("centerAlign")) {
				$(currRow).find(".formrow:first").removeClass("centerAlign").addClass("leftAlign");
			}
			else if ($(currRow).find(".formrow:first").hasClass("rightAlign")) {
				$(currRow).find(".formrow:first").removeClass("rightAlign").addClass("centerAlign");
			}
			else {
				$(currRow).find(".formrow:first").addClass("rightAlign");
			}

			obj.rootFormBuilder.save();
			e.preventDefault();
		}
		else if (e.keyCode == 38) { // up
			if ($(currContainer).hasClass("topAlign")) {
				$(currContainer).removeClass("topAlign").addClass("bottomAlign");
			}
			else if ($(currContainer).hasClass("middleAlign")) {
				$(currContainer).removeClass("middleAlign").addClass("topAlign");
			}
			else if ($(currContainer).hasClass("bottomAlign")) {
				$(currContainer).removeClass("bottomAlign").addClass("middleAlign");
			}
			else {
				$(currContainer).addClass("topAlign");
			}

			obj.rootFormBuilder.save();
			e.preventDefault();
		}
		else if (e.keyCode == 40) { // down
			if ($(currContainer).hasClass("topAlign")) {
				$(currContainer).removeClass("topAlign").addClass("middleAlign");
			}
			else if ($(currContainer).hasClass("middleAlign")) {
				$(currContainer).removeClass("middleAlign").addClass("bottomAlign");
			}
			else if ($(currContainer).hasClass("bottomAlign")) {
				$(currContainer).removeClass("bottomAlign").addClass("topAlign");
			}
			else {
				$(currContainer).addClass("bottomAlign");
			}

			obj.rootFormBuilder.save();
			e.preventDefault();
		}
	});*/
	
	$(window).bind(moveEvent, obj.mousemoveHandler);
	
	obj.mouseupHandler = function(e) {
			mousedown = false;
			dragging = false;
			if (sizing != null) {
				sizing = null;
				obj.rootFormBuilder.save();	
			}
			if (obj.follow) {
				e.preventDefault();
				e.stopPropagation();
				obj.mousedrop(obj.follow, obj.mouseX, obj.mouseY);
				obj.follow = null;
			}
	};
	
	$(window).bind(releaseEvent, obj.mouseupHandler);
	$(document).on(pressEvent, '.edit .formcontainer label', function(e) {
		$(this).focus();
	});
	$(document).on(pressEvent, '.edit .formcontainer', function(e) {
		if ($(this).find("label").length == 0) {
			e.preventDefault();
		}
		
		$(".formcontainer.active").removeClass("active");
		$(".formcontainer.ui-resizable .ui-resizable-handle").hide();
		//$(this).addClass("active");
		$(".formcontainer.ui-resizable.active .ui-resizable-handle").show();
		startX = obj.mouseX;
		startY = obj.mouseY;
		mousedown = e.target;
		//alert($(e.target).attr('class'));
		e.stopPropagation();
		e.preventDefault();
	});
	$(document).on(pressEvent, '.editmode', function(e) {
		e.preventDefault();
		e.stopPropagation();
		if (! $('#form-builder.page_width').hasClass('edit')) {
			$('#form-builder.page_width').addClass('edit').removeClass('view');
			obj.domObj.find("label").prop('contenteditable', true);
			obj.rootFormBuilder.edit = true;
			resetFormBuilderInputs();
		}
		else {
			$('#form-builder.page_width').removeClass('edit').addClass('view')
			obj.runRules();
			obj.domObj.find("label").prop('contenteditable', false);
			obj.rootFormBuilder.edit = false;
		}
	});
	$(document).on(pressEvent, '.edit .formfield .sizer', function(e) {
		e.preventDefault();
		e.stopPropagation();
		dragging = false;
		sizing = $(this).parent().css("width", "").css("height", "").find('input[type="text"],select,textarea,.sizing').get(0);
	});
	$(document).on(pressEvent, '.edit .formcontainer>.sizer,.formcontainer>.fieldsizer>.sizer', function(e) {
		e.preventDefault();
		e.stopPropagation();
		dragging = false;
		
		//$(this).parents("#form-builder.formfield:first").css("width", "auto !important");
		sizing = $(this).parent().css("width", "").css("height", "").find('#form-builder.formfield #form-flow,input[type="text"],select,textarea,.sizing').get(0);
		
	});

	$(document).on(pressEvent, '.edit .rowcontainer>.moveup', function(e) {
			e.stopPropagation();
			e.preventDefault();
			//$(currRow).after($(currRow).prev(".rowcontainer"));
			
			var before = $(currRow);
			var after = $(currRow).prev(".rowcontainer");
			
			$(currRow).swap({  
            target: $(currRow).prev(".rowcontainer"), // Mandatory. The ID of the element we want to swap with  
            opacity: "0.5", // Optional. If set will give the swapping elements a translucent effect while in motion  
            speed: 1000, // Optional. The time taken in milliseconds for the animation to occur  
            callback: function() { // Optional. Callback function once the swap is complete  
			before.css("position", "").css("top", "").css("left", "");
			after.css("position", "").css("top", "").css("left", "");
				before.after(after);
               obj.rootFormBuilder.save();  
            }  
        });	
		});
		$(document).on(pressEvent, '.edit .rowcontainer>.movedown', function(e) {
			e.stopPropagation();
			e.preventDefault();
			var before = $(currRow);
			var after = $(currRow).next(".rowcontainer");
			$(currRow).swap({  
            target: $(currRow).next(".rowcontainer"), // Mandatory. The ID of the element we want to swap with  
            opacity: "0.5", // Optional. If set will give the swapping elements a translucent effect while in motion  
            speed: 1000, // Optional. The time taken in milliseconds for the animation to occur  
            callback: function() { // Optional. Callback function once the swap is complete
			before.css("position", "").css("top", "").css("left", "");
			after.css("position", "").css("top", "").css("left", "");
			before.before(after);
               obj.rootFormBuilder.save();  
            }  
        });
			//$(currRow).before($(currRow).next(".rowcontainer"));
				
		});
		
		$(document).on(pressEvent, '.edit .rowcontainer>.rownowrap', function(e) {
			e.stopPropagation();
			e.preventDefault();
			$(currRow).find(".formrow:first").toggleClass("nowrap");
			
			obj.rootFormBuilder.save();
	});
	
	$(document).on(pressEvent, '.edit .rowcontainer>.rowalign', function(e) {
			e.stopPropagation();
			e.preventDefault();
			if ($(currRow).find(".formrow:first").hasClass("leftAlign")) {
				$(currRow).find(".formrow:first").removeClass("leftAlign").addClass("centerAlign");
			}
			else if ($(currRow).find(".formrow:first").hasClass("centerAlign")) {
				$(currRow).find(".formrow:first").removeClass("centerAlign").addClass("rightAlign");
			}
			else if ($(currRow).find(".formrow:first").hasClass("rightAlign")) {
				$(currRow).find(".formrow:first").removeClass("rightAlign").addClass("leftAlign");
			}
			else {
				$(currRow).find(".formrow:first").addClass("centerAlign");
			}
			
			obj.rootFormBuilder.save();
	});

	$(document).on(pressEvent, '.edit .formcontainer>.fieldvalign, .edit .formcontainer>.fieldsizer>.fieldvalign, .edit .formfield>.fieldvalign', function(e) {
			e.preventDefault();
		e.stopPropagation();
		
			//console.log($(currContainer).get(0).outerHTML);
		
			if ($(currContainer).find(".formfield").hasClass("topAlign")) {
				$(currContainer).find(".formfield").removeClass("topAlign").addClass("middleAlign");
			}
			else if ($(currContainer).find(".formfield").hasClass("middleAlign")) {
				$(currContainer).find(".formfield").removeClass("middleAlign").addClass("bottomAlign");
			}
			else if ($(currContainer).find(".formfield").hasClass("bottomAlign")) {
				$(currContainer).find(".formfield").removeClass("bottomAlign").addClass("topAlign");
			}
			else {
				$(currContainer).find(".formfield").addClass("bottomAlign");
			}
		
			var cls = "middleAlign"; 
			if ($(currContainer).hasClass("topAlign")) {
				cls = "middleAlign";
			}
			else if ($(currContainer).hasClass("middleAlign")) {
				cls = "bottomAlign";
			}
			else if ($(currContainer).hasClass("bottomAlign")) {
				cls = "topAlign";
			}
			else {
				cls = "bottomAlign";
			}
			$(currContainer).removeClass("topAlign").removeClass("bottomAlign").removeClass("middleAlign");
			
			$(currContainer).addClass("topAlign");
			
			var objpos = $(currContainer).find(".formcontainer").offset();
			var bottom = objpos.top + $(currContainer).find(".formcontainer").outerHeight();
			
			var row = $(currContainer).parentsUntil(".formrow:first");
			//console.log(row.get(0).outerHTML);
			var robjpos = row.offset();
			//console.log(JSON.stringify(robjpos));
			var row_bottom = robjpos.top + row.height();
			
			//console.log("bottom: " + bottom);
			//console.log("row_bottom: " + row_bottom);
			
			if (bottom >= row_bottom - 8) {
			$(currContainer).removeClass("topAlign").removeClass("bottomAlign").addClass("middleAlign");
				obj.rootFormBuilder.save();
				return;
			}
			
			$(currContainer).removeClass("topAlign").removeClass("bottomAlign").removeClass("middleAlign");
			
			$(currContainer).addClass(cls);
			
			$(currContainer).find(".formcontainer").removeClass("topAlign").removeClass("bottomAlign").removeClass("middleAlign");
			
			$(currContainer).find(".formcontainer").addClass(cls);
			
			obj.rootFormBuilder.save();
			
			return;

			
		
	});
	$(document).on(pressEvent, '.edit .formcontainer>.editfield, .edit .formcontainer>.fieldsizer>.editfield, .edit .formfield>.editfield', function(e) {
		e.stopPropagation();
		e.preventDefault();
		//var dobj = $(this).parent().find('input[type="text"],select,textarea,.sizing');
		var dobj = $($(this).parent().find('#form-builder.formfield #form-flow,input[type="text"],select,textarea,.sizing').get(0));
		var container = obj.getContainerFromDomObj(dobj);
		if (! container) {
			return;
		}
		$(".editing").removeClass("editing");
		dobj.addClass("editing");
		obj.editField(container);
	});
	$(document).on(pressEvent, '.edit .formfield>.fieldalign', function(e) {
		e.preventDefault();
		e.stopPropagation();
		var dobj = $(this).parent().find('input[type="text"],select,textarea,.sizing');
		if (dobj.hasClass("rightalign")) {	
			dobj.removeClass("rightalign").addClass("leftalign");
		}
		else if (dobj.hasClass("leftalign")) {
			dobj.removeClass("leftalign").addClass("centeralign");
		}		
		else {
			dobj.removeClass("centeralign").addClass("rightalign");
		}		
		obj.rootFormBuilder.save();	
		
	});
	$(document).on(pressEvent, '.edit label', function(e) {
		$(this).focus();
		//e.preventDefault();
		e.stopPropagation();
	});
	$(document).on(pressEvent, '.edit .formfield', function(e) {
		/*var dobj = this;
		if ($(mousedown).hasClass('formcontainer')) {
			//alert("here");
			dobj = $(mousedown).find(".formfield:first").get(0);
		}*/
		mousedown = e.target;
		//mousedown = dobj;
		e.stopPropagation();
		e.preventDefault();
		
		dragging = true;
		
		
		
		
		
		obj.mouseX = e.pageX;
		obj.mouseY = e.pageY;
		if (e.type != 'mousedown') {
			if (e.originalEvent.touches.length != 1) {
				return;
			}
			obj.mouseX = e.originalEvent.touches[0].pageX;
			obj.mouseY = e.originalEvent.touches[0].pageY;
		}
		
		
		
		if (! obj.follow && dragging == true && e.target == mousedown) {
		//alert("here");
		var dobj = this;
		if ($(mousedown).hasClass('formcontainer')) {
			//alert("here");
			dobj = $(mousedown).find(".formfield:first").get(0);
		}
		var container = obj.getContainerFromDomObj(dobj);
			if (! container) {
				return;
			}			
			e.preventDefault();

			if (! e.shiftKey) {
				
				var w = $(dobj).width();
				var h = $(dobj).height();
				//container.domObj.find(".formcontainer").width(w).height(h);
				obj.rootFormBuilder.alignClass = "middleAlign";
				if (container.domObj.hasClass("topAlign")) {
					obj.rootFormBuilder.alignClass = "topAlign";
				}
				else if (container.domObj.hasClass("middleAlign")) {
					obj.rootFormBuilder.alignClass = "middleAlign";
				}
				else if (container.domObj.hasClass("bottomAlign")) {
					obj.rootFormBuilder.alignClass = "bottomAlign";
				}
				//console.log(w);
				obj.follow = $(dobj).detach().css("width", "").width(w).height(h);
				//console.log(obj.follow.get(0).outerHTML);
				container.domObj.find(".formcontainer:first").empty().width(w).height(h);
				//console.log(container.domObj.get(0).outerHTML);
				//console.log(obj.follow.get(0).outerHTML);
				//alert(obj.follow.find(".fieldalign").get(0).outerHTML);
				if (container.data.type == "builder") {
					obj.rootFormBuilder.currFormBuilder = container.formBuilder;
				}
				obj.rootFormBuilder.currData = container.data;
			}
			else {
				if (container.data.type == "builder") {
					var w = $(dobj).find("#form-flow:first").width();
					var h = $(dobj).find("#form-flow:first").height();
					var wc = $(dobj).width();
					var hc = $(dobj).height();
					obj.rootFormBuilder.currFormBuilder = container.formBuilder.cloneFormBuilder();
					obj.follow = obj.rootFormBuilder.currFormBuilder.domObj.width(wc).height(hc);
					obj.follow.find("#form-flow:first").width(w).height(h);
					//console.log(obj.rootFormBuilder.currFormBuilder.domObj.get(0).outerHTML);
					obj.rootFormBuilder.currData = jQuery.extend({}, container.data);
					var uid = uniqid();
					obj.rootFormBuilder.currData.uid = uid;
					//console.log(obj.follow.find("#form-flow").get(0).outerHTML);
				}
				else {
					var w = $(dobj).width();
					var h = $(dobj).height();
					obj.follow = $(dobj).clone().width(w).height(h);
					
					obj.rootFormBuilder.currData = jQuery.extend({}, container.data);
					var uid = uniqid();
					obj.rootFormBuilder.currData.uid = uid;
				}	
				obj.follow.find(".editing").removeClass("editing");
			}
			obj.follow.find(".sizer,.fieldalign,.fieldvalign,.editfield,.moveup,.movedown,.rowalign,.rownowrap").hide().addBack(".sizer,.fieldalign,.fieldvalign,.editfield,.moveup,.movedown,.rowalign,.rownowrap").hide();
			
			e.stopPropagation();
			$(obj.follow).css("position", "absolute");
			$('body').append(obj.follow);
			
			if (! e.shiftKey) {
				container.empty = true;
				container.temp = true;

				obj.rootFormBuilder.baseContainer = container;
			
				//$(container.domObj).resizable("destroy");//.empty().resizable().find(".ui-resizable-handle").hide();
				$(container.domObj).hide().find(".formcontainer:first").empty();
				$(container.domObj).find(".formcontainer:first").addClass("empty");
				
							//	console.log(obj.follow.get(0).outerHTML);
				//console.log(container.domObj.get(0).outerHTML);
			}
			
			$(".formcontainer.active:visible").removeClass("active");

			obj.removeTempContainers();
			
			
			
		//console.log(e.pageX);
		if (obj.follow && dragging == true) {
			e.preventDefault();
			//console.log(obj.follow.get(0).outerHTML);
			obj.follow.addClass("dragging").css("left", (obj.mouseX - Math.floor(obj.follow.width() / 2.0)) + "px").css("top", (obj.mouseY - Math.floor(obj.follow.height() / 2.0)) + "px");
			obj.mousedrag(obj.follow, obj.mouseX, obj.mouseY);
			obj.mousedrag(obj.follow, obj.mouseX, obj.mouseY);
			// ^^^^^^
			// 2 IS NECESSARY TO CRETAE DEFAULT CONTAINER FOR EMPTY MODULES!!!
		}
		}
	});
	$(document).on(moveEvent, '.edit .formfield,.edit .formcontainer', function(e) {
		
	});
	
	obj.mouseclickHandler = function(e) {
		if (! ($(".formcontainer").find(e.target).length > 0 || $(e.target).hasClass("formcontainer"))) {
			$(".formcontainer.active").removeClass("active");
			$(".formcontainer.ui-resizable .ui-resizable-handle").hide();
		}
	};
	
	$(window).bind(hitEvent, obj.mouseclickHandler);
}

FormBuilder.prototype.destroy=function() {
	this.removeALL();
}

FormBuilder.prototype.getTopmostRow=function() {
	var row = null;
	var top = 0;
	for (var j = this.rows.length - 1; j >= 0; j--) {
		var coords = this.rows[j].domObj.offset();
		if (row == null || top > coords.top) {
			row = this.rows[j];
			top = coords.top;
		}
	}
	return row;
}

FormBuilder.prototype.getBottommostRow=function() {
	var row = null;
	var top = 0;
	for (var j = this.rows.length - 1; j >= 0; j--) {
		var coords = this.rows[j].domObj.offset();
		if (row == null || top < coords.top) {
			row = this.rows[j];
			top = coords.top;
		}
	}
	return row;
}

FormBuilder.prototype.getLeftmostContainer=function(row, temp) {
	var container = null;
	var left = 0;
	for (var j = row.containers.length - 1; j >= 0; j--) {
		if (! temp && (row.containers[j].temp == true && !row.containers[j].empty) || row.containers[j] == this.rootFormBuilder.baseContainer) {
			continue;
		}
		var coords = row.containers[j].domObj.offset();
		if (container == null || left > coords.left) {
			container = row.containers[j];
			left = coords.left;
		}
	}
	return container;
}

FormBuilder.prototype.getRightmostContainer=function(row) {
	var container = null;
	var left = 0;
	for (var j = row.containers.length - 1; j >= 0; j--) {
		if ((row.containers[j].temp == true && !row.containers[j].empty)  || row.containers[j] == this.rootFormBuilder.baseContainer) {
			continue;
		}
		var coords = row.containers[j].domObj.offset();
		if (container == null || left < coords.left) {
			container = row.containers[j];
			left = coords.left;
		}
	}
	return container;
}

FormBuilder.prototype.getContainerFromDomObj=function(domobj, builder) {
	builder = builder || this.rootFormBuilder;
	var rows = builder.rows;
	for (var i = 0; i < rows.length; i++) {
		for (var j = rows[i].containers.length - 1; j >= 0; j--) {
			if (rows[i].containers[j].formBuilder != builder) {
				var ret = this.getContainerFromDomObj(domobj, rows[i].containers[j].formBuilder);
				if (ret) {
					return ret;
				}
			}
			//console.log(rows[i].containers[j].domObj.get(0));
			if (rows[i].containers[j].domObj.get(0) == domobj || (rows[i].containers[j].domObj.find(domobj).length > 0/* && rows[i].containers[j].domObj.find('.formcontainer .formfield').length == 0*/)) {
				return rows[i].containers[j];
			}
		}
	}
	return null;
}

FormBuilder.prototype.removeALL=function(builder) {
	builder = builder || this.rootFormBuilder;
	
	$(window).unbind(moveEvent, builder.mousemoveHandler).unbind(releaseEvent, builder.mouseupHandler).unbind(hitEvent, builder.mouseclickHandler);
	$(document).off(pressEvent);
	$(document).off(moveEvent);
	$(document).off(releaseEvent);
	//$(document).off(pressEvent, '.formcontainer');
	//$(document).off(pressEvent, '.formfield');
	//$(document).off(moveEvent, '.formfield,.formcontainer');
	
	
	var rows = builder.rows;
	for (var i = rows.length - 1; i >= 0; i--) {
		for (var j = rows[i].containers.length - 1; j >= 0; j--) {
			if (rows[i].containers[j].formBuilder != builder) {
				this.removeALL(rows[i].containers[j].formBuilder);
			}			
			rows[i].containers[j].domObj.remove();
			removeContainer(builder, rows[i].containers[j]);
			rows[i].containers.splice(j, 1);
			if (rows[i].containers.length == 0) {
				if (rows[i].below) {
					if (rows[i].above) {
						rows[i].above.below = rows[i].below;
						rows[i].below.above = rows[i].above;
					}
					else {
						rows[i].below.above = null;
					}
				}
				else if (rows[i].above) {
					rows[i].above.below = null;
				}
				rows[i].domObj.remove();
				rows.splice(i, 1);
				break;
			}
		}
	}	
}
	
FormBuilder.prototype.removeTempContainers=function(exclude_row, builder) {
	exclude_row = exclude_row || null;
	builder = builder || this.rootFormBuilder;
	var rows = builder.rows;
	for (var i = rows.length - 1; i >= 0; i--) {
		for (var j = rows[i].containers.length - 1; j >= 0; j--) {
			if (rows[i].containers[j].formBuilder != builder) {
				this.removeTempContainers(exclude_row, rows[i].containers[j].formBuilder);
			}
			if (this.rootFormBuilder.baseContainer != rows[i].containers[j] && rows[i].containers[j].temp == true) {
			
				if (! (rows[i].containers.length <= 1 && rows[i] == exclude_row)) {
			
					rows[i].containers[j].domObj.remove();
					removeContainer(builder, rows[i].containers[j]);
					rows[i].containers.splice(j, 1);

					if (rows[i].containers.length == 0) {
						if (rows[i].below) {
							if (rows[i].above) {
								rows[i].above.below = rows[i].below;
								rows[i].below.above = rows[i].above;
							}
							else {
								rows[i].below.above = null;
							}
						}
						else if (rows[i].above) {
							rows[i].above.below = null;
						}
						rows[i].domObj.remove();
						rows.splice(i, 1);
						break;
					}
				}
			}
		}
	}
}

FormBuilder.prototype.getContainerCount=function(include_temp) {
	var rows = this.rows;
	include_temp = include_temp || false;
	var ret = 0;
	for (var i = 0; i < rows.length; i++) {
		ret += this.getContainerCountRow(rows[i], include_temp);
	}
	return ret;
}

FormBuilder.prototype.getContainerCountRow=function(row, include_temp) {
	var ret = 0;
	include_temp = include_temp || false;
	for (var i = 0; i < row.containers.length; i++) {
		if (include_temp == true || row.containers[i].temp == include_temp) {
			if (row.containers[i].domObj.is(":visible")) {
				ret++;
			}
		}
	}
	return ret;
}

FormBuilder.prototype.getClosestRow = function(x, y, temp) {

	var rows = this.rows;
	
	for (var i = 0; i < rows.length; i++) {
		var coords = rows[i].domObj.offset();
		var row_top = coords.top;
		var row_bottom = coords.top + rows[i].domObj.outerHeight();
		
		if (y >= row_top && y <= row_bottom) {
			return rows[i];
		}

	}

	return null;
}

FormBuilder.prototype.processContainers=function(curr_row, x, y, temp) {
	var ret = null;
	var row_coords = curr_row.domObj.find(".formrow:first").offset();

	for (var j = 0; j < curr_row.containers.length; j++) {
	
		if (! curr_row.containers[j].domObj.is(":visible")) {
			continue;
		}
		

		var coords = curr_row.containers[j].domObj.offset();
		var container_left = coords.left;
		var container_right = coords.left + curr_row.containers[j].domObj.outerWidth();
		
		if (x >= container_left && x <= container_right - Math.floor((container_right - container_left) * 0.5)) { // new container to left
			//if (curr_row.containers[j].domObj == this.rootFormBuilder.currContainerLeft) {
				//this.rootFormBuilder.currContainerLeft = null;
			//	ret = curr_row.containers[j];
			//}
			if ( curr_row.containers[j].empty == true) {
				this.rootFormBuilder.currContainerRight = this.rootFormBuilder.currContainerLeft = null;
				ret = curr_row.containers[j];
			}
			else {
				this.removeTempContainers(curr_row);
				this.rootFormBuilder.currContainerLeft = curr_row.containers[j].domObj;
				ret = new FormBuilderContainer(curr_row, temp, this);
			}

			return ret;
		}
		else if (x >= container_left && x <= container_right) { // new container to right
			//if (curr_row.containers[j].domObj == this.rootFormBuilder.currContainerRight) {
				//this.rootFormBuilder.currContainerRight = null;
			//	ret = curr_row.containers[j];
			//}
			if ( curr_row.containers[j].empty == true) {
				this.rootFormBuilder.currContainerRight = this.rootFormBuilder.currContainerLeft = null;
				ret = curr_row.containers[j];
			}
			else {
				this.removeTempContainers(curr_row);
				this.rootFormBuilder.currContainerRight = curr_row.containers[j].domObj;
				ret = new FormBuilderContainer(curr_row, temp, this);
			}
			return ret;
		}
	}
	
	
	leftmost = this.getLeftmostContainer(curr_row, true);
	if (x < row_coords.left || (leftmost && x < leftmost.domObj.offset().left)) {
		this.removeTempContainers(curr_row);
		leftmost = this.getLeftmostContainer(curr_row);
		if (leftmost) {
			if (! leftmost.empty) {
				this.rootFormBuilder.currContainerLeft = leftmost.domObj;
				return new FormBuilderContainer(curr_row, temp, this);
			}
			else {
				this.rootFormBuilder.currContainerLeft = null;
				return leftmost;
			}
		}
		
	}
	else {
		this.removeTempContainers(curr_row);
		rightmost = this.getRightmostContainer(curr_row);
		if (rightmost) {
			if (! rightmost.empty) {
				this.rootFormBuilder.currContainerRight = rightmost.domObj;
				return new FormBuilderContainer(curr_row, temp, this);
			}
			else {
				this.rootFormBuilder.currContainerRight = null;
				return rightmost;
			}
		}
		else if (this.rootFormBuilder.baseContainer ){
			//console.log(this.rootFormBuilder.baseContainer.domObj.parent().get(0).outerHTML);
			//this.rootFormBuilder.currContainerRight = this.rootFormBuilder.baseContainer;
			//	return new FormBuilderContainer(curr_row, temp, this);
		}
	}
	
	return null;
}

FormBuilder.prototype.processRow = function(row, insertAbove, insertBelow, temp) {
	var ret = null;
	var curr_row = row;
	if (row.above && insertAbove) {
		if (this.getContainerCountRow(row) >= 1 ) { // remove container, insert to NEW row above
			curr_row = new FormBuilderRow(this, row, row.above);
			ret = new FormBuilderContainer(curr_row, temp, this);
			this.removeTempContainers(curr_row);
			curr_row.domObj.find(".formrow").deepestChild().append(ret.domObj);
			curr_row.domObj.insertBefore(row.domObj);
			//return { ret: ret, curr_row: curr_row };
		}
		else { // remove row, insert to row above
			curr_row = row.above;
			this.removeTempContainers(curr_row);
		}
	}
	else if (insertAbove) {
		if (this.getContainerCountRow(row) >= 1) {  // remove container, insert to NEW row above
			curr_row = new FormBuilderRow(this, row, null);
			ret = new FormBuilderContainer(curr_row, temp, this);
			curr_row.domObj.find(".formrow").deepestChild().append(ret.domObj);
			curr_row.domObj.insertBefore(row.domObj);
			this.removeTempContainers(curr_row);
		}
	}
	else if (row.below && insertBelow) {
		if (this.getContainerCountRow(row) >= 1) { // remove container, insert to NEW row above
			curr_row = new FormBuilderRow(this, row.below, row);
			ret = new FormBuilderContainer(curr_row, temp, this);
			this.removeTempContainers(curr_row);
			curr_row.domObj.find(".formrow").deepestChild().append(ret.domObj);
			curr_row.domObj.insertAfter(row.domObj);
		}
		else { // remove row, insert to row above
			curr_row = row.below;
			this.removeTempContainers(curr_row);
		}
	}
	else if (insertBelow) {
		if (this.getContainerCountRow(row) >= 1) {  // remove container, insert to NEW row above
			curr_row = new FormBuilderRow(this, null, row);
			ret = new FormBuilderContainer(curr_row, temp, this);
			curr_row.domObj.find(".formrow").deepestChild().append(ret.domObj);
			curr_row.domObj.insertAfter(row.domObj);
			this.removeTempContainers(curr_row);
		}
	}
		
	return { ret: ret, curr_row: curr_row };
}

FormBuilder.prototype.getContainerAbsolute=function(x, y, temp) {
	this.rootFormBuilder.currContainerRight = this.rootFormBuilder.currContainerLeft = null;
	var coords = $("#form-flow:first").offset();
	if (y < coords.top || y > (coords.top + $("#form-flow:first").outerHeight()) || x < coords.left || x > (coords.left + $("#form-flow:first").outerWidth())) {
		if (this.rootFormBuilder.baseContainer && this.rootFormBuilder.baseContainer.empty == true) {
			this.rootFormBuilder.currContainerRight = this.rootFormBuilder.currContainerLeft = null;
			this.removeTempContainers();
			return this.rootFormBuilder.baseContainer;
		}
	}

	var topmost = this.getTopmostRow();
	if (topmost) {
		var coords = topmost.domObj.offset();
		if (y < coords.top) {
			var data = this.processRow(topmost, true, false, temp);
			if (data.ret) {
				return data.ret;
			}
			
			return this.processContainers(data.curr_row, x, y, temp);
		}
	}
	
	var bottommost = this.getBottommostRow();
	if (bottommost) {
		var coords = bottommost.domObj.offset();

		if (y > (coords.top + bottommost.domObj.outerHeight())) {
		
			var data = this.processRow(bottommost, false, true, temp);
			if (data.ret) {
				return data.ret;
			}

			return this.processContainers(data.curr_row, x, y, temp);
		}
	}

	var closest = this.getClosestRow(x, y, temp);
	if (closest) {
		return this.processContainers(closest, x, y, temp);
	}

	return null;
}

FormBuilder.prototype.onlyBaseContainer=function() {
	for (var i = 0; i < this.rows.length; i++) {
		for (var j = 0; j < this.rows[i].containers.length; j++) {
			if (this.rows[i].containers[j] != this.rootFormBuilder.baseContainer) {
				return false;
			}
		}
	}
	return true;
}

FormBuilder.prototype.getContainer = function(x, y, temp) {
	var rows = this.rows;
	var ret = null;
	this.rootFormBuilder.currContainerLeft = this.rootFormBuilder.currContainerRight = null;
	
	
	for (var i = 0; i < rows.length; i++) {
		for (var j = 0; j < rows[i].containers.length; j++) {
			var coords = rows[i].containers[j].domObj.offset();
			var container_left = coords.left;
			var container_right = coords.left + rows[i].containers[j].domObj.width();
			var container_top = coords.top;
			var container_bottom = coords.top + rows[i].containers[j].domObj.height();
			if (x >= container_left && x <= container_right && y >= container_top && y <= container_bottom) {
				if (this.rootFormBuilder.dragging) {
					this.rootFormBuilder.dragging.addClass("transparent");
				}
				if (rows[i].containers[j].formBuilder != this) {
					return rows[i].containers[j].formBuilder.getContainer(x, y, temp);
				}
			}
		}
	}
	
	if (this.getContainerCount(true) == 0) {
		this.removeTempContainers();
		var baseRow = new FormBuilderRow(this);
		var baseContainer = new FormBuilderContainer(baseRow, true, this);
		baseRow.domObj.find(".formrow").deepestChild().append(baseContainer.domObj)
		this.domObj.find("#form-flow").append(baseRow.domObj)
		return baseContainer;
	}
	if (this.onlyBaseContainer()) {
		this.removeTempContainers();
		return this.rootFormBuilder.baseContainer;
	}

	for (var i = 0; i < rows.length; i++) {
		var coords = rows[i].domObj.offset();
		var row_top = coords.top;
		var row_bottom = coords.top + rows[i].domObj.outerHeight();
		var row_left = coords.left;
		var row_right = coords.left + rows[i].domObj.outerWidth();
		var curr_row = null;
		
		if (y >= row_top && y <= row_bottom) {
		
			curr_row = rows[i];
			//var insertAbove = y <= (row_top + ((row_bottom - row_top) * this.newRowPercent)) && y >= row_top;
			var insertBelow = y >= (row_bottom - ((row_bottom - row_top) * this.newRowPercent)) && y <= row_bottom
		
			var data = this.processRow(curr_row, false, insertBelow, temp);
			ret = data.ret;
			curr_row = data.curr_row;
			if (ret) {
				break;
			}
			
			if (curr_row) {
				ret = this.processContainers(curr_row, x, y, temp);
			}
			break;
		}
	}
			
	
	if (ret && ret.empty == true) {
		return ret;
	}
	
	return this.getContainerAbsolute(x, y, temp);
}
	
FormBuilder.prototype.showBaseContainer=function(show) {
	if (this.rootFormBuilder.baseContainer) {
		if (show) {
			this.rootFormBuilder.baseContainer.domObj.show();
		}
		else {
			this.rootFormBuilder.baseContainer.domObj.hide();
		}
	}
}
	
FormBuilder.prototype.mousedrag=function(follow, mouseX, mouseY) {

//console.log(follow.get(0).outerHTML);

		if (! this.edit) {
			return;
		}
		
		this.rootFormBuilder.dragging = follow;
		follow.removeClass("transparent");

		if (this.trashbin && this.trashbin.length) {
			var trashCoords = this.trashbin.offset();
			if (mouseX >= trashCoords.left && mouseX <= trashCoords.left + this.trashbin.outerWidth() && mouseY >= trashCoords.top && mouseY <= trashCoords.top + this.trashbin.outerHeight()) {
				follow.addClass("transparent");
			}
			else {
				follow.removeClass("transparent");
			}
		}
		
		//console.log(follow.get(0).outerHTML);
		var container = this.rootFormBuilder.getContainer(mouseX, mouseY, true);
		//console.log(follow.get(0).outerHTML);
		if ( ! container && this.rootFormBuilder.baseContainer) {
			//
			//this.showBaseContainer(true);
			container = this.rootFormBuilder.baseContainer;
			this.rootFormBuilder.currContainerLeft = this.rootFormBuilder.currContainerRight = null;
			this.removeTempContainers();
			//this.rootFormBuilder.baseContainer.domObj.remove();
		}
		if (container) {

			if (container == this.rootFormBuilder.baseContainer) {
				this.showBaseContainer(true);
				//this.rootFormBuilder.baseContainer = this.rootFormBuilder.currContainerRight = container;
				
			}
			else {
				this.showBaseContainer(false);
				//if (this.rootFormBuilder.baseContainer) {
				//console.log(this.rootFormBuilder.baseContainer.domObj.get(0).outerHTML);
				//}
				//console.log("here");
			}
		
		//console.log(follow.get(0).outerHTML);
			if (this.rootFormBuilder.currContainerLeft) {
				
				container.domObj.insertBefore(this.rootFormBuilder.currContainerLeft);
				//container.domObj.width(follow.width()).height(follow.height());
			}
			else if (this.rootFormBuilder.currContainerRight) {
				//alert(container.domObj.get(0).outerHTML);
				container.domObj.insertAfter(this.rootFormBuilder.currContainerRight);
				//container.domObj.width(follow.width()).height(follow.height());
			}
			//console.log(follow.get(0).outerHTML);
			
			container.domObj.find(".formcontainer").width(follow.width()).height(follow.height()).parent().addClass(this.rootFormBuilder.alignClass);
			this.rootFormBuilder.selectedContainer = container;
			//container.domObj.css("width", follow.outerWidth() + "px").css("height", follow.outerHeight() + "px").addClass("active").addClass("empty");
			container.domObj.find(".formcontainer").addClass("active").addClass("empty");
		}
		else {
			//this.showBaseContainer(true);
		}
		
		/*var obj = this;
		if (this.rootFormBuilder.selectedContainer) {
			$(".formcontainer.empty:visible").each(function() {
				var container2 = obj.rootFormBuilder.getContainerFromDomObj(this);
				if (container2 != obj.rootFormBuilder.selectedContainer && container2 != obj.rootFormBuilder.baseContainer) {
					$(this).remove();
				}
				
			});
		}*/
		
		return container;
	}
	
FormBuilder.prototype.removeAllInContainer=function() {
	for (var i = 0; i < this.rows.length; i++) {
		for (var j = 0; j < this.rows[i].containers.length; j++) {
			if (this.rows[i].containers[j].formBuilder != this) {
				this.rows[i].containers[j].formBuilder.removeAllInContainer();
			}
			this.rows[i].containers[j].temp = true;
	
		}
	}
}
	
FormBuilder.prototype.mousedrop=function(follow, mouseX, mouseY) {

	var alignClass = this.rootFormBuilder.alignClass;
	this.rootFormBuilder.alignClass = "";
	if (this.trashbin && this.trashbin.length) {
		var trashCoords = this.trashbin.offset();
		if (mouseX >= trashCoords.left && mouseX <= trashCoords.left + this.trashbin.outerWidth() && mouseY >= trashCoords.top && mouseY <= trashCoords.top + this.trashbin.outerHeight()) {
		
			if (follow.find(".editing").length > 0) {
				this.editField(null);
			}
		
			follow.remove();
			if (this.rootFormBuilder.currFormBuilder) {
				this.rootFormBuilder.currFormBuilder.removeAllInContainer();
			}
			this.rootFormBuilder.baseContainer = null;		
			this.rootFormBuilder.selectedContainer = null;
			this.rootFormBuilder.currFormBuilder = null;
			this.rootFormBuilder.currData = null;
			
			this.removeTempContainers();

			//this.printDOM();
			this.rootFormBuilder.save();
			return;
		}
	}
	//console.log(follow.get(0).outerHTML);
	var container = this.mousedrag(follow, mouseX, mouseY);
	container = this.rootFormBuilder.selectedContainer;
	
	//console.log(follow.get(0).outerHTML);
	//		console.log(container.domObj.get(0).outerHTML);
	
	$(".formcontainer.active:visible").removeClass("active");
	$(".formcontainer.ui-resizable .ui-resizable-handle").hide();
	
	if (! container) {
		follow.remove();
		if (this.rootFormBuilder.currFormBuilder) {
			this.rootFormBuilder.currFormBuilder.removeAllInContainer();
		}
		this.rootFormBuilder.baseContainer = null;
		this.rootFormBuilder.selectedContainer = null;
		this.rootFormBuilder.currFormBuilder = null;
		this.rootFormBuilder.currData = null;
		this.removeTempContainers();
		
		this.rootFormBuilder.save();
	}
	else {
		//$(container.domObj).empty();
		//$('<div class="fieldsizer"><div class="editfield"></div><div class="sizer"></div><div class="fieldvalign"></div></div>').appendTo(container.domObj.find(".formcontainer"));
		//$('<div class="fieldvalign"></div>').insertAfter($(container.domObj.find(".fieldsizer:last")));
		container.temp = false;
		container.empty = false;
		
		if (this.rootFormBuilder.currData) {
			
			//this.rootFormBuilder.inputs[container.data.uid] = this.rootFormBuilder.inputs[this.rootFormBuilder.currData.uid];
			//delete this.rootFormBuilder.inputs[container.data.uid];
			//this.rootFormBuilder.refreshFunc();
			
			
			container.data = this.rootFormBuilder.currData;
			this.rootFormBuilder.currData = null;
		}
		
		//if (follow.hasClass("module")) {
		if (follow.find(".module").length > 0) {
			container.formBuilder = new FormBuilder(null, null, this.rootFormBuilder, container.formBuilder.depth+1);
			container.data.type = "builder";
			container.formBuilder.build(true);
			follow.remove();
			follow = container.formBuilder.domObj;
			//container.formBuilder.setHooks();
		}
		else if (this.rootFormBuilder.currFormBuilder) {
			container.formBuilder = this.rootFormBuilder.currFormBuilder;
			this.rootFormBuilder.currFormBuilder = null;
		}
		
		var coords = container.domObj.offset();
		var centerx = coords.left + Math.floor(container.domObj.outerWidth() / 2) - Math.floor(follow.outerWidth() / 2);
		var centery = coords.top + Math.floor(container.domObj.outerHeight() / 2) - Math.floor(follow.outerHeight() / 2);
		var width = follow.width();
		var height = follow.height();
		if (follow.find("#form-builder").length) {
			centerx = coords.left;// + Math.floor(container.domObj.outerWidth() / 2) - Math.floor(follow.outerWidth() / 2);
			centery = coords.top;// + Math.floor(container.domObj.outerHeight() / 2) - Math.floor(follow.outerHeight() / 2);
			width = container.domObj.width();
			height = container.domObj.height();
		}
		var obj = this;
		
		
		
		$(".fieldsizer").removeClass("hasBuilder");
		
		if (follow.find("#form-flow").length > 0) {
			container.domObj.find(".formcontainer").append('<div class="editfield third"></div><div class="fieldvalign second"></div><div class="fieldalign nodisplay"></div><div class="sizer"></div>');
		}
		 
		follow.animate({left: centerx, top: centery, width: width, height: height, opacity: 0.25 }, function () { 
		$(".formcontainer.empty:visible").removeClass("empty");
			$(container.domObj.find(".formcontainer")).css("width", "auto").css("height", "auto");
		//	console.log(follow.get(0).outerHTML);
		//	console.log(container.domObj.get(0).outerHTML);
			follow.remove().removeClass("transparent").removeClass("dragging").css("opacity", "").css("position", "").css("height", "").css("width", "").css("left", "").css("top", "").appendTo($(container.domObj.find(".formcontainer")).css("width", "auto").get(0));
			
			$(container.domObj).find(".formcontainer").removeClass("active");
			$(".formcontainer.ui-resizable.active .ui-resizable-handle").show();
			
			if ($(container.domObj).find('textarea').length || $(container.domObj).find('label').length || $(container.domObj).find('input[type="radio"]').length || $(container.domObj).find('input[type="checkbox"]').length || $(container.domObj).find('select[multiple=true]').length) {
				//$(container.domObj).find(".fieldsizer").resizable({ handles: 's, e' });
			}
			else if ($(container.domObj).find('input[type="text"]').length || $(container.domObj).find('select').length)  {
				//$(container.domObj).find(".fieldsizer").resizable({ handles: 'e' });
			}
			else {
				//$(container.domObj).find(".fieldsizer").resizable({ handles: 's, e' });
			}

			$(".fieldsizer > #form-builder").parent().addClass("hasBuilder");
			
			container.domObj.addClass(alignClass);
			
			obj.rootFormBuilder.baseContainer = null;
			obj.rootFormBuilder.selectedContainer = null;
			obj.removeTempContainers();	
			//console.log("----------------------------");
			//obj.printDOM();
			//console.log("----------------------------");
				
			//alert(JSON.stringify(this.rootFormBuilder.toStrings()));
			obj.rootFormBuilder.save();		
		});
	}
}

FormBuilder.prototype.printDOM=function(builder) {
	builder = builder || this.rootFormBuilder;
	var rows = builder.rows;
	for (var i = 0; i < rows.length; i++) {
		for (var j = 0; j < rows[i].containers.length; j++) {
			if (rows[i].containers[j].formBuilder != builder) {
				var str = "";
				for (var p = 0; p < builder.depth; p++) {
					str += "\t";
				}
				console.log(str + "<container>");
				this.printDOM(rows[i].containers[j].formBuilder);
				console.log(str + "</container>");
			}
			else {
				var str = "";
				for (var p = 0; p < builder.depth; p++) {
					str += "\t";
				}
				console.log(str + "<element />");
			}
		}
	}
}

// <builder_id>_<parent_builder_id>_formbuilder_<row_id>_<container_id>
// <builder_id>_formrow_<row_index>
// <builder_id>_formcontainer_<row_index>_<container_index>	

var sortObjectByKey = function(obj){
    var keys = [];
    var sorted_obj = {};

    for(var key in obj){
        if(obj.hasOwnProperty(key)){
            keys.push(key);
        }
    }

    // sort keys
    keys.sort(function(a, b){return parseInt(a)-parseInt(b)});

    // create new array based on Sorted Keys
    jQuery.each(keys, function(i, key){
        sorted_obj[key] = obj[key];
    });

    return sorted_obj;
};

//(function() {
    /*if ( typeof Object.prototype.uniqueId == "undefined" ) {
        var id = 0;
        Object.prototype.uniqueId = function() {
            if ( typeof this.__uniqueid == "undefined" ) {
                this.__uniqueid = ++id;
            }
            return this.__uniqueid;
        };
    }*/
//})();

var GLOBAL_COUNTER = 0;
function set0() {
	GLOBAL_COUNTER = 0;
}
function inc() {
	return GLOBAL_COUNTER++;
}

FormBuilder.prototype.sortContainers=function(containers) {
	var ret = {};
	
	for (var i = 0; i < containers.length; i++) {
		var coords = containers[i].domObj.offset();
		//alert(containers[i].domObj.get(0).outerHTML);
		ret[containers[i].domObj.index()] = containers[i];
	}
	
	ret = sortObjectByKey(ret);
	
	var ret2 = [];
	for (var i in ret) {
		ret2.push(ret[i]);
	}
	
	return ret2;
}

FormBuilder.prototype.sortRows=function(rows) {
	var ret = {};

	for (var i = 0; i < rows.length; i++) {
		var coords = rows[i].domObj.offset();
		//console.log(coords.top);
		ret[Math.floor(coords.top)] = rows[i];
	}
	
	ret = sortObjectByKey(ret);
	
	var ret2 = [];
	for (var i in ret) {
		ret2.push(ret[i]);
	}
	
	return ret2;
}

function arrayToObject(arr) {
	var obj = {};
	for (var i = 0; i < arr.length; i++) {
		obj["" + i] = arr[i];
	}
	return obj;
}

function objectToArray(obj) {
	var arr = [];
	for (var i in obj) {
		arr.push(obj[i]);
	}
	return arr;
}


// To Strings

FormBuilder.prototype.toStringRowContainers=function(builderIndex, rowsIndex, containers, ret) {

	containers = this.sortContainers(containers);

	var parentBuilderIndex = builderIndex;
	
	for (var i = 0; i < containers.length; i++) {
		ret[builderIndex + "_formcontainer_" + rowsIndex + "_" + i] = i;
		if (containers[i].formBuilder != this) { // container
			//builderIndex++;	
			containers[i].formBuilder.toStringBuilder(builderIndex, parentBuilderIndex, ret, rowsIndex, i);
		}
		else { // element
			ret[builderIndex + "_formcontainer_domobj_" + rowsIndex + "_" + i] = containers[i].domObj.find(".formfield").get(0).outerHTML;
		}
		ret[builderIndex + "_formcontainer_type_" + rowsIndex + "_" + i] = containers[i].data.type;
		ret[builderIndex + "_formcontainer_align_" + rowsIndex + "_" + i] = containers[i].domObj.attr('class');
		
		try {
			ret[builderIndex + "_formcontainer_data_" + rowsIndex + "_" + i] = JSON.stringify(containers[i].data);
		} catch (e) {}
		
		//alert(containers[i].domObj.attr('class'));
	}
}

FormBuilder.prototype.toStringRows=function(builderIndex, rows, ret) {
	rows = this.sortRows(rows);
	
	for (var i = 0; i < rows.length; i++) {
		ret[builderIndex + "_formrow_" + i] = i;
		ret[builderIndex + "_formrow_align_" + i] = rows[i].domObj.children(".formrow:first").attr('class');
		this.toStringRowContainers(builderIndex, i, rows[i].containers, ret);
	}
	for (var i = 0; i < rows.length; i++) {
		for (var j = 0; j < rows.length; j++) {
			if (rows[j] == rows[i].above) {
				ret[builderIndex + "_formrow_above_" + j + "_" + i] = i;
			}
			if (rows[j] == rows[i].below) {
				ret[builderIndex + "_formrow_below_" + j + "_" + i] = i;
			}
		}
	}
	
	
}

FormBuilder.prototype.toStringBuilder=function(builderIndex, parentBuilderIndex, ret, rowsIndex, containerIndex, w, h) {
	builderIndex = inc();
	//alert(this.domObj.parent().get(0).outerHTML);
	//alert( this.domObj.parent().get(0).outerHTML);
	//if (this.domObj.hasClass('create-plan-content')) {
		//return;
	//}
	//console.log(this.domObj.parent().get(0).outerHTML);
	//console.log(this.domObj.parent().find("#form-flow:first").width());
	//console.log(stackTrace());
	ret[builderIndex + "_" + parentBuilderIndex + "_formbuilder_" + rowsIndex + "_" + containerIndex] = this.domObj.parent().find("#form-flow:first").width() + "|" + this.domObj.parent().find("#form-flow:first").height();
	//alert(ret[builderIndex + "_" + parentBuilderIndex + "_formbuilder_" + rowsIndex + "_" + containerIndex]);
	//alert(this.domObj.find("#form-flow:first").width());
	//console.log(this.domObj.get(0).outerHTML);
//	ret[builderIndex + "_" + parentBuilderIndex + "_formbuilder_" + rowsIndex + "_" + containerIndex + "_width"] = );
	this.toStringRows(builderIndex, this.rows, ret);
}

FormBuilder.prototype.toStrings=function() {
	var ret = {};
	set0();
	//console.log("TOSTRINGS START");
	this.toStringBuilder(0, 0, ret, 0, 0);
	//console.log("TOSTRINGS END");

	return ret;
}

// From Strings

FormBuilder.prototype.getContainerProp=function(strs, builderIndex, rowIndex, builder, row, containerIndex, prop) {
	//for (var i = 0; i < strs.length; i++) {
	for (var i in strs) {
		var parts = i.split('_');
		if (parts.length == 5) {
			if (parts[1] == "formcontainer" && parseInt(parts[0]) == builderIndex && parseInt(parts[4]) == containerIndex && parseInt(parts[3]) == rowIndex && parts[2] == prop) {
				return strs[i];
			}
		
		}
	}
	
	return null;
}

FormBuilder.prototype.fromStringContainer=function(strs, builderIndex, builder, container, rowIndex, containerIndex) {
	//for (var i = 0; i < strs.length; i++) {
	for (var i in strs) {
		var parts = i.split('_');
		if (parts.length >= 3) {
			if (parts[2] == "formbuilder" && parseInt(parts[0]) > 0 && parseInt(parts[1]) == builderIndex && parseInt(parts[3]) == rowIndex && parseInt(parts[4]) == containerIndex) {

				container.formBuilder = this.fromStringBuilder(strs, parseInt(parts[0]), builderIndex, builder);
				//alert(strs[i]);
				var wh = strs[i].split("|");
				//console.log(strs[i]);
				var padding = container.formBuilder.domObj.innerWidth() - container.formBuilder.domObj.width() ;
				
				//container.formBuilder.domObj.find("#form-flow:first").css("width", "100%");
				//alert(wh[0]);
					container.formBuilder.domObj.next().next().next().find("#form-flow:first").css("width", parseInt(wh[0]) + "px").css("height", parseInt(wh[1]) + "px");
								//console.log(container.formBuilder.domObj.next().next().next().next().find("#form-flow:first").get(0).outerHTML);
	
				//container.formBuilder.domObj.width(wh[0]).height(wh[1]);

				container.domObj.find(".formcontainer").deepestChild().append(container.formBuilder.domObj);
				//container.formBuilder.domObj.width(container.formBuilder.domObj.width + padding);
			}
		}
	}
}

FormBuilder.prototype.fromStringRow=function(strs, builderIndex, rowIndex, builder, row) {
	//for (var i = 0; i < strs.length; i++) {
	var allcontainers = [];
	
	
	for (var i in strs) {
		var parts = i.split('_');
		if (parts.length == 4) {
			if (parts[1] == "formcontainer" && parseInt(parts[0]) == builderIndex && parseInt(parts[2]) == rowIndex) {
			
				allcontainers[parseInt(strs[i])] = i;
			}
		
		}
	}
	
	var containers = sortObjectByKey(allcontainers);
	
	for (var i in containers) {
		var parts = containers[i].split('_');
		var container = new FormBuilderContainer(row, false, builder);
		container.empty = false;
		
		var domObj = this.getContainerProp(strs, builderIndex, rowIndex, builder, row, parseInt(parts[3]) , 'domobj');
		if (domObj) {
			//container.domObj = container.domObj.append($(domObj));
			 container.domObj.find(".formcontainer").append($(domObj));
		}

		var data = this.getContainerProp(strs, builderIndex, rowIndex, builder, row, parseInt(parts[3]) , 'data');
		if (data) {
			try {
				var uidobj = builder.inputs[container.data.uid];
				delete builder.inputs[container.data.uid];
				container.data = JSON.parse(data);
				builder.inputs[container.data.uid] = uidobj;
				builder.refreshFunc();
			} catch (e) {}
			if (typeof container.data != 'object') {
				container.data = {};
			}
		}
		
		var align = this.getContainerProp(strs, builderIndex, rowIndex, builder, row, parseInt(parts[3]) , 'align');
		if (align) {
			container.domObj.addClass(align).find(".formcontainer:first").addClass(align);
		}
		var type = this.getContainerProp(strs, builderIndex, rowIndex, builder, row, parseInt(parts[3]) , 'type');
		if (type) {
			container.data.type = type;
		}
		
		this.fromStringContainer(strs, builderIndex, builder, container, parseInt(parts[2])/*rowIndex*/, parseInt(parts[3]));
		row.domObj.children(".formrow:last").find("div:first").append(container.domObj);
	}
}

FormBuilder.prototype.fromGetRowProp=function(strs, index, parentIndex, parent, rootBuilder, prop, rowIndex) {
	//for (var i = 0; i < strs.length; i++) {
	for (var i in strs) {
		var parts = i.split('_');
		if (parts.length == 4) {
			if (parts[1] == "formrow" && parseInt(parts[0]) == index && parseInt(parts[3]) == rowIndex && parts[2] == prop) {
			
				return strs[i];
			}
		}
	}
	return null;
}
FormBuilder.prototype.fromStringBuilder=function(strs, index, parentIndex, parent, rootBuilder) {
	var ret = rootBuilder || new FormBuilder(null, null, this.rootFormBuilder,this.depth+1);
	//if (! rootBuilder) {
		ret.build(true);
	//}
	
	/*for (var i in strs) {
		var parts = i.split('_');
		if (parts.length == 3) {
		//builderIndex + "_" + parentBuilderIndex + "_formbuilder_" + rowsIndex + "_" + containerIndex + "_width"
			if (parts[2] == "formbuilder" && parseInt(parts[0]) == index && parts[5] == "width") {
				alert(i);
				ret.domObj.width(strs[i]);
			}	
		}
	}*/
	
	//for (var i = 0; i < strs.length; i++) {
	
	var allrows = [];
	
	for (var i in strs) {
		var parts = i.split('_');
		if (parts.length == 3) {
			if (parts[1] == "formrow" && parseInt(parts[0]) == index) {
				allrows[parseInt(strs[i])] = i;
			}
			
		}
	}
	
	var rows = sortObjectByKey(allrows);
	
	for (var i in rows) {
		//console.log(parentIndex);
		var parts = rows[i].split('_');
		var row = new FormBuilderRow(ret);
		var align = this.fromGetRowProp(strs, index, parentIndex, parent, rootBuilder, "align", parseInt(parts[2]));
		if (align) {
			row.domObj.find(".formrow:first").addClass(align);
		}
		//console.log("NEW ROW");
		ret.fromStringRow(strs, index, parseInt(parts[2]), ret, row);
		ret.domObj.find("#form-flow:first").append(row.domObj);
				
	}

	/*for (var i = 0; i < strs.length; i++) {
		var parts = strs[i].split('_');
		if (parts.length == 4) {
			if (parts[1] == "formrow" && parts[2] == "above" && parseInt(parts[0]) == index) {
				ret.rows[parseInt(parts[3])].above = ret.rows[parseInt(parts[4])];
			}
			if (parts[1] == "formrow" && parts[2] == "below" && parseInt(parts[0]) == index) {
				ret.rows[parseInt(parts[3])].below = ret.rows[parseInt(parts[4])];
			}
		}
	}*/
	
	if (index == 0) {
		//alert(ret.domObj.html());
	}
	
	//ret.domObj.find(".formrow:empty").remove();
	//ret.domObj.find(".ui-resizable").removeClass("ui-resizable");
	//ret.domObj.find(".ui-resizable-s, .ui-resizable-e").remove();
	
	return ret;
}

FormBuilder.prototype.fromStrings=function(strs, rootBuilder) {

	var ret = null;
	if (! strs) {
		return ret;
	}

	//for (var i = 0; i < strs.length; i++) {
	for (var i in strs) {
		if (! i) {
			return ret;
		}
		var parts = i.split('_');
		if (parts.length >= 3) {
			if (parts[2] == "formbuilder") {
				if (parseInt(parts[0]) == 0) {
					return this.fromStringBuilder(strs, parseInt(parts[0]), 0, null, rootBuilder);
				}
			}
		}
	}

	return null;
}

FormBuilder.prototype.cloneFormBuilder=function() {
	var strs = this.toStrings();
	//alert(JSON.stringify(strs));
	return this.fromStrings(strs);
}


function FormBuilderProperties(params) {
	this.built = false;
	this.inputs = params.inputs || {};
	this.refreshFunc = params.refreshFunc || function(){};
	this.build();
	this.currContainer = null;
	//this.setHooks();
}

FormBuilderProperties.prototype.build = function() {
	var obj = this;
	
	this.domObj = $('<div class="dragwindow" style="height: 20px; background:#FFFFFF; opacity: 1.0;"><div class="dragger" style="cursor: ns-resize; height: 5px; border-top:1px solid #000000;border-bottom:1px solid #000000; background-color: #C0C0C0"></div>\
	<div id="editprops" style="background-color: #eeeeee;"><div style="display: table; width:95%; text-align: center;">Properties</div></div></div>');
	
	return true;
}

FormBuilderProperties.prototype.size = function() {
	this.domObj.animate({height: this.domObj.find("#editprops>div").height() + 10 + "px"});
}


FormBuilderProperties.prototype.refreshSelects = function(container) {
	var obj = this;
		container = container || this.currContainer;
		if (! container || this.domObj.find("#visibleif").length == 0) {
			return;
		}
	
	var str = '';
		
		var uinps = {};
		for (var  k in this.inputs) {
			uinps[(this.inputs[k].container.data.name || "unamed")] = true;
		}
		for (var k in uinps) {
			str += '<optgroup label="' + k + '">';
			//inps += '<option value="' + k + '">' + k + '</option>';
			
			var val = k.toLowerCase();
			
			var allvals = {};
			//console.log(obj.inputs[k].container.domObj[0]);
			for (var k in obj.inputs) {
				
				if (obj.inputs[k].container.data.type == "element" && obj.inputs[k].container.data.name.toLowerCase() == val) {
					if (obj.inputs[k].container.domObj.find("input[type=checkbox],input[type=radio]").length > 0) {
						allvals[obj.inputs[k].container.domObj.find("input[type=checkbox],input[type=radio]").attr('value')] = obj.inputs[k].container.domObj.find("input[type=checkbox],input[type=radio]").attr('value');
					}
					else if (obj.inputs[k].container.domObj.find("select").length > 0) {
						obj.inputs[k].container.domObj.find("select option").each(function() {
							allvals[$(this).val()] = $(this).text();
						});
					}
					//alert(obj.inputs[k].container.domObj.find("input[type=checkbox],input[type=radio]").attr('value'));
				}
			}
			
			for (var k in allvals) {
				str += '<option value="' + htmlencode(val + '|' + k) + '">' + htmlencode(allvals[k]) + '</option>';
			}
			
			
			str+='</option>';
		}
		
		this.domObj.find("#visibleif").empty().append(str);	
		
		if (typeof container.data.visibleif != 'object') {
			container.data.visibleif = {};
			$(this.domObj).find("#editprops>div #visibleif").find('option[value='+''+']').attr('selected',1);
		}
		for (var i in container.data.visibleif) {
			if (container.data.visibleif[i] == true) {
				$(this.domObj).find("#editprops>div #visibleif").find('option[value="'+i+'"]').attr('selected',1);

			}
		}
		
		$(this.domObj).find("#editprops>div #visibleif").multiselect('refresh');
}

function invalidchars(str) {
	return /[^a-zA-Z0-9\-\_\.]+/g.test(str);
}

function filterKeys(e) {
	if (e.which != 95 && e.which != 45 && e.which != 46 && (e.which < 48 || e.which > 57) && (e.which < 65 || e.which > 90) && (e.which < 97 || e.which > 122)) {
		e.preventDefault();
	}
}

FormBuilderProperties.prototype.editField = function(builder, container) {
	if (! container) {
		this.domObj.find("#editprops>div").html('Properties');
		this.size();
		return;
	}
	
	var obj = this;
	var prop = this;

	if (container.domObj.find("#form-builder.formfield #form-flow").length > 0) {
		$(this.domObj).find("#editprops>div").html('<div style="display: inline-block"><fieldset><ul><li>Visible if:<br /><select id="visibleif" multiple="multiple" style="height: 150px;"><option value="0">Always Visible</option>\
		</select></li></ul></fieldset></div>\
		');
		
		this.currContainer = container;
		
			$(this.domObj).find("#editprops>div #visibleif").multiselect({
			header: false,
		position: {
      my: 'left bottom',
      at: 'left top'
   },
   click: function(event, ui){
		container.data.visibleif[ui.value] = ui.checked;
			builder.rootFormBuilder.save();
     // $callback.text(ui.value + ' ' + (ui.checked ? 'checked' : 'unchecked') );
   }});
		
		this.refreshSelects(container);
		
		
		
		//<optgroup label="Input 1"><option value="1"><span style="font-weight: bold;">Value 1</span> is selected</option></optgroup>
		
		
	
		/*$(this.domObj).find("#editprops>div #visibleif").val((container.data.visibleif || '')).change(function() {
			container.data.visibleif = $(this).val();
			builder.rootFormBuilder.save();
		});*/
		
		
		this.size();

	}
	else if (container.domObj.find("select").length > 0) {
		$(this.domObj).find("#editprops>div").html('<div style=""><fieldset class="default"><legend class="default">Name</legend><ul><li><input id="fieldname" type="text" value="' + (container.data.name || '') + '" /></li><li><span class="required_label">Required:</span> <input type="checkbox" id="fieldreq" value="1" ' + (container.data.req ? 'checked="checked"' : '') + ' /></li></ul></fieldset></div>\
		<div><fieldset class="default"><legend class="default">Values</legend><ul><li>\
		<table>\
			<tr>\
				<td>Text:</td>\
				<td><input type="text" id="new_opt_text" TABINDEX="1" /></td>\
				<td rowspan="2"><button id="add_val" TABINDEX="3">&gt;</button><br /><button id="edit_val" TABINDEX="4">&lt;</button><br /></td>\
				<td rowspan="2"><select ' + (container.domObj.find("select").attr('multiple') ? 'multiple="multiple" style="height:100px;"' : '') + ' id="inp">' + container.domObj.find("select").html() + '</select> <div><input type="button" id="moveoptup" value="Move Up" />&nbsp;<input type="button" id="moveoptdown" value="Move Down" /></div></td>\
			</tr>\
			<tr>\
				<td>Value:</td>\
				<td><input type="text" id="new_opt_val" TABINDEX="2" /></td>\
			</tr>\
			<TR>\
				<td colspan="3"></td>\
				<TD><SELECT id="plugin"><option value="height">Height</option></select></td>\
			</TR>\
			<TR>\
				<td colspan="3"></td>\
				<TD><button id="setplugin">Set Plugin Values</button></td>\
			</TR>\
		</table>\
		</li></ul></fieldset></div>\
		');
		
		var obj = this;
		
		$(this.domObj).find("#new_opt_val, #fieldname").keypress(filterKeys);
		
		
		var inp = container.domObj.find("select");
		
		$(this.domObj).find("#setplugin").click(function(e) {
			e.preventDefault();
			var plugin =  obj.domObj.find("#plugin").val();
			if (plugin == 'height') {
				$(obj.domObj).find("#editprops>div #inp").empty();
				var str = '<option value="">Select Height</option>';
				
				var minheight = 3 * 12;
				var maxheight = 8 * 12;
				for (var i = minheight; i <= maxheight; i++) {
					var foot = Math.floor(i / 12);
					var inches = i % 12;
					str += '<option value="' + i + '">' + foot + '\' ' + inches + "\"" + '</option>';
				}
				
				$(obj.domObj).find("#editprops>div #inp").append(str);
				inp.html($(obj.domObj).find("#editprops>div #inp").html());
				
				builder.rootFormBuilder.save();
				resetFormBuilderInputs();
			}
		});
		
		
		
		$(this.domObj).find("#moveoptup").click(function(e) {
			e.preventDefault();
			var $op = $(obj.domObj).find("#editprops>div #inp").find('option:selected');
			$op.first().prev().before($op);
			inp.html($(obj.domObj).find("#editprops>div #inp").html());
			builder.rootFormBuilder.save();
					
		});
		
		$(this.domObj).find("#moveoptdown").click(function(e) {
			e.preventDefault();
			var $op = $(obj.domObj).find("#editprops>div #inp").find('option:selected');
			$op.last().next().after($op);
			inp.html($(obj.domObj).find("#editprops>div #inp").html());
			builder.rootFormBuilder.save();
		});
		
		$(this.domObj).find("#editprops>div #add_val").click(function() {
			if ($(obj.domObj).find("#editprops>div #new_opt_text").val() == '') {
				alert("Please enter new entry!");
				return;
			}
			if (invalidchars($(obj.domObj).find("#editprops>div #new_opt_val").val())) {
				alert("Value contains illegal characters!");
				return;
			}
			$(obj.domObj).find("#editprops>div #inp").append('<option selected value="' + htmlencode(($(obj.domObj).find("#editprops>div #new_opt_val").val() || '')) + '">' + htmlencode($(obj.domObj).find("#editprops>div #new_opt_text").val()) + '</option>');
			inp.html($(obj.domObj).find("#editprops>div #inp").html());
			builder.rootFormBuilder.save();
			resetFormBuilderInputs();
		});
		$(this.domObj).find("#editprops>div #edit_val").click(function() {
			var opt = $(obj.domObj).find("#editprops>div #inp").find("option:selected:last");
			$(obj.domObj).find("#editprops>div #new_opt_val").val(opt.val());
			$(obj.domObj).find("#editprops>div #new_opt_text").val(opt.text());
			opt.remove();
			inp.html($(obj.domObj).find("#editprops>div #inp").html());
			builder.rootFormBuilder.save();
			resetFormBuilderInputs();
		});
		
		$(this.domObj).find("#editprops>div #fieldname").keyup(function() {
			if (invalidchars($(this).val())) {
				$(this).val('');
				alert("Value contains illegal characters!");
				return;
			}
			container.data.name = $(this).val();
			container.domObj.find("select,input,textarea").attr('name', $(this).val());
			prop.refreshFunc();
			builder.rootFormBuilder.save();
		});
		$(this.domObj).find("#editprops>div #fieldreq").change(function() {
			container.data.req = $(this).is(":checked");
			prop.refreshFunc();
			builder.rootFormBuilder.save();
		});
		
		this.size();

	}
	else {	
			$(this.domObj).find("#editprops>div").html('<div style="display: inline-block"><fieldset><ul><li>Name: <input id="fieldname" type="text" value="' + (container.data.name || '') + '" /></li><li><span class="required_label">Required:</span> <input type="checkbox" id="fieldreq" value="1" ' + (container.data.req ? 'checked="checked"' : '') + ' /></li></ul></fieldset></div>\
		<div style="display: inline-block"><fieldset><ul><li>Value: <input id="fieldvalue" type="text" value="' + (container.domObj.find("input").attr('value') || '') + '" /></li></ul></fieldset></div>\
		');
		
		
		$(this.domObj).find("#fieldvalue, #fieldname").keypress(filterKeys);
		
			$(this.domObj).find("#editprops>div #fieldname").keyup(function() {
			if (invalidchars($(this).val())) {
				$(this).val('');
				alert("Value contains illegal characters!");
				return;
			}
			container.data.name = $(this).val();
			container.domObj.find("select,input,textarea").attr('name', $(this).val());
			prop.refreshFunc();
			builder.rootFormBuilder.save();
		});
		$(this.domObj).find("#editprops>div #fieldvalue").keyup(function() {
			if (invalidchars($(this).val())) {
				$(this).val('');
				alert("Value contains illegal characters!");
				return;
			}
			container.domObj.find("input").attr('value', $(this).val());
			prop.refreshFunc();
			builder.rootFormBuilder.save();
		});
		$(this.domObj).find("#editprops>div #fieldreq").change(function() {
			container.data.req = $(this).is(":checked");
			prop.refreshFunc();
			builder.rootFormBuilder.save();
		});
		
		this.size();

	}
}

FormBuilderProperties.prototype.getDomObj=function() {
	return this.domObj;
}

FormBuilderProperties.prototype.setHooks=function() {
	var dragging = false;
	this.domObj.find(".dragger").bind(pressEvent, function(e) {
		e.preventDefault();
		dragging = true;
	});
	
	$(window).bind(releaseEvent, function(e) {
		if (dragging == true) {
			e.preventDefault();
			dragging = false;
		}
	}).bind(moveEvent, function(e) {
		if (dragging == true) {
			e.preventDefault();
			var height = $(window).height();
			
			//console.log("height: " + height);
			//console.log(e.pageY);
			
			var mouseX = e.clientX;
		var mouseY = e.clientY;
		if (e.type != 'mousemove') {
			if (e.originalEvent.touches.length != 1) {
				return;
			}
			mouseX = e.originalEvent.touches[0].clientX;
			mouseY = e.originalEvent.touches[0].clientY;
		}

				$(".dragwindow").height(Math.min(height - 10, Math.max(10, height - mouseY - $("#savepane").outerHeight())));
				//leftpaneWidth = Math.max(0, Math.min(width - 4, e.pageX));
				//$(window).triggerHandler('resize');
		}
	});
	var obj = this;
}

FormBuilderProperties.prototype.destroy=function() {
}

FormBuilderProperties.prototype.isBuilt=function() {
	return true;
}
var nutrients = [
	'Calories', 'Calories + Exercise', 'Protein', 'Carbohydrate', 'Sugars', 'Dietary Fiber', 'Fat', 'Saturated Fat', 'Monounsaturated Fat', 'Polyunsaturated Fat',
	'Cholesterol', 'Sodium', 'Potassium' ];

var food_groups = [ 'Meat',	'Eggs', 'Seafood', 'Dairy', 'Legumes', 'Nuts/Seeds', 'Grains', 'Vegetables', 'Fruits' ]; 

var aerobic_types = ['Cardiovascular'];
var anaerobic_types = [ 'Abs', 'Back', 'Biceps', 'Calves', 'Chest', 'Delts', 'Forearms', 'Hamstrings', 'Quads', 'Traps', 'Triceps', 'Combos', 'Power (Plyometrics)' ];

function popNutrients(select, foodBuilder, exerciseBuilder) {
	$(select).append('<optgroup label="Nutrients">');
	for (var i = 0; i < nutrients.length; i++) {
		$(select).append('<option value="n_' + nutrients[i] + '">' + nutrients[i] + '</option>');
	}
	$(select).append('</optgroup>');
	$(select).append('<optgroup label="Steps">');
	$(select).append('<option value="s_Steps">Step Count</option>');
	$(select).append('</optgroup">');
	$(select).append('<optgroup style="font-weight: bold;" label="Food">');
	//for (var i = 0; i < food_groups.length; i++) {
//		$(select).append('<option value="f_' + food_groups[i] + '">' + food_groups[i] + '</option>');
	//}
	for (var k in foodBuilder.widget.foodTypes) {
		if (foodBuilder.widget.foodTypes[k].system) {
			$(select).append('<option value="f_' + k + '">' + foodBuilder.widget.foodTypes[k].name + '</option>');
		}
	}
	
	$(select).append('</optgroup>');
	$(select).append('<optgroup label="Exercise">');
	//for (var i = 0; i < aerobic_types.length; i++) {
	//	$(select).append('<option value="e_' + aerobic_types[i] + '">' + aerobic_types[i] + '</option>');
	//}
	//for (var i = 0; i < anaerobic_types.length; i++) {
	//	$(select).append('<option value="e_' + anaerobic_types[i] + '">' + anaerobic_types[i] + '</option>');
	//}	
	
	//this.exerciseTypes = { 'aerobic' : 
	//						{ name:"Aerobic",  'groups': 
	//						    {
	//								'1': { id: 0, system:true, name: 'Cardiovascular', types:
	//									{ '1': true, 
	//										'2': true, 
											
	for (var k in exerciseBuilder.widget.exerciseTypes['aerobic'].groups) {
		//if (exerciseBuilder.widget.exerciseTypes['aerobic'].groups[k].system) {
			$(select).append('<option value="e_' + k + '">' + exerciseBuilder.widget.exerciseTypes['aerobic'].groups[k].name + '</option>');
		//}
	}
		for (var k in exerciseBuilder.widget.exerciseTypes['anaerobic'].groups) {
		//if (exerciseBuilder.widget.exerciseTypes['anaerobic'].groups[k].system) {
			$(select).append('<option value="e_' + k + '">' + exerciseBuilder.widget.exerciseTypes['anaerobic'].groups[k].name + '</option>');
		//}
	}

	
	$(select).append('</optgroup>');
}
function Expression(params) {
	params = params || {};
	this.processKeys = [48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,  191, 219, 221, 110, 109, 106, 111, 107, 41, 189, 187, 191, 56, 57, 48, 54, 32, 190, 8 ];
	this.pos = 0;
	this.text = '';
	this.timer = null;
	this.inputs = params.inputs || {};
	this.vars = params.vars || {};
}

Expression.prototype.build = function() {
	var obj = this;

	this.domObj = $('<span class="expression" contenteditable="true"></span>');
	
	return true;
}

Expression.prototype.getDomObj=function() {
	return this.domObj;
}

function escapeRegExp(str) {
		return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
	}
	
	function replaceAll(find, replace, str) {
		return str.replace(new RegExp(escapeRegExp(find), 'g'), replace);
	}
	
function getSelectionText() {
    var text = "";
    if (window.getSelection) {
        text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        text = document.selection.createRange().text;
    }
    return text;
}

function addToExpression(obj, text, clz) {
		obj.focus();
		var selection = document.getSelection();

		var txt = $(obj).text();
		if (txt === '') {
			//return;
		}

		//console.log(selection);
		if (selection) {
			
			if (text !== '') {
			
				var addto = getSelectionText();
				text = text.replace('$', addto);
			
				var range = selection.getRangeAt(0);
				range.deleteContents();
				var newnode = document.createTextNode(text);
				range.insertNode(newnode);
				selection.selectAllChildren(newnode);
				
				txt = $(obj).text();
				
				
				selection = document.getSelection();

			
			}
			
			var pos = 0;
			var offset = 1;
	
				var baseNode = selection.anchorNode;
				
				//console.log(selection.anchorNode);
				
				//console.log("ao: " + selection.anchorOffset);

				//if (baseNode && baseNode != obj) {
				
				$(obj).contents().each(function() {
					console.log($(this).text());
					if (this == baseNode || $(this).find(baseNode).length > 0) {
						pos+=Math.max(0, selection.anchorOffset-1);
						//pos+=$(this).text().length;
						return false;
					}
					pos+=$(this).text().length;
					
				});	
				
			//console.log("pos: " + pos);
				
				
			//	}
				
			//	console.log(pos);
			
		}
		
		
		
		//var l = txt.substr(0, pos);
		//var r = txt.substr(pos);
		//txt = l + text + r;
		
		if (text !== '') {
			pos += text.length;
		}
		
		//txt = '<span>' + txt + '</span>';
		//
		
		
		txt = txt.replace(/(.)/gi, '@0$1!1');
		
		if (clz) {
			for (var k in clz.inputs) {
				k = (clz.inputs[k].container.data.name || "unamed");
				var key = k.replace(/(.)/gi, '@0$1!1');
				var replace = k.replace(/(.)/gi, '@2$1!1');
				//console.log("key: " + key);
				//console.log("replace: " + replace);
				
				txt = replaceAll(key, replace, txt);
			}
			for (var k in clz.vars) {
				var key = k.replace(/(.)/gi, '@0$1!1');
				var replace = k.replace(/(.)/gi, '@2$1!1');
				//console.log("key: " + key);
				//console.log("replace: " + replace);
				
				txt = replaceAll(key, replace, txt);
			}
			var funcs = ['cos','sin','sqrt','tan','pow'];
			for (var i = 0; i < funcs.length; i++) {
				k = funcs[i];
				var key = k.replace(/(.)/gi, '@0$1!1');
				var replace = k.replace(/(.)/gi, '@4$1!1');
				//console.log("key: " + key);
				//console.log("replace: " + replace);
				
				txt = replaceAll(key, replace, txt);
			}
		}
		
		//txt = txt.replace(/([A-Za-z\_]+)/gi, '@1$1!1');
		
		txt = txt.replace(/(\s)/gi, '@0&nbsp;!1');
		
		//txt = txt.replace(/(\*|\/|\-|\+|\^)/gi, '@2$1!1');
		txt = txt.replace(/(\*)/gi, '@1' + htmlencode('*') + '!1');
		txt = txt.replace(/(\/)/gi, '@1' + htmlencode('/') + '!1');
		txt = txt.replace(/(\+)/gi, '@1' + htmlencode('+') + '!1');
		txt = txt.replace(/(\-)/gi, '@1' + htmlencode('-') + '!1');
		txt = txt.replace(/(\^)/gi, '@1' + htmlencode('^') + '!1');
		
		txt = txt.replace(/(\()/gi, '@3' + htmlencode('(') + '!1');
		txt = txt.replace(/(\[)/gi, '@3' + htmlencode('[') + '!1');
		txt = txt.replace(/(\))/gi, '@3' + htmlencode(')') + '!1');
		txt = txt.replace(/(\])/gi, '@3' + htmlencode(']') + '!1');
		
		//txt = txt.replace(/(\(|\[|\]|\))/gi, '@3$1!1');
		
		//txt = txt.replace(/(\(|\[|\]|\))/gi, '@3$1!1');
		
		txt = txt.replace(/\!1/g, '</span>');
		txt = txt.replace(/\@0/g, '<span>');
		txt = txt.replace(/\@1/g, '<span style="color: #000000; font-weight: bold;">');
		txt = txt.replace(/\@2/g, '<span style="color: #ff0000">');
		txt = txt.replace(/\@3/g, '<span style="color: #0000ff;">');
		txt = txt.replace(/\@4/g, '<span style="color: #aaaa00;">');
		$(obj).html(txt);
		
		
		
		
		//selection = document.getSelection();
		
		
		//console.log("a");
				if (selection) {
			//	console.log("b");
				//selection.removeAllRanges();
					//selection.setPosition(pos);
					
					
					var node = null;
					//var pos2 = 0;
					
					var child = $(obj).contents();
					
					//console.log(child);
					
					//if (child.length >= pos) {
							node = child[pos];
					//}
					if (! node) {
						node = child[child.length-1];
					}
					if (node) {
							
							var selectnode = $('<span></span>');
							selectnode.insertAfter(node);
							
							
							
						//selection.removeAllRanges();
							//console.log(pos);
							
							
						//nativeRange = document.createRange();
						//nativeRange.setStart(node, $(node).text().length);
						//nativeRange.setEnd(node, $(node).text().length);
						
						
						//nativeRange.deleteContents();
						//nativeRange.insertNode(selectnode[0]);
						
						//selection.addRange(nativeRange);
						
						selection.selectAllChildren(selectnode[0]);
						
						//selection.setBaseAndExtent(node, 1, node, 1);
						
						//nativeRange.collapse(false);
						//obj.focus();
						
					}
			
			}
			
			return pos;

}

function formatExpression(obj, clz) {
	
	return addToExpression(obj, '', clz);

}
	

Expression.prototype.setHooks=function() {
	var obj = this;

		
	this.domObj.bind('keyup', function(e) {
		if (obj.processKeys.indexOf(e.which) != -1) {
			var t = this;
			if (obj.timer === null) {
				obj.timer = setTimeout(function() {
					obj.timer = null;
					obj.pos = formatExpression(t, obj);
				}, 400);
			}

		}

	});

}

Expression.prototype.destroy=function() {

}

Expression.prototype.isBuilt=function() {
	return true;
}
function ExpBuilder(params) {
	
	this.expressions = {};
	this.currExpId = 0;
	this.inputs = params.inputs || {};
	
	this.vars = params.vars || {};
	
	this.built = false;
	
	this.expression = new Widget('Expression', { vars: this.vars, inputs: this.inputs } );
}

ExpBuilder.prototype.saveExp=function(uid) {
	if (! uid) {
		return;
	}
	var when = ['0'];
	this.domObj.find(".savedexp[uid=" + uid + "] label").text(this.domObj.find(".expname").text());
	var name = this.domObj.find(".expname").text();
	if (typeof(this.expressions[uid]) != 'undefined') {
		delete this.vars[this.expressions[uid].name];
		when = this.expressions[uid].when;
	}
	this.vars[name] = true;
	this.expressions[uid] =  { name: name, val: this.domObj.find(".theexpression").text(), when: when, rank: this.domObj.find(".savedexp[uid=" + uid + "]").index() };
	//console.log(this.expressions);
	}
	
	ExpBuilder.prototype.updateRanks=function() {
		for (var uid in this.expressions) {
			this.expressions[uid].rank = this.domObj.find(".savedexp[uid=" + uid + "]").index();
		}
	}

ExpBuilder.prototype.save=function(callback) {
	var obj = this;
	saveWindowSession('CREATEPLANEXP', { data: JSON.stringify(obj.expressions) }, function() { if (callback) callback(); });
}


ExpBuilder.prototype.removeExp=function(uid) {
			this.domObj.find(".savedexp[uid=" + uid + "]").remove();
			if (uid == this.currExpId) {
				this.domObj.find("#formulacreate").html('');
				this.currExpId = 0;
			}
			delete this.vars[this.expressions[uid].name];
			delete this.expressions[uid];
			
		}
		
		function insertAtCaret(obj, text) {
		   var txtarea = obj;
		   var scrollPos = txtarea.scrollTop;
		   var strPos = 0;
		   var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? "ff" : (document.selection ? "ie" : false));
		   br = "ie";
		   if (br == "ie") {
			   txtarea.focus();
			   var range = document.selection.createRange();
			   range.moveStart('character', -$(txtarea).text().length);
			   strPos = range.text.length;
		  }
		  else if (br == 'ff') strPos = txtarea.selectionStart;
		  
		  var front = ($(txtarea).text()).substring(0, strPos);
		  var back = ($(txtarea).text()).substring(strPos, $(txtarea).text().length);
		  $(txtarea).text(front+text+back);
		  strPos = strPos + text.length;
		  if (br == 'ie') {
		  
			txtarea.focus();
			var range = document.selection.createRange();
			range.moveStart('character',  -$(txtarea).text().length);
			range.moveStart('character', strPos);
			range.moveEnd('character', 0);
			range.select();
		}
		else if (br == 'ff') {
			txtarea.selectionStart = strPos;
			txtarea.selectionEnd = strPos;
			txtarea.focus();
		}
		  txtarea.scrollTop = scrollPos;
		   
		}
		
	ExpBuilder.prototype.refreshInputs=function() {
		var inps = '<div class="block_header">Expression Builder</div><div style="padding: 15px;">';
		inps += '<hr /><h3>Inputs</h3><hr /><br />';
		var def_inputs = [ 'Age' ];
		for (var  i = 0; i < def_inputs.length; i++) {
			inps += '<a class="btn-gray addinput" style="margin:9px;" href="#" insert="' + def_inputs[i].toUpperCase() + '">' + def_inputs[i].toUpperCase() + '</a>';
		}
		var uinps = {};
		for (var  k in this.inputs) {
			if (this.inputs[k].container.data.type == "element" && this.inputs[k].container.domObj.find("select,input,textarea").length > 0) {
				uinps[(this.inputs[k].container.data.name || "unamed")] = true;
			}
		}
		for (var  k in uinps) {
			inps += '<a class="btn-gray addinput" style="margin:9px;" href="#" insert="' + k + '">' + k + '</a>';
		}
		inps += '<br /><hr /><h3>Arithmetic</h3><hr /><br />';
		inps += '<a class="btn-gray addinput" style="margin:9px;" insert="+" href="#">Add</a>';
		inps += '<a class="btn-gray addinput" style="margin:9px;" insert="-" href="#">Subtract</a>';
		inps += '<a class="btn-gray addinput" style="margin:9px;" insert="*" href="#">Multiply</a>';
		inps += '<a class="btn-gray addinput" style="margin:9px;" insert="/" href="#">Divide</a>';
		inps += '<a class="btn-gray addinput" style="margin:9px;" insert="($)" href="#">( ... )</a>';

		inps += '<br /><hr /><h3>Functions</h3><hr /><br />';
		inps += '<a class="btn-gray addinput" style="margin:9px;" insert="cos($)" href="#">Cos</a>';
		inps += '<a class="btn-gray addinput" style="margin:9px;" insert="sin($)" href="#">Sin</a>';
		inps += '<a class="btn-gray addinput" style="margin:9px;" insert="tan($)" href="#">Tan</a>';
		inps += '<a class="btn-gray addinput" style="margin:9px;" insert="sqrt($)" href="#">SQRT</a>';
		inps += '<a class="btn-gray addinput" style="margin:9px;" insert="pow($)" href="#">Pow</a>';

		
		inps += '</div>';
		
		var obj = this;
		
		//alert("here");
		
		if (obj.currExpId) {
		
		//alert("here");
		var selected = '';
		if (obj.expressions[obj.currExpId].when.indexOf('0') != -1) {
			selected = ' selected="selected" ';
		}
	var str = '<option value="0" ' + selected + '>Always</option>';
	
	str += '<optgroup label="' + 'Gender' + '">';
	
	selected = '';
	if (obj.expressions[obj.currExpId].when.indexOf('gender|male') != -1) {
			selected = ' selected="selected" ';
		}
	str += '<option ' + selected + ' value="' + htmlencode('gender|male') + '">' + htmlencode('Male') + '</option>';
		selected = '';
	if (obj.expressions[obj.currExpId].when.indexOf('gender|female') != -1) {
			selected = ' selected="selected" ';
		}
	str += '<option ' + selected + ' value="' + htmlencode('gender|female') + '">' + htmlencode('Female') + '</option>';

	
	
	str+= '</optgroup>';
		
		var uinps = {};
		for (var  k in this.inputs) {
			uinps[(this.inputs[k].container.data.name || "unamed")] = true;
		}
		for (var k in uinps) {
			str += '<optgroup label="' + k + '">';
			//inps += '<option value="' + k + '">' + k + '</option>';
			
			var val = k.toLowerCase();
			
			var allvals = {};
			//console.log(obj.inputs[k].container.domObj[0]);
			for (var k in obj.inputs) {
				
				if (obj.inputs[k].container.data.type == "element" && obj.inputs[k].container.data.name.toLowerCase() == val) {
					if (obj.inputs[k].container.domObj.find("input[type=checkbox],input[type=radio]").length > 0) {
						allvals[obj.inputs[k].container.domObj.find("input[type=checkbox],input[type=radio]").attr('value')] = obj.inputs[k].container.domObj.find("input[type=checkbox],input[type=radio]").attr('value');
					}
					else if (obj.inputs[k].container.domObj.find("select").length > 0) {
						obj.inputs[k].container.domObj.find("select option").each(function() {
							allvals[$(this).val()] = $(this).text();
						});
					}
					//alert(obj.inputs[k].container.domObj.find("input[type=checkbox],input[type=radio]").attr('value'));
				}
			}
			
			for (var k in allvals) {
				var checked = '';
				
				if (obj.expressions[obj.currExpId].when.indexOf(val + '|' + k) != -1) {
					checked = 'selected="selected"';
				}
				str += '<option ' + checked + ' value="' + htmlencode(val + '|' + k) + '">' + htmlencode(allvals[k]) + '</option>';
			}
			
			
			str+='</option>';
		}
		//alert(str);
		//console.log(obj.expressions);
		this.domObj.find("#expwhen").empty().append($(str));
			this.domObj.find("#expwhen").multiselect('refresh');
		}

		
		
		this.domObj.find("#expbuilder").html(inps).find(".addinput").each(function() {
			this.onclick = function() {
			//alert(obj.domObj.find(".expression").get(0).selectionStart);
			
			//insertAtCaret(obj.domObj.find(".expression").get(0), $(this).text());
			//return false;
			
			/*var pos = obj.expression.widget.pos || 0;
			
			alert(pos);
		
		var text = obj.domObj.find(".expression").text();
		var l = text.substr(0, pos);
		var r = text.substr(pos);
		text = l + $(this).text() + r;
			
			
			//obj.domObj.find(".expression").text(text);*/
			//addToExpression(obj.domObj.find(".expression").get(0), $(this).text());
			//formatExpression(obj.domObj.find(".expression").get(0));
			obj.domObj.find(".expression").get(0).focus();
			addToExpression(obj.domObj.find(".expression").get(0), $(this).attr('insert'), obj.expression.widget);
		return false;
		}	
			
		});
	}
	
ExpBuilder.prototype.refresh=function() {
	this.refreshInputs();
}

ExpBuilder.prototype.setExp=function(uid) {
			var obj = this;
			if (! this.expressions[uid]) {
				this.expressions[uid] = { name: 'NAME', val: '', when: ['0'], rank: this.domObj.find(".savedexp").length };
			}
			this.domObj.find("#formulacreate").html('<span class="expname" contenteditable="true"></span><span class="expequals">&nbsp;=&nbsp;</span><span class="theexpression"></span>\
			<div style="text-align:center; padding:10px;">When: <select id="expwhen" multiple="multiple"></select></div>\
		<div id="expbuilder">\
			<div class="block_header">Expression Builder</div>\
		</div>');
		
		this.domObj.find("#expwhen").multiselect({
			header: true,
		position: {
      my: 'left bottom',
      at: 'left top'
   },
   click: function(event, ui){
		if (ui.checked) {
			if (obj.expressions[uid].when.indexOf(ui.value) == -1) {
				obj.expressions[uid].when.push(ui.value);
			}
			
		}
		else {
			if (obj.expressions[uid].when.indexOf(ui.value) != -1) {
				obj.expressions[uid].when.splice(obj.expressions[uid].when.indexOf(ui.value), 1);
			}
		}
		
		
		
		obj.saveExp(uid);
		//console.log(obj.rules);
		saveWindowSession('CREATEPLANEXP', { data: JSON.stringify(obj.expressions) }, function() {});

   }});
		
		
		
		
		//this.refreshInputs();
		
		this.domObj.find(".expname").text(this.expressions[uid].name);
		
		this.expression.render(this.domObj.find(".theexpression"));
		this.domObj.find(".expression").text(this.expressions[uid].val);
		formatExpression(this.domObj.find(".expression").get(0), this.expression.widget);
		
		this.currExpId = uid;
		
		this.refreshInputs();
}

ExpBuilder.prototype.build = function() {
	var obj = this;

	this.domObj = $('<div id="expcontainer"><div id="formulacontainer"><span id="savedformulas" style="position: relative;"><span style="display: inline-block; position: absolute; right: 6px; top: 3px; color: #00aa00; font-size: 1.2em;"><a href="#" id="createexp">+</a></span></span></span><span id="formulacreate"></span></div>');
		
		
	$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=CREATEPLANEXP", 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {		
			//console.log(data.data.data);
			obj.built = true;
			
			try {
				obj.expressions = JSON.parse(data.data.data);
				//console.log(obj.rules);
				
				var ar = [];
				for (var uid in obj.expressions) {
					obj.expressions[uid].uid = uid;
					ar.push(obj.expressions[uid]);
				}
				
				ar.sort(function(obj1, obj2) {
					return ((obj1.rank||0) - (obj2.rank||0));
				});
				
				for (var i  = 0; i < ar.length; i++) {
					var uid = ar[i].uid;
					if (! uid) {
						continue;
					}
					obj.vars[obj.expressions[uid].name] = true;
					obj.domObj.find("#savedformulas").append('<div uid="' + uid + '" class="savedexp" style="cursor: pointer; padding: 6px;  position: relative;"><label>' + obj.expressions[uid].name + '</label><span style="display: inline-block; position: absolute; right: 6px;"><a href="#" class="moveexpup"><img src="/images/moveup.png" /></a>&nbsp;<a href="#" class="moveexpdown"><img src="/images/movedown.png" /></a>&nbsp;<a href="#" class="removeexp" style="color: #ff0000;">x</a></span></div>');
				}
	
			} catch (e) {
				obj.expressions = {}; 
			}
		}
	});
		
	/*<span id="formulacreate"><span class="expname" contenteditable="true">name</span><span class="expequals">&nbsp;=&nbsp;</span><span id="theexpression"></span>\
		<div id="expbuilder">\
			<div class="block_header">Expression Builder</div>\
		</div></div>*/
	this.domObj.find("#createexp").click(function(e) {
		e.preventDefault();
		e.stopImmediatePropagation();
		obj.saveExp(obj.currExpId);
		var uid = uniqid();
		obj.domObj.find("#savedformulas").find(".savedexp").removeClass("selected").css("background-color", "").css("color", "");
		obj.domObj.find("#savedformulas").append('<div uid="' + uid + '" class="savedexp selected" style="cursor: pointer; padding: 6px; background-color: #0000ff; color: #ffffff; position: relative;"><label>NAME</label><span style="display: inline-block; position: absolute; right: 6px;"><a href="#" class="moveexpup"><img src="/images/moveup.png" /></a>&nbsp;<a href="#" class="moveexpdown"><img src="/images/movedown.png" /></a>&nbsp;<a href="#" class="removeexp" style="color: #ff0000;">x</a></span></div>');
		obj.setExp(uid);
		
		
		obj.saveExp(obj.currExpId);
		//console.log(obj.rules);
		saveWindowSession('CREATEPLANEXP', { data: JSON.stringify(obj.expressions) }, function() {});
	});
	
	this.domObj.find("#savedformulas").on('click', '.removeexp', function(e) {
		e.preventDefault();
		e.stopPropagation();
		if (confirm("Are you sure you want to delete this formula?")) {
					var uid = $(this).parentsUntil(".savedexp").parent().attr('uid');
					obj.removeExp(uid);
			
					obj.saveExp(obj.currExpId);
					saveWindowSession('CREATEPLANEXP', { data: JSON.stringify(obj.expressions) }, function() {});

			
		}
	});
	
	this.domObj.find("#savedformulas").on('click', '.moveexpup', function(e) {
		e.preventDefault();
		e.stopPropagation();
		
		var $op = $(this).parentsUntil(".savedexp").parent();
		
		$op.first().prev().before($op);
		
		obj.updateRanks();
		saveWindowSession('CREATEPLANEXP', { data: JSON.stringify(obj.expressions) }, function() {});
	});
	
	this.domObj.find("#savedformulas").on('click', '.moveexpdown', function(e) {
		e.preventDefault();
		e.stopPropagation();
		
		var $op = $(this).parentsUntil(".savedexp").parent();
		
		$op.last().next().after($op);
		
		obj.updateRanks();
		saveWindowSession('CREATEPLANEXP', { data: JSON.stringify(obj.expressions) }, function() {});
	});
	
	this.domObj.find("#savedformulas").on('click', '.savedexp', function(e) {
		
		e.preventDefault();
		e.stopPropagation();
		obj.saveExp(obj.currExpId);
		obj.domObj.find("#savedformulas").find(".savedexp").removeClass("selected").css("background-color", "").css("color", "");
		$(this).addClass("selected").css("background-color", "#0000ff").css("color", "#ffffff");
		obj.setExp($(this).attr('uid'));
	});
		
		
	this.domObj.on('change keyup', 'select,span,label', function(e) {
		obj.saveExp(obj.currExpId);
		//console.log(obj.rules);
		saveWindowSession('CREATEPLANEXP', { data: JSON.stringify(obj.expressions) }, function() {});
	});
	//this.expression.render(this.domObj.find("#theexpression"));
	
	return true;
}

ExpBuilder.prototype.getDomObj=function() {
	return this.domObj;
}
	


ExpBuilder.prototype.setHooks=function() {
	
}

ExpBuilder.prototype.destroy=function() {

}

ExpBuilder.prototype.isBuilt=function() {
	return this.built;
}
function RuleBuilder(params) {
	this.rules = {};
	this.currRuleId = 0;
	this.updateFunc = params.updateFunc || {};
	this.inputs = params.inputs || {};
	this.units = [ 'literal', 'grams', 'lbs', 'weight', 'distance', 'inches', 'feet', 'miles', 'reps', 'sets', 'hours', 'minutes' ];
	this.exerciseBuilder = params.exerciseBuilder;
	this.foodBuilder = params.foodBuilder;
	this.vars = params.vars || {};
	this.built = false;
}

RuleBuilder.prototype.refreshSelects=function() {
	var obj = this;
	this.domObj.find(".units").each(function() {
		
		var uval = $(this).val();
		
		var nutselect = $(this).parent().parent().find(".nutrients,.rulesinput");
		var val = String(nutselect.val()).toLowerCase();
		$(this).parent().parent().find(".nutrientssub").hide();
		//alert(val);
		//alert(nutselect);
		if (val== 'n_calories' || val == 'n_calories + exercise') {
			//alert("here");
			$(this).empty().append($('<option value="kcal">kcals</option>'));
			return;
		}
		if (val== 's_steps') {
			//alert("here");
			$(this).empty().append($('<option value="steps">steps</option>'));
			return;
		}
		else if (val.substr(0, 2) == 'f_') {
				//var foodunits = ['servings', 'grams', 'lbs', 'ounces', 'liters'];
				//$(this).empty();
				//for (var i = 0; i < foodunits.length; i++) {
				//	$(this).append('<option value="' + foodunits[i] + '">' + foodunits[i] + '</option>');
				//}
				
				var subselect = $(this).parent().parent().find(".nutrientssub");
				var subval = subselect.val();
				subselect.empty();
				var cat = val.substr(2);
				subselect.append($('<option value="ff_' + cat + '">Any ' + cat + '</option>'));
				for (var k in obj.foodBuilder.widget.foodTypes) {
					if (k.toLowerCase() == cat.toLowerCase()) {
						for (var j = 0; j < obj.foodBuilder.widget.foodTypes[k].foods.length; j++) {
	
									var foodunits = ['servings', 'grams', 'lbs', 'ounces', 'liters'];
									$(this).empty();
									for (var i = 0; i < foodunits.length; i++) {
										$(this).append('<option value="' + foodunits[i] + '">' + foodunits[i] + '</option>');
									}
			
								//for (var eid in obj.exerciseBuilder.widget.exerciseTypes[k].groups[grpid].types) {
								 if (obj.foodBuilder.widget.foods[obj.foodBuilder.widget.foodTypes[k].foods[j]].isgroup) {
									var name = obj.foodBuilder.widget.foods[obj.foodBuilder.widget.foodTypes[k].foods[j]].name;
									subselect.append($('<option value="ff_' + obj.foodBuilder.widget.foodTypes[k].foods[j] + '">' + name + '</option>'));
								}
							}
						}
				}
				subselect.val(subval);
				subselect.show();

			}
		else if (val.substr(0, 2) == 'n_') {
				var foodunits = ['grams'];
				$(this).empty();
				for (var i = 0; i < foodunits.length; i++) {
					$(this).append('<option value="' + foodunits[i] + '">' + foodunits[i] + '</option>');
				}
				
			}
			else if (val.substr(0, 2) == 'e_') {
				
				
				var subselect = $(this).parent().parent().find(".nutrientssub");
				var subval = subselect.val();
				subselect.empty();
				var cat = val.substr(2);
				subselect.append($('<option value="ee_' + cat + '">Any ' + cat + '</option>'));
				for (var k in obj.exerciseBuilder.widget.exerciseTypes) {
						for (var grpid in obj.exerciseBuilder.widget.exerciseTypes[k].groups) {
							if (grpid == cat) {
								if (k == 'anaerobic') {
									var foodunits = ['sets', 'reps', 'hours', 'minutes'];
									$(this).empty();
									for (var i = 0; i < foodunits.length; i++) {
										$(this).append('<option value="' + foodunits[i] + '">' + foodunits[i] + '</option>');
									}
								}
								else {
									var foodunits = ['distance', 'miles', 'hours', 'minutes'];
									$(this).empty();
									for (var i = 0; i < foodunits.length; i++) {
										$(this).append('<option value="' + foodunits[i] + '">' + foodunits[i] + '</option>');
									}
								}
								for (var eid in obj.exerciseBuilder.widget.exerciseTypes[k].groups[grpid].types) {
									var name = obj.exerciseBuilder.widget.exercises[eid].name;
									subselect.append($('<option value="ee_' + eid + '">' + name + '</option>'));
								}
							}
						}
				}
				subselect.val(subval);
				subselect.show();
			}
			else {
				if (val == 'gender') {
					//alert("here");
					$(this).parent().parent().find(".expression").hide();
					var vals = $(this).parent().parent().find(".vals");
					var val = vals.val();
					vals.empty().append('<option value="M">Male</option><option value="F">Female</option>').show().val(val);
					
				}
				else {
					
						//console.log(obj.inputs[val]);
					var inp = null;
					for (var k in obj.inputs) {
						if (obj.inputs[k].container.data.name.toLowerCase() == val) {
							inp = obj.inputs[k];
							break;
						}
					}
					
					
					if (inp && inp.container.domObj.find("select").length > 0) {
						$(this).parent().parent().find(".expression").hide();
						var vals = $(this).parent().parent().find(".vals");
						var valtoset = vals.val();
						var str = '';
						inp.container.domObj.find("select option").each(function() {
							str += '<option value="' + $(this).val() + '">' + $(this).text() + '</option>';
						});
						vals.empty().append(str).show().val(valtoset);
						
						$(this).parent().parent().find(".expression").hide();
						$(this).parent().parent().find(".vals").show();

					}
					else if (inp && inp.container.domObj.find("input[type=checkbox],input[type=radio]").length > 0) {
						var vals = $(this).parent().parent().find(".vals");
						var valtoset = vals.val();
						
						var allvals = {};
						for (var k in obj.inputs) {
							if (obj.inputs[k].container.data.name.toLowerCase() == val) {
								allvals[obj.inputs[k].container.domObj.find("input[type=checkbox],input[type=radio]").attr('value')] = true;
								//alert(obj.inputs[k].container.domObj.find("input[type=checkbox],input[type=radio]").attr('value'));
							}
						}
						var str = '';
						for (var k in allvals) {
							str += '<option value="' + k + '">' + k + '</option>';
						}
						vals.empty().append(str).show().val(valtoset);
						$(this).parent().parent().find(".expression").hide();
						$(this).parent().parent().find(".vals").show();
					}
					else {	
						if ($(this).parent().parent().find(".vals:visible").length == 1) {
							$(this).parent().parent().find(".expression").text('');
						}
						$(this).parent().parent().find(".expression").show();
						$(this).parent().parent().find(".vals").hide();
					}
					

				}
				$(this).empty().append($('<option value="kcal">literal</option>')).hide();
			}
			
			$(this).val(uval);
	});
}

RuleBuilder.prototype.popUnits=function(select) {
	var str = '';
	for (var i = 0; i < this.units.length; i++) {
		str += '<option value="' + this.units[i] + '">' + this.units[i] + '</option>';
	}
	
	
	
	$(select).empty().append($(str));
}

RuleBuilder.prototype.save=function(callback) {
	var obj = this;
	saveWindowSession('CREATEPLANRULES', { data: JSON.stringify(obj.rules) }, function() { if (callback) callback(); });
}

function attachRuleOptions(obj, clz) {
	obj.append($('<div class="options" style="display: inline-block; position: absolute; right:3px; top: 3px;"><a href="#" class="rulemoveup"><img src="/images/moveup.png" /></a>&nbsp;<a href="#" class="rulemovedown"><img src="/images/movedown.png" /></a>&nbsp;<a href="#" class="removerule">X</A></div>'));

	obj.find("a.removerule").click(function(e) {
			e.preventDefault();
			if ($(this).parentsUntil(".ruleline").parent().prev('.operand').length == 0) {
				$(this).parentsUntil(".ruleline").parent().next('.operand').remove();
			}
			else {
				$(this).parentsUntil(".ruleline").parent().prev('.operand').remove();
			}
			$(this).parentsUntil(".ruleline").parent().remove();


			clz.saveRule(clz.currRuleId);
		});
		obj.find("a.rulemoveup").click(function(e) {
			swapUp(e);
			clz.saveRule(clz.currRuleId);
		});	
		obj.find("a.rulemovedown").click(function(e) {
			swapDown(e);
			clz.saveRule(clz.currRuleId);
		});
		
		
}

	var swapUp = function(e) {
			e.preventDefault();
			var before = $(e.target).parentsUntil(".ruleline").parent().get(0);
			var after = $(e.target).parentsUntil(".ruleline").parent().prevUntil(".ruleline").prev().get(0);
			if (! after) {
				return;
			}

			var bprev = $(after).next();
			
				
			$(before).detach().insertBefore(bprev);
			$(after).detach().insertAfter(bprev);
		};

		
	var swapDown = function(e) {
			e.preventDefault();
			var after = $(e.target).parentsUntil(".ruleline").parent().get(0);
			var before = $(e.target).parentsUntil(".ruleline").parent().nextUntil(".ruleline").next().get(0);
			
			if (! before) {
				return;
			}	
			
			var bprev = $(before).prev();
			
			$(before).detach().insertBefore(bprev);
			$(after).detach().insertAfter(bprev);		
		};
		
		
		
		RuleBuilder.prototype.saveRule=function(uid) {
			if (! uid) {
				return;
			}
			//alert(uid);
			if (this.rules[uid] && uid != this.currRuleId) {
				this.rules[uid].name = this.domObj.find("#savedrules").find('.savedrule[uid=' + uid + '] label').text();
				return;
			}
			this.rules[uid] =  { applywhen: this.domObj.find("#applywhen").val(),  name: this.domObj.find("#savedrules").find('.savedrule[uid=' + uid + '] label').text(), rules: [], ruleswhen: [] };
			var obj = this;
			this.domObj.find("#rules").find("div.ruleline").each(function() {
				var row = { };
				var andor = $(this).prev("div.operand").find("select.andor").val();
				var nutrient = $(this).find(".nutrients").val();
				var subnutrient = $(this).find(".nutrientssub:visible").val() || null;
				if (subnutrient) {
						nutrient += '|' + subnutrient;
				}
				var operand = $(this).find(".operand").val();

				var expression = $(this).find(".expression").text();
				
				var units = $(this).find(".units").val();
				
				row.andor = andor;
				row.nutrient = nutrient;
				row.operand = operand;
				row.expression = expression;
				row.units = units;
				
				obj.rules[uid].rules.push(row);
				
			});
			
			this.domObj.find("#ruleswhen").find("div.ruleline").each(function() {
				var row = { };
				var andor = $(this).prev("div.operand").find("select.andor").val();
				var nutrient = $(this).find(".rulesinput").val();
				var operand = $(this).find(".operand").val();
				var units = $(this).find(".units").val();
				if ($(this).find(".expression:visible").length > 0) {
					var expression = $(this).find(".expression").text();
				}
				else {
					var expression = $(this).find(".vals").val();
					//alert(expression);
				}
				
				row.andor = andor;
				row.nutrient = nutrient;
				row.operand = operand;
				row.expression = expression;
				row.units = units;
				
				obj.rules[uid].ruleswhen.push(row);
				
			});
			
			//console.log(obj.rules[uid]);
		}
		
		RuleBuilder.prototype.removeRule=function(uid) {
			this.domObj.find(".savedrule[uid=" + uid + "]").remove();
			if (uid == this.currRuleId) {
				this.domObj.find("#rulecreate").html('');
				this.currRuleId = 0;
			}
			delete this.rules[uid];
		}
		
	RuleBuilder.prototype.setRule=function(uid) {
			
			if (! this.rules[uid]) {
				this.rules[uid] = { applywhen: '0', rules: [], ruleswhen: [] };
			}
			this.domObj.find("#rulecreate").html('<div style="padding:8px;">Rule applies: <select id="applywhen"></select></div><div style="margin-left: auto; margin-right: auto; width: 90%; padding: 10px; border: 1px solid #c0c0c0;">\
		<div id="rules">\
	<div></div>\
	</div>\
	<div style="border-top: 1px solid #c0c0c0; padding-top: 12px;"><a name="btn-submit" class="btn-green" id="addrule">Add</a></div>\
	</div>\
		<div class="rulewhere">&nbsp;WHEN&nbsp;</div>\
	<div style="margin-left: auto; margin-right: auto; width: 90%; padding: 10px; border: 1px solid #c0c0c0;">\
	<div id="ruleswhen">\
	<div></div>\
	</div>\
	<div style="border-top: 1px solid #c0c0c0; padding-top: 12px;"><a name="btn-submit" class="btn-green" id="addrulewhen">Add</a></div>\
	</div>\
');

	this.domObj.find("#applywhen").append($('<option value="0">Every 24 Hours</option><option value="1">Monday</option><option value="2">Tuesday</option><option value="3">Wednesday</option><option value="4">Thursday</option><option value="5">Friday</option><option value="6">Saturday</option><option value="7">Sunday</option><option value="8">Weekly</option><option value="9">Monthly</option>')).val(this.rules[uid].applywhen);


	this.domObj.find(".nutrients").each(function() {
		popNutrients(this, obj.foodBuilder, obj.exerciseBuilder);
	});
	this.domObj.find(".rulesinput").each(function() {
		obj.popInputs(this);
	});
	
	var obj = this;
	
	/*this.domObj.find("#createrule").click(function(e) {
		e.preventDefault();
		obj.domObj.find("#savedrules").append('<div class="savedrule" style="padding: 6px; position: relative;"><span style="position: absolute; right: 3px; top: 3px; display: inline-block;"><a href="#" class="removerule" style="color: #ff0000; font-size: 1.2em;">-</a></span><label contenteditable="true">New Rule</label></div>');
	});*/
	
	this.domObj.find("select.andor").each(function() {
		popOperand(this);
	});
		
		
	this.domObj.find(".theexpression").each(function() {
		var exp = new Widget('Expression', {vars: obj.vars, inputs: obj.inputs } );
		exp.render($(this));
	});
	
	attachRuleOptions(this.domObj.find(".ruleline"), this);
	
	this.domObj.find("#addrule").click(function(e) {
		e.preventDefault();
		e.stopPropagation();
		if (obj.domObj.find("#rules").find(".ruleline").length > 0) {
			obj.domObj.find("#rules").append($('<div class="operand" style="display: table; height: 100%; width: 100%;"><div style="width: 100%; height: 100%; padding: 6px; display: table-cell; vertical-align:middle;"><select class="andor"><option value="and">AND</option><option value="or">OR</option></select>&nbsp;</div></div>'));
		}
		var toAppend = $('<div class="ruleline" style="position: relative; style="display:table;"><div style="padding: 3px; background-color: #eeeeee;display:table;width:100%;">\
		<span class="ruleinputcontainer" style="width:35%;text-align:right;display:table-cell;vertical-align:middle;"><select class="nutrients"></select><br /><select class="nutrientssub"></select></span>&nbsp;&nbsp;&nbsp;\
		<span class="ruleinputcontainer" style="width:15%;text-align:center;display:table-cell;vertical-align:middle;"><select class="operand"></select></span>&nbsp;&nbsp;&nbsp;\
		<span class="ruleinputcontainer" style="width:15%;text-align:center;display:table-cell;vertical-align:middle;"><span class="theexpression"></span></span>&nbsp;&nbsp;&nbsp;\
		<span class="ruleinputcontainer" style="width:35%;text-align:left;display:table-cell;vertical-align:middle;"><select class="units"></select></span></div>\
			</div>');
		attachRuleOptions(toAppend, obj);
		
		
		obj.popUnits(toAppend.find(".units"));
		popNutrients(toAppend.find(".nutrients"), obj.foodBuilder, obj.exerciseBuilder);
		obj.updateFunc(toAppend.find(".nutrients"));
		popOperand(toAppend.find("select.operand"));
		
		var exp = new Widget('Expression', {vars: obj.vars, inputs: obj.inputs });
		obj.expression = exp.widget;
		exp.render(toAppend.find(".theexpression"));
		obj.domObj.find("#rules").append(toAppend);
		
		obj.refreshSelects();
		
		obj.saveRule(obj.currRuleId);
		//console.log(obj.rules);
		
		saveWindowSession('CREATEPLANRULES', { data: JSON.stringify(obj.rules) }, function() {});
	});
	this.domObj.find("#addrulewhen").click(function(e) {
		e.preventDefault();
		if (obj.domObj.find("#ruleswhen").find(".ruleline").length > 0) {
			obj.domObj.find("#ruleswhen").append($('<div class="operand"><div style="padding: 3px;"><select class="andor"><option value="and">AND</option><option value="or">OR</option></select>&nbsp;</div></div>'));
		}
		var toAppend = $('<div class="ruleline" style="position: relative;"><div style="padding: 3px; background-color: #eeeeee;"><span class="ruleinputcontainer"><select class="rulesinput"></select></span>&nbsp;&nbsp;&nbsp;<span class="ruleinputcontainer"><select class="operand"></select></span>&nbsp;&nbsp;&nbsp;<span class="ruleinputcontainer"><select class="vals" style="display: none;"></select><span class="theexpression"></span></span>&nbsp;&nbsp;&nbsp;<span class="ruleinputcontainer"><select class="units"></select></span></div>\
			</div>');
		attachRuleOptions(toAppend, obj);
		
		obj.popUnits(toAppend.find(".units"));
		obj.popInputs(toAppend.find(".rulesinput"));
		popOperand(toAppend.find("select.operand"));
		
		var exp = new Widget('Expression', {vars: obj.vars, inputs: obj.inputs });
		obj.expression = exp.widget;
		exp.render(toAppend.find(".theexpression"));
		obj.domObj.find("#ruleswhen").append(toAppend);
		
		obj.refreshSelects();
		
		obj.saveRule(obj.currRuleId);
		saveWindowSession('CREATEPLANRULES', { data: JSON.stringify(obj.rules) }, function() {});
	});
	
	this.currRuleId = 0;
	
	for (var i = 0; i < this.rules[uid].rules.length; i++) {
		this.domObj.find("#addrule").triggerHandler('click');
		obj.domObj.find("#rules").find("select.andor:last").val(this.rules[uid].rules[i].andor);
		obj.domObj.find("#rules").find("select.operand:last").val(this.rules[uid].rules[i].operand);
		var nutrient_parts = this.rules[uid].rules[i].nutrient.split('|');
		nutrient = nutrient_parts[0];
		obj.domObj.find("#rules").find("select.nutrients:last").val(nutrient);
		obj.refreshSelects();
		obj.domObj.find("#rules").find("select.nutrientssub:last").val(nutrient_parts[1] || '');
		obj.domObj.find("#rules").find("select.units:last").val(this.rules[uid].rules[i].units);
		obj.domObj.find("#rules").find(".expression:last").text(this.rules[uid].rules[i].expression);
		formatExpression(obj.domObj.find("#rules").find(".expression:last").get(0), obj.expression);
	}
	for (var i = 0; i < this.rules[uid].ruleswhen.length; i++) {
		this.domObj.find("#addrulewhen").triggerHandler('click');
		obj.domObj.find("#ruleswhen").find("select.andor:last").val(this.rules[uid].ruleswhen[i].andor);
		obj.domObj.find("#ruleswhen").find("select.operand:last").val(this.rules[uid].ruleswhen[i].operand);
		obj.domObj.find("#ruleswhen").find("select.rulesinput:last").val(this.rules[uid].ruleswhen[i].nutrient);
		obj.domObj.find("#ruleswhen").find("select.units:last").val(this.rules[uid].ruleswhen[i].units);
		obj.refreshSelects();
		obj.domObj.find("#ruleswhen").find(".expression:last").text(this.rules[uid].ruleswhen[i].expression);
		obj.domObj.find("#ruleswhen").find(".vals:last").val(this.rules[uid].ruleswhen[i].expression);
		formatExpression(obj.domObj.find("#ruleswhen").find(".expression:last").get(0), obj.expression);
	}
	
	this.currRuleId = uid;
	
	this.refreshSelects();
	
}

RuleBuilder.prototype.build = function() {
	var obj = this;

	this.domObj = $('<div id="rulecontainer">\
	<span id="savedrules" style="overflow: auto; position: relative;"><span style="display: inline-block; position: absolute; right: 6px; top: 3px; color: #00aa00; font-size: 1.2em;"><a href="#" id="createrule">+</a></span></span>\
	<span id="rulecreate">\
		</span></div>');
		
		/*
*/

	var obj = this;
	
	$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=CREATEPLANRULES", 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {		
			//console.log(data.data.data);
			
			obj.built = true;
			
			try {
				obj.rules = JSON.parse(data.data.data);
				console.log(obj.rules);
				for (var uid in obj.rules) {
					if (! uid) {
						continue;
					}
					obj.domObj.find("#savedrules").append('<div uid="' + uid + '" class="savedrule" style="cursor: pointer; padding: 6px;  position: relative;"><label contenteditable="true">' + obj.rules[uid].name + '</label><span style="display: inline-block; position: absolute; right: 6px;"><a href="#" class="removerule" style="color: #ff0000;">x</a></span></div>');
				}
			} catch (e) {
				obj.rules = {}; 
			}
		}
	});

	this.domObj.find("#createrule").click(function(e) {
		e.preventDefault();
		e.stopImmediatePropagation();
		//obj.saveRule(obj.domObj.find("#savedrules").find(".savedrule.selected").attr('uid'));
		obj.saveRule(obj.currRuleId);
		var uid = uniqid();
		obj.domObj.find("#savedrules").find(".savedrule").removeClass("selected").css("background-color", "").css("color", "");
		obj.domObj.find("#savedrules").append('<div uid="' + uid + '" class="savedrule selected" style="cursor: pointer; padding: 6px; background-color: #0000ff; color: #ffffff; position: relative;"><label contenteditable="true">New Rule</label><span style="display: inline-block; position: absolute; right: 6px;"><a href="#" class="removerule" style="color: #ff0000;">x</a></span></div>');
		obj.setRule(uid);
		
		
		obj.saveRule(obj.currRuleId);
		//console.log(obj.rules);
		saveWindowSession('CREATEPLANRULES', { data: JSON.stringify(obj.rules) }, function() {});

		
	});
	
	this.domObj.find("#savedrules").on('click', '.removerule', function(e) {
		e.preventDefault();
		e.stopPropagation();
		if (confirm("Are you sure you want to delete this rule?")) {
			var uid = $(this).parentsUntil(".savedrule").parent().attr('uid');
			obj.removeRule(uid);
			
					obj.saveRule(obj.currRuleId);
					//console.log(obj.rules);
					saveWindowSession('CREATEPLANRULES', { data: JSON.stringify(obj.rules) }, function() {});

			
		}
	});
	
	this.domObj.find("#savedrules").on('click', '.savedrule', function(e) {
		if (obj.currRuleId != $(this).attr('uid')) {
			obj.saveRule(obj.currRuleId);
			e.preventDefault();
			e.stopPropagation();
			obj.domObj.find("#savedrules").find(".savedrule").removeClass("selected").css("background-color", "").css("color", "");
			$(this).addClass("selected").css("background-color", "#0000ff").css("color", "#ffffff");
			obj.setRule($(this).attr('uid'));
		}
	});
	
	this.domObj.on('change keyup', 'select,span,label', function(e) {
		if ($(e.target).is(".nutrients,.rulesinput")) {
			obj.refreshSelects();
		}
		obj.saveRule(obj.currRuleId);
		//console.log(obj.rules);
		saveWindowSession('CREATEPLANRULES', { data: JSON.stringify(obj.rules) }, function() {});
	});
	
	
	return true;
}



RuleBuilder.prototype.popInputs=function(select) {
			var inps = '';
			var def_inputs = ['Age', 'Gender'];
		for (var i = 0; i < def_inputs.length; i++) {
					inps += '<option value="' + def_inputs[i] + '">' + def_inputs[i] + '</option>';

		}
		var uinps = {};
		for (var  k in this.inputs) {
			if (this.inputs[k].container.data.type == "element" && this.inputs[k].container.domObj.find("select,input,textarea").length > 0) {
				uinps[(this.inputs[k].container.data.name || "unamed")] = true;
			}
		}
		for (var k in uinps) {
			inps += '<option value="' + k + '">' + k + '</option>';
		}
		$(select).append($(inps));

}

RuleBuilder.prototype.refreshInputs=function() {
	var obj = this;
		this.domObj.find(".nutrients").each(function() {
			var val = $(this).val();
			$(this).empty();
			popNutrients(this, obj.foodBuilder, obj.exerciseBuilder);
			obj.updateFunc(this);
			$(this).val(val);
		});
		this.domObj.find(".rulesinput").each(function() {
			var val = $(this).val();
			$(this).empty();
			obj.popInputs(this);
			$(this).val(val);
		});
}

RuleBuilder.prototype.refreshNutrients=function() {
	var obj = this;
	this.domObj.find(".nutrients").each(function() {
		var val = $(this).val();
		$(this).empty();
		popNutrients(this, obj.foodBuilder, obj.exerciseBuilder);
		$(this).val(val);
	});
}

RuleBuilder.prototype.refresh=function() {
	this.refreshInputs();
	this.refreshSelects();
}

RuleBuilder.prototype.getDomObj=function() {
	return this.domObj;
}
	
function popOperand(select) {
	$(select).append('<option value="=">=</option>');
	$(select).append('<option value="&lt;">&lt;</option>');
	$(select).append('<option value="&lt;=">&lt=</option>');
	$(select).append('<option value="&gt;">&gt;</option>');
	$(select).append('<option value="&gt;=">&gt;=</option>');
}

RuleBuilder.prototype.setHooks=function() {
	var obj = this;

}

RuleBuilder.prototype.destroy=function() {

}

RuleBuilder.prototype.isBuilt=function() {
	return this.built;
}
function ExerciseBuilder(params) {
	this.units = { 'Reps/Weight*Sets': true, 'Reps/Weight': true, 'Distance/Time': true,  'Distance':true, 'Reps':true, 'Time':true, 'Weight':true, 'Sets':true };
	
	this.refreshFunc = params.refreshFunc || function(){};
	
	this.exercises = {};
	this.exerciseTypes = {};
	
	this.built = false;
	
	/*this.exercises = {
		  '1': { name: 'Walking', checked: false, units: [ 'distance', 'time' ] }, 
		  '2': { name: 'Running', checked: false, units: [ 'distance', 'time' ] }, 
		  '3': { name: 'Biking', checked: false, units: [ 'distance', 'time' ] }, 
		  '4' : { name: 'Hiking', checked: false, units: [ 'distance', 'time' ] },
		  '5' : { name: 'Swimming', checked: false, units: [ 'distance', 'time' ] },
		  '6' : { name: 'Spinning', checked: false, units: [ 'distance', 'time' ] },
		  '7' : { name: 'Dancing', checked: false, units: [ 'distance', 'time' ] },
		  '8' : { name: 'Cross Country Skiing', checked: false, units: [ 'distance', 'time' ] },
		  '9' : { name: 'Kickboxing', checked: false, units: [ 'distance', 'time' ] },
		  '10' : { name: 'Aerobics Classes', checked: false, units: [ 'distance', 'time' ] },
		  '11' : { name: 'Cardio Machines', checked: false, units: [ 'distance', 'time' ] },


		  '400': { name: 'Squat Jump', checked: false, units: [ 'reps', 'time' ] },
		'401': { name: 'Lateral Jumps', checked: false, units: [ 'reps', 'time' ] },
		'402': { name: 'Power Skipping', checked: false, units: [ 'reps', 'time' ] },
		'403': { name: 'Tuck Jumps', checked: false, units: [ 'reps', 'time' ] },
		'404': { name: 'Alternate Leg Bounding', checked: false, units: [ 'reps', 'time' ] },
		'405': { name: 'Box Jumps', checked: false, units: [ 'reps', 'time' ] },
		'406': { name: 'Vertical Depth Jump', checked: false, units: [ 'reps', 'time' ] },
		'407': { name: 'Plyometric Push-up', checked: false, units: [ 'reps', 'time' ] },
		'408': { name: 'Split', checked: false, units: [ 'reps', 'time' ] },
		'409': { name: 'Burpee', checked: false, units: [ 'reps', 'time' ] },
		
		
		'500': { name: 'Ab Wheel', checked: false, units: [ 'reps', 'weight' ] },
		'501': { name: 'Barbell Rollout/Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'502': { name: 'Crossover Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'503': { name: 'Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'504': { name: 'Curl-Up', checked: false, units: [ 'reps', 'weight' ] },
		'505': { name: 'Decline-Bench Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'505': { name: 'Decline-Bench Oblique Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'506': { name: 'Ab Wheel', checked: false, units: [ 'reps', 'weight' ] },
		'507': { name: 'Double Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'508': { name: 'Dumbbell V-Sit', checked: false, units: [ 'reps', 'weight' ] },
		'509': { name: 'Exercise-Ball Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'510': { name: 'Hanging Knee Raise', checked: false, units: [ 'reps', 'weight' ] },
		'511': { name: 'Hanging Leg Raise', checked: false, units: [ 'reps', 'weight' ] },
		'512': { name: 'Hanging Oblique Raise', checked: false, units: [ 'reps', 'weight' ] },
		'513': { name: 'Hip Thrust', checked: false, units: [ 'reps', 'weight' ] },
		'514': { name: 'Leg Raise', checked: false, units: [ 'reps', 'weight' ] },
		'515': { name: 'Reverse Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'516': { name: 'Rope Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'517': { name: 'Rope Double Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'518': { name: 'Scissor Kick', checked: false, units: [ 'reps', 'weight' ] },
		'519': { name: 'Seated Knee-Up', checked: false, units: [ 'reps', 'weight' ] },
		'520': { name: 'Side Jackknife', checked: false, units: [ 'reps', 'weight' ] },
		'521': { name: 'Standing Cable Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'522': { name: 'Standing Oblique Cable Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'523': { name: 'Straight-Leg Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'524': { name: 'Supported Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'525': { name: 'Twisting Crunch', checked: false, units: [ 'reps', 'weight' ] },
		'526': { name: 'V-Up on Bench', checked: false, units: [ 'reps', 'weight' ] },
		'527': { name: 'Woodchopper', checked: false, units: [ 'reps', 'weight' ] },

		
		
			'600': { name: 'Back Extension', checked: false, units: [ 'reps', 'weight' ] },
		'601': { name: 'Bent-Over Barbell Row', checked: false, units: [ 'reps', 'weight' ] },
		'602': { name: 'Bent-Over Reverse-Grip Row', checked: false, units: [ 'reps', 'weight' ] },
		'603': { name: 'Close-Grip Pulldown', checked: false, units: [ 'reps', 'weight' ] },
		'604': { name: 'Dumbbell Pullover', checked: false, units: [ 'reps', 'weight' ] },
		'605': { name: 'Hammer-Strength Row', checked: false, units: [ 'reps', 'weight' ] },
		'605': { name: 'One-Arm Dumbbell Row', checked: false, units: [ 'reps', 'weight' ] },
		'606': { name: 'One-Arm Machine Row', checked: false, units: [ 'reps', 'weight' ] },
		'607': { name: 'Palm-Rotation Dumbbell Row', checked: false, units: [ 'reps', 'weight' ] },
		'608': { name: 'Pull-Up', checked: false, units: [ 'reps', 'weight' ] },
		'609': { name: 'Reverse-Grip Bent-Over Barbbell Row', checked: false, units: [ 'reps', 'weight' ] },
		'610': { name: 'Reverse-Grip Machine Pulldown', checked: false, units: [ 'reps', 'weight' ] },
		'611': { name: 'Reverse-Grip Pulldown', checked: false, units: [ 'reps', 'weight' ] },
		'612': { name: 'Seated Cable Row', checked: false, units: [ 'reps', 'weight' ] },
		'613': { name: 'Straight-Arm Lat Pulldown', checked: false, units: [ 'reps', 'weight' ] },
		'614': { name: 'T-Bar Row', checked: false, units: [ 'reps', 'weight' ] },
		'615': { name: 'wide-Grip Pulldown To Front', checked: false, units: [ 'reps', 'weight' ] },
		'616': { name: 'Wide-Grip Seated Cable Row', checked: false, units: [ 'reps', 'weight' ] },
		
		
		'700': { name: '3-Grip Barbell Curl', checked: false, units: [ 'reps', 'weight' ] },
		'701': { name: 'Alternating Dumbbell Curl', checked: false, units: [ 'reps', 'weight' ] },
		'702': { name: 'Alternating Incline Dumbbell Curl', checked: false, units: [ 'reps', 'weight' ] },
		'703': { name: 'Cable EZ-Bar Curl', checked: false, units: [ 'reps', 'weight' ] },
		'704': { name: 'Concentration Curl', checked: false, units: [ 'reps', 'weight' ] },
		'705': { name: 'Dual Dumbbell Hammer Curl', checked: false, units: [ 'reps', 'weight' ] },
		'705': { name: 'EZ-Bar Preacher Curl', checked: false, units: [ 'reps', 'weight' ] },
		'706': { name: 'Incline Spider Curl', checked: false, units: [ 'reps', 'weight' ] },
		'707': { name: 'Machine Curl', checked: false, units: [ 'reps', 'weight' ] },
		'708': { name: 'Multi-Angle Incline Dumbbell Curl', checked: false, units: [ 'reps', 'weight' ] },
		'709': { name: 'One-Arm Dumbbell Preacher Curl', checked: false, units: [ 'reps', 'weight' ] },
		'710': { name: 'Reverse EZ-Bar Curl', checked: false, units: [ 'reps', 'weight' ] },
		'711': { name: 'Scott Curl', checked: false, units: [ 'reps', 'weight' ] },
		'712': { name: 'Seated Barbell Curl', checked: false, units: [ 'reps', 'weight' ] },
		'713': { name: 'Standing Barbell Curl', checked: false, units: [ 'reps', 'weight' ] },
		'714': { name: 'Standing Cable Curl With Rope', checked: false, units: [ 'reps', 'weight' ] },
		'715': { name: 'Standing Dumbell Curl', checked: false, units: [ 'reps', 'weight' ] },
		'716': { name: 'Two-Arm high-Cable Curl', checked: false, units: [ 'reps', 'weight' ] },

		'800': { name: 'Donkey Calf Raise', checked: false, units: [ 'reps', 'weight' ] },
		'801': { name: 'Standing Calf Raise', checked: false, units: [ 'reps', 'weight' ] },
		'802': { name: 'Standing Calf Raise (barbell)', checked: false, units: [ 'reps', 'weight' ] },

		
		'900': { name: 'Cable Crossover', checked: false, units: [ 'reps', 'weight' ] },
		'901': { name: 'Decline Barbell Press', checked: false, units: [ 'reps', 'weight' ] },
		'902': { name: 'Decline Bench Dumbbell Flye', checked: false, units: [ 'reps', 'weight' ] },
		'903': { name: 'Dip', checked: false, units: [ 'reps', 'weight' ] },
		'904': { name: 'Drop Push-Up', checked: false, units: [ 'reps', 'weight' ] },
		'905': { name: 'Dumbbell Pullover', checked: false, units: [ 'reps', 'weight' ] },
		'905': { name: 'Exercise-Ball Dumbbell Flye', checked: false, units: [ 'reps', 'weight' ] },
		'906': { name: 'Exercise-Ball Push-Up', checked: false, units: [ 'reps', 'weight' ] },
		'907': { name: 'Flat-Bench Barbell Press', checked: false, units: [ 'reps', 'weight' ] },
		'908': { name: 'Flat-Bench Dumbbell Flye', checked: false, units: [ 'reps', 'weight' ] },
		'909': { name: 'Flat-Bench Dumbbell Press', checked: false, units: [ 'reps', 'weight' ] },
		'910': { name: 'Hammer-Strength Incline Machine Press', checked: false, units: [ 'reps', 'weight' ] },
		'911': { name: 'Incline Barbell Press', checked: false, units: [ 'reps', 'weight' ] },
		'912': { name: 'Incline-Bench Press', checked: false, units: [ 'reps', 'weight' ] },
		'913': { name: 'Incline-Bench Press (wide grip)', checked: false, units: [ 'reps', 'weight' ] },
		'914': { name: 'Incline Dumbbell Flye', checked: false, units: [ 'reps', 'weight' ] },
		'915': { name: 'Incline Dumbbell Press', checked: false, units: [ 'reps', 'weight' ] },
		'916': { name: 'Low-Pulley Cable Crossover', checked: false, units: [ 'reps', 'weight' ] },
		'917': { name: 'Machine Pullover', checked: false, units: [ 'reps', 'weight' ] },
		'918': { name: 'Neutral-Grip Flat-Bench Dumbbell Press', checked: false, units: [ 'reps', 'weight' ] },
		'919': { name: 'One-Arm Dumbbell Flat-Bench Press', checked: false, units: [ 'reps', 'weight' ] },
		'920': { name: 'Parallel-Bar Dip', checked: false, units: [ 'reps', 'weight' ] },
		'921': { name: 'Pec-Deck Flye', checked: false, units: [ 'reps', 'weight' ] },
		'922': { name: 'Push-Up', checked: false, units: [ 'reps', 'weight' ] },
		'923': { name: 'Smith-Machine Flat-Bench Press', checked: false, units: [ 'reps', 'weight' ] },
		'924': { name: 'Smith-Machine Incline Press', checked: false, units: [ 'reps', 'weight' ] },

		
				'1000': { name: 'Alternating Dumbbell Front Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1001': { name: 'Bent-Arm Dumbbell Lateral Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1002': { name: 'Bent-Over Lateral Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1003': { name: 'Dumbbell Front Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1004': { name: 'Dumbbell Lateral Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1005': { name: 'Dumbbell Upright Row', checked: false, units: [ 'reps', 'weight' ] },
		'1005': { name: 'EZ-Bar Upright Row', checked: false, units: [ 'reps', 'weight' ] },
		'1006': { name: 'Front-Overhead Barbell Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1007': { name: 'Incline-Bench Rear-Delt Flye', checked: false, units: [ 'reps', 'weight' ] },
		'1008': { name: 'Incline Front Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1009': { name: 'One-Arm Bent-Over Lateral Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1010': { name: 'One-Arm Dumbbell Front Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1011': { name: 'One-Arm Dumbbell Lateral Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1012': { name: 'Seated Dumbbell Press', checked: false, units: [ 'reps', 'weight' ] },
		'1013': { name: 'Seated Machine Press', checked: false, units: [ 'reps', 'weight' ] },
		'1014': { name: 'Seated Overhead Barbell Press', checked: false, units: [ 'reps', 'weight' ] },
		'1015': { name: 'Seated One-Arm Dumbbell Lateral Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1016': { name: 'Smith-Machine Shoulder Press', checked: false, units: [ 'reps', 'weight' ] },
		'1017': { name: 'Standing Behind-The-Back Cable Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1018': { name: 'Standing EZ-Bar Upright Row', checked: false, units: [ 'reps', 'weight' ] },
		'1019': { name: 'Standing One-Arm Cable Raise (D-handle)', checked: false, units: [ 'reps', 'weight' ] },
		'1020': { name: 'Standing Cable Reverse Flye', checked: false, units: [ 'reps', 'weight' ] },
		'1021': { name: 'Standing Rope Cable Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1022': { name: 'Upright Row', checked: false, units: [ 'reps', 'weight' ] },
		'1023': { name: 'Wide-Grip Upright Row', checked: false, units: [ 'reps', 'weight' ] },

		
		'1100': { name: 'Reverse Wrist Curl', checked: false, units: [ 'reps', 'weight' ] },
		'1101': { name: 'Wrist Curl', checked: false, units: [ 'reps', 'weight' ] },

		
		'1200': { name: 'Glute-Ham Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1201': { name: 'Lying Dumbbell Leg Curl', checked: false, units: [ 'reps', 'weight' ] },
		'1202': { name: 'Lying Leg Curl', checked: false, units: [ 'reps', 'weight' ] },
		'1203': { name: 'one-Legged  Machine Curl', checked: false, units: [ 'reps', 'weight' ] },
		'1204': { name: 'Romanian Dumbbell Deadlift', checked: false, units: [ 'reps', 'weight' ] },

		
		'1300': { name: 'Barbell Lunge', checked: false, units: [ 'reps', 'weight' ] },
		'1301': { name: 'Barbell Hack Squat', checked: false, units: [ 'reps', 'weight' ] },
		'1302': { name: 'Barbell Squat', checked: false, units: [ 'reps', 'weight' ] },
		'1303': { name: 'Dumbbell Step-Up', checked: false, units: [ 'reps', 'weight' ] },
		'1304': { name: 'Hack Squat', checked: false, units: [ 'reps', 'weight' ] },
		'1305': { name: 'Leg Extension', checked: false, units: [ 'reps', 'weight' ] },
		'1306': { name: 'Leg Press', checked: false, units: [ 'reps', 'weight' ] },
		'1307': { name: 'Mountain Climber', checked: false, units: [ 'reps', 'weight' ] },
		'1308': { name: 'Smith-Machine Squat', checked: false, units: [ 'reps', 'weight' ] },
		'1309': { name: 'Unilateral Leg Extension', checked: false, units: [ 'reps', 'weight' ] },
		'1310': { name: 'Unilateral Leg Press', checked: false, units: [ 'reps', 'weight' ] },

		'1400': { name: 'Mixed-Grip Barbell Shrug', checked: false, units: [ 'reps', 'weight' ] },
		'1401': { name: 'Dumbbell Shrug', checked: false, units: [ 'reps', 'weight' ] },

		
		
		'1500': { name: '45-Degree Lying Triceps Extension', checked: false, units: [ 'reps', 'weight' ] },
		'1501': { name: 'Bench Dip', checked: false, units: [ 'reps', 'weight' ] },
		'1502': { name: 'Close-Grip Dumbbell Press', checked: false, units: [ 'reps', 'weight' ] },
		'1503': { name: 'Close-Grip Push-Up', checked: false, units: [ 'reps', 'weight' ] },
		'1504': { name: 'Dumbbell Kickback', checked: false, units: [ 'reps', 'weight' ] },
		'1505': { name: 'Lying EZ-Bar Extension', checked: false, units: [ 'reps', 'weight' ] },
		'1506': { name: 'Lying Dumbbell Extension', checked: false, units: [ 'reps', 'weight' ] },
		'1507': { name: 'Machine Dip', checked: false, units: [ 'reps', 'weight' ] },
		'1508': { name: 'One-Arm Dumbbell Extension', checked: false, units: [ 'reps', 'weight' ] },
		'1509': { name: 'Parallel-Bar Dip', checked: false, units: [ 'reps', 'weight' ] },
		'1510': { name: 'Pressdown', checked: false, units: [ 'reps', 'weight' ] },
		'1511': { name: 'Rope Pressdown', checked: false, units: [ 'reps', 'weight' ] },
		'1512': { name: 'Seated Dumbbell Overhead Extension', checked: false, units: [ 'reps', 'weight' ] },
		'1513': { name: 'Seated Triceps Extension', checked: false, units: [ 'reps', 'weight' ] },
		'1514': { name: 'Single-Arm Overhead Dumbbell Extension', checked: false, units: [ 'reps', 'weight' ] },

	
		'1600': { name: 'Barbell Good Morning', checked: false, units: [ 'reps', 'weight' ] },
		'1601': { name: 'Dumbbell Deadlift + Upright Row', checked: false, units: [ 'reps', 'weight' ] },
		'1602': { name: 'Dumbbell Pullover + Press', checked: false, units: [ 'reps', 'weight' ] },
		'1603': { name: 'Dumbbell Push-Up + Row', checked: false, units: [ 'reps', 'weight' ] },
		'1604': { name: 'Dumbbell Squat + Overhead Press', checked: false, units: [ 'reps', 'weight' ] },
		'1605': { name: 'Traditional Deadlift', checked: false, units: [ 'reps', 'weight' ] },
		'1606': { name: 'Hang Clean', checked: false, units: [ 'reps', 'weight' ] },
		'1607': { name: 'High-Pull Snatch', checked: false, units: [ 'reps', 'weight' ] },
		'1608': { name: 'Power Dumbbell Raise', checked: false, units: [ 'reps', 'weight' ] },
		'1609': { name: 'Power Pull', checked: false, units: [ 'reps', 'weight' ] },
		'1610': { name: 'Push Press', checked: false, units: [ 'reps', 'weight' ] },
		'1611': { name: 'Underhand Press-Raise', checked: false, units: [ 'reps', 'weight' ] },

	
	};

	this.exerciseTypes = { 'aerobic' : 
							{ name:"Aerobic",  'groups': 
							    {
									'1': { id: 0, system:true, name: 'Cardiovascular', types:
										{ '1': true, 
											'2': true, 
											'3': true, 
											'4' : true,
											'5' : true,
											'6' : true,
											'7' : true,
											'8' : true,
											'9' : true,
											'10' : true,
											'11' : true},
									}
								 }
							},
							
						 'anaerobic' : 
							{ name: "Anaerobic",  'groups': 
							    { 
								'2': { id: 1, system:true, name: 'Abs', types:
									{ '500' : true, 
									'501' : true,
									'502' : true,
									'503' : true,
									'504' : true,
									'505' : true,
									'506' : true,
									'507' : true,
									'508' : true,
									'509' : true,
									'510' : true,
									'511' : true,
									'512' : true,
									'513' : true,
									'514' : true,
									'515' : true,
									'516' : true,
									'517' : true,
									'518' : true,
									'519' : true,
									'520' : true,
									'521' : true,
									'522' : true,
									'523' : true,
									'524' : true,
									'525' : true,
									'526' : true,
									'527' : true,
									}
								},
								'3': { id: 2, system:true, name: 'Back', types:
									{ '600' : true, 
									'601' : true,
									'602' : true,
									'603' : true,
									'604' : true,
									'605' : true,
									'606' : true,
									'607' : true,
									'608' : true,
									'609' : true,
									'610' : true,
									'611' : true,
									'612' : true,
									'613' : true,
									'614' : true,
									'615' : true,
									'616' : true,
									}
								},
								'4': { id: 3, system:true, name: 'Biceps', types:
									{ '700' : true, 
									'701' : true,
									'702' : true,
									'703' : true,
									'704' : true,
									'705' : true,
									'706' : true,
									'707' : true,
									'708' : true,
									'709' : true,
									'710' : true,
									'711' : true,
									'712' : true,
									'713' : true,
									'714' : true,
									'715' : true,
									'716' : true,
									}
								},
								
								'5': { id: 4, system:true, name: 'Calves', types:
									{ '800' : true, 
									'801' : true,
									'802' : true,
									}
								},

								'6': { id: 5, system:true, name: 'Chest', types:
									{ '900' : true, 
									'901' : true,
									'902' : true,
									'903' : true,
									'904' : true,
									'905' : true,
									'906' : true,
									'907' : true,
									'908' : true,
									'909' : true,
									'910' : true,
									'911' : true,
									'912' : true,
									'913' : true,
									'914' : true,
									'915' : true,
									'916' : true,
									'917' : true,
									'918' : true,
									'919' : true,
									'920' : true,
									'921' : true,
									'922' : true,
									'923' : true,
									'924' : true,
									}
								},

								'7': { id: 6, system:true, name: 'Delts', types:
									{ '1000' : true, 
									'1001' : true,
									'1002' : true,
									'1003' : true,
									'1004' : true,
									'1005' : true,
									'1006' : true,
									'1007' : true,
									'1008' : true,
									'1009' : true,
									'1010' : true,
									'1011' : true,
									'1012' : true,
									'1013' : true,
									'1014' : true,
									'1015' : true,
									'1016' : true,
									'1017' : true,
									'1018' : true,
									'1019' : true,
									'1020' : true,
									'1021' : true,
									'1022' : true,
									'1023' : true,
									}
								},

								
								'8': { id: 7, system:true, name: 'Forearms', types:
									{ '1100' : true, 
									'1101' : true,
			
									}
								},

								'9': { id: 8, system:true, name: 'Hamstrings', types:
									{ '1200' : true, 
									'1201' : true,
									'1202' : true,
									'1203' : true,
									'1204' : true,
									}
								},
								
								'10': { id: 9, system:true, name: 'Quads', types:
									{ '1300' : true, 
									'1301' : true,
									'1302' : true,
									'1303' : true,
									'1304' : true,
									'1305' : true,
									'1306' : true,
									'1307' : true,
									'1308' : true,
									'1309' : true,
									'1310' : true,
									}
								},
								
								'11': { id: 10, system:true, name: 'Traps', types:
									{ '1400' : true, 
									'1401' : true,
									}
								},
								
								'12': { id: 11, system:true, name: 'Triceps', types:
									{ '1500' : true, 
									'1501' : true,
									'1502' : true,
									'1503' : true,
									'1504' : true,
									'1505' : true,
									'1506' : true,
									'1507' : true,
									'1508' : true,
									'1509' : true,
									'1510' : true,
									'1511' : true, 
									'1512' : true,
									'1513' : true,
									'1514' : true,
									}
								},
								
								'13': { id: 12, system:true, name: 'Combos', types:
									{ '1600' : true, 
									'1601' : true,
									'1602' : true,
									'1603' : true,
									'1604' : true,
									'1605' : true,
									'1606' : true,
									'1607' : true,
									'1608' : true,
									'1609' : true,
									'1610' : true,
									'1611' : true, 
									}
								},


								'14': { id: 13, system:true, name: 'Power (Plyometrics)', types: {		 
										 
										 '400': true,
										'401': true,
										'402': true,
										'403': true,
										'404': true,
										'405': true,
										'406': true,
										'407': true,
										'408': true,
										'409': true,
									
								 
								 }
								}
							}
						}
						
	};	*/

	this.anycardio = false;
	this.anystrength = false;
	
	params = params || {};
	this.userEditing = params.userEditing || false;
	this.chooseCallback = params.chooseCallback || function(){};
}

ExerciseBuilder.prototype.save=function(callback) {
	var obj = this;
	saveWindowSession('CREATEPLANEXERCISE', { exercises: JSON.stringify(this.exercises), exerciseTypes: JSON.stringify(this.exerciseTypes), anycardio: this.anycardio, anystrength: this.anystrength }, function() {
		
		if (obj.userEditing) {
			$.ajax( { url: "/service/SaveUserExerciseData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { plan_id: 1 },
				success: function( data ) {	
					if (callback) {
						callback();
					}
				}
			});
			
		} else {
			if (callback) {
				callback();
			}
		}
		
	});
	this.refreshFunc();
}

ExerciseBuilder.prototype.popExercise=function(select) {
	/*if (this.anycardio == true || this.anycardio == 'true') {
		$(select).append($('<option value="-1">Any Cardio</option>'));
	}
	if (this.anystrength == true || this.anystrength == 'true') {
		$(select).append($('<option value="-2">Any Strength Training</option>'));
	}
	
	for (var t in this.exerciseTypes) {
		for (var ex in this.exerciseTypes[t].types) {
			if (this.exerciseTypes[t].types[ex].checked) {
				$(select).append($('<option value="' + ex + '">' + this.exerciseTypes[t].types[ex].name + '</option>'));
			}
		}
		
	}*/
}


ExerciseBuilder.prototype.setDropdown=function() {
	var obj = this;


	/*var html = '<select id="exercise_types" multiple="multiple">';
	
	html += '<option value="' + '-1' + '" ' + ((this.anycardio == true || this.anycardio == 'true') ? 'selected="selected"' : "") + '>' + 'Any Cardiovascular' + '</option>';
	html += '<option value="' + '-2' + '" ' + ((this.anystrength == true || this.anystrength == 'true') ? 'selected="selected"' : "") + '>' + 'Any Strength Training' + '</option>';
	for (var type in this.exerciseTypes) {
		html += '<optgroup label="' + this.exerciseTypes[type].name + '" id="' + type + '" >';
		for (var id in this.exerciseTypes[type].types) {
			html += '<option value="' + id  + '" ' + (this.exerciseTypes[type].types[id].checked ? 'selected="selected"' : "") + '>' + this.exerciseTypes[type].types[id].name + '</option>';
		}
		html += '</optgroup>';
	}
	
	html += '</select>'*/
	
	var cont_width = '90vw';
	if (this.userEditing) {
			cont_width = '70vw';
	}
	
	var html = '<span id="exercise_types" style="display: inline-block; width: 250px; width: ' + cont_width + '; max-width: 400px; height: 200px; border: 1px solid #000000; border-radius: 3px; overflow-y: auto;">';
	//html += '<option value="' + '-1' + '" ' + ((this.anyfood == true || this.anyfood == 'true') ? 'selected="selected"' : "") + '>' + 'Any Food' + '</option>';
	
	if (! obj.userEditing) {
	
		html += '<div style="padding: 3px; text-align:left;"><input type="checkbox" value="-1" ' + ((this.anycardio == true || this.anycardio == 'true') ? 'checked="checked"' : "") + ' /> <label>Any Aerobic</label></div>';
		html += '<div style="padding: 3px; text-align:left;"><input type="checkbox" value="-2" ' + ((this.anystrength == true || this.anystrength == 'true') ? 'checked="checked"' : "") + ' /> <label>Any Anaerobic</label></div>';
	}

	
	for (var type in this.exerciseTypes) {
	if (obj.userEditing) {
			html += '<div style="color: #000000; font-weight: bold; text-align:center; padding:10px;font-size:18px;">&nbsp;&nbsp;' + this.exerciseTypes[type].name + '&nbsp;</div>';

	}
	else {
		//html += '<optgroup label="' + this.foodTypes[type].name + '" id="' + type + '" >';
		html += '<div style="color: #000000; font-weight: bold; text-align:center; padding:4px;">&nbsp;&nbsp;' + this.exerciseTypes[type].name + '&nbsp;</div>';
			}
			/* = { 'aerobic' : 
							{ name:"Aerobic",  'groups': 
							    {
									'1': { id: 0, system:true, name: 'Cardiovascular', types:
										{ '1': true, 
			*/
			var keys = [];
			for (var grp in this.exerciseTypes[type].groups) {
				keys.push(grp);
			}
			keys.sort(function(a, b) {
				if(obj.exerciseTypes[type].groups[a].name < obj.exerciseTypes[type].groups[b].name) return -1;
				if(obj.exerciseTypes[type].groups[a].name > obj.exerciseTypes[type].groups[b].name) return 1;
				return 0;
			});
			
			for (var p = 0; p < keys.length; p++) {
				var grp = keys[p];
			//for (var grp in this.exerciseTypes[type].groups) {
				var edit_str = '';
				
				var types = [];
				for (var id in this.exerciseTypes[type].groups[grp].types) {
					types.push(id);
				}
				
				types.sort(function(a, b) {
					if (obj.exercises[a].system && ! obj.exercises[b].system) return -1;
					if (! obj.exercises[a].system && obj.exercises[b].system) return 1;
					if(obj.exercises[a].name < obj.exercises[b].name) return -1;
					if(obj.exercises[a].name  > obj.exercises[b].name ) return 1;
					return 0;
				});
				
				if (! this.exerciseTypes[type].groups[grp].system && ! this.exerciseTypes[type].groups[grp].noremove) {
					edit_str = '<a href="#" exerciseidx="' + this.exerciseTypes[type].groups[grp].id + '" class="delete deletetype" exercisetype="' + type + '">X</a>';
				}
				if (obj.userEditing) {
					var to_add = false;
					//for (var id in this.exerciseTypes[type].groups[grp].types) {
					for (var h = 0; h < types.length; h++) {
						var id = types[h];
						if (String(id).substr(0, 1) == 'd') {
								to_add = true;
								break;
						}
					}
					if (to_add) {
						html += '<div style="color: #cccccc; font-style: italic; text-align:center; padding:4px;font-size: 18px;">&nbsp;&nbsp;' + this.exerciseTypes[type].groups[grp].name + '&nbsp; ' + edit_str + '</div>';
					}
				}

				if (! obj.userEditing) {
					html += '<div style="color: #cccccc; font-style: italic; text-align:center; padding:4px;">&nbsp;&nbsp;' + this.exerciseTypes[type].groups[grp].name + '&nbsp; ' + edit_str + '</div>';
				}
				//for (var id in this.exerciseTypes[type].groups[grp].types) {
				for (var h = 0; h < types.length; h++) {
						var id = types[h];
					//html += '<option value="' + id  + '" ' + (this.foodTypes[type].types[id].checked ? 'selected="selected"' : "") + '>' + this.foodTypes[type].types[id].name + '</option>';
					var edit_str = '';
					if (String(id).substr(0, 1) == 'd') {
						edit_str = '<a href="#" class="editexercise" exerciseid="' +  id + '" exercisetype="' + type + '"><img src="/images/editfield.png" /></a>'
						if ( obj.userEditing) {
							html += '<div style="padding: 3px; text-align:left;font-size: 16px;"><label>' + this.exercises[id].name + '</label>&nbsp; ' + edit_str + '</div>';
						}
					}
					
					if (! obj.userEditing) {
					
							html += '<div style="padding: 3px; text-align:left;"><input type="checkbox" value="' + id + '" ' + (this.exercises[id].checked ? 'checked="checked"' : "") + ' /> <label>' + this.exercises[id].name + '</label>&nbsp; ' + edit_str + '</div>';
		
					}
				}
			}
		//html += '</optgroup>';
	}
	
	html += '</span>';
	
	this.domObj.find("#exercise_types_container").html(html);
	
	this.domObj.find(".editexercise").click(function(e) {
		e.preventDefault();
		var id = $(this).attr('exerciseid');
		var type = $(this).attr('exercisetype');
		obj.editExercise(id, '', type, [], []);
	});
	this.domObj.find(".deletetype").click(function(e) {
		e.preventDefault();
		if (confirm("Are you sure you want to delete this category?")) {
			var idx = $(this).attr('exerciseidx');
			var type = $(this).attr('exercisetype');
			
			for (var i in  obj.exerciseTypes[type].groups) {
				if (obj.exerciseTypes[type].groups[i].id == idx) {
					delete obj.exerciseTypes[type].groups[i];
					//obj.exerciseTypes[type].groups.splice(i, 1);
					break;
				}
			}
			
			obj.setDropdown();
			obj.save();
			
			obj.domObj.find("#editexercise").find("#exercise_type").triggerHandler('change');

		}

	});
	
	this.domObj.find("#exercise_types input[type=checkbox]").click(function() {
		if ($(this).val() == '-1') {
		obj.anycardio = $(this).is(":checked");
		obj.save();
		return;
	}
	if ($(this).val() == '-2') {
		obj.anystrength = $(this).is(":checked");
		obj.save();
		return;
	}
		obj.exercises[$(this).val()].checked = $(this).is(":checked");
					//alert($(event.target).prop('type'));
					//if ($(event.target).attr('type') != 'checkbox') {
					//	event.preventDefault();
					//}
					obj.save();
					//obj.editExercise(id, obj.exerciseTypes[type].types[id].name, type, obj.exerciseTypes[type].types[id].units);
					return;

	});
	
	/*this.domObj.find("#exercise_types_container").html(html);
	
		$(this.domObj).find("#exercise_types").multiselect({
			header: false,
		position: {
      my: 'left bottom',
      at: 'left top'
   },
   click: function(event, ui){
	if (ui.value == '-1') {
		obj.anycardio = ui.checked;
		obj.save();
		return;
	}
	if (ui.value == '-2') {
		obj.anystrength = ui.checked;
		obj.save();
		return;
	}
		for (var type in obj.exerciseTypes) {
			for (var id in obj.exerciseTypes[type].types) {
				if (id === ui.value) {
					obj.exerciseTypes[type].types[id].checked = ui.checked;
					//alert($(event.target).prop('type'));
					//if ($(event.target).attr('type') != 'checkbox') {
					//	event.preventDefault();
					//}
					obj.save();
					obj.editExercise(id, obj.exerciseTypes[type].types[id].name, type, obj.exerciseTypes[type].types[id].units);
					return;
				}
			}
		}
   }});*/

}

ExerciseBuilder.prototype.getBaseData=function() {
	var obj = this;
	$.ajax( { url: "/service/GetBaseExercise.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {	
			obj.built = true;
			obj.exerciseTypes = data.data.exerciseTypes;
			obj.exercises = data.data.exercises;
			//alert(JSON.stringify(obj.exercises));
			obj.setDropdown();
			obj.refreshFunc();
		}
	});
}

ExerciseBuilder.prototype.getBaseUserData=function(func) {
	var obj = this;
	$.ajax( { url: "/service/GetBaseExercise.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {	
			obj.exerciseTypes = data.data.exerciseTypes;
			obj.exercises = data.data.exercises;
			obj.setDropdown();
			func();
		}
	});
}

ExerciseBuilder.prototype.build = function() {
	var obj = this;

	
	if (this.userEditing) {
		this.domObj = $('<div class="scrollblock" style="overflow-y: scroll;"><h3>Add Exercise:</h3><br /><br /><span id="exercise_types_container" style="display: inline-block; width: 100%;"></span><div style="padding-top: 15px;"><span id="add_exercise" class="btn-gray">Add Custom Exercise</span></div><div id="editexercise" style="padding-top: 25px;"></div></div>');
	}
	else {
		this.domObj = $('<div  class="scrollblock" style="overflow-y: scroll;"><h3>Plan Includes:</h3><br /><br /><span id="exercise_types_container" style="display: inline-block; width: 100%;"></span><div style="padding-top: 15px;"><span id="add_exercise" class="btn-gray">Add Custom Exercise</span></div><div id="editexercise" style="padding-top: 25px;"></div></div>');

	}
	
	this.setDropdown();
	
	
if (this.userEditing) {
	$.ajax( { url: "/service/LoadPlan.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { plan_id : ("1|" + g_userInfo.b4b_id) },
				success: function( data ) {		
					$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=CREATEPLANEXERCISE", 
						cache: false,
						dataType: "json", 
						data: {},
						success: function( data ) {		
							//console.log(data.data.data);
							try {
								if (typeof(data.data.exerciseTypes) == 'undefined') {
									obj.getBaseData();
								}
								else {
									obj.built = true;
								
									obj.exerciseTypes = JSON.parse(data.data.exerciseTypes);
									obj.exercises = JSON.parse(data.data.exercises);
									obj.anycardio = data.data.anycardio;
									obj.anystrength = data.data.anystrength;
									obj.setDropdown();
									obj.refreshFunc();
								}
							} catch (e) {
								//obj.rules = {}; 
								
								obj.getBaseData();
							}
						}
					});	
				}
	});
}
else {
	$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=CREATEPLANEXERCISE", 
			cache: false,
			dataType: "json", 
			data: {},
			success: function( data ) {		
				//console.log(data.data.data);
				try {
					if (typeof(data.data.exerciseTypes) == 'undefined') {
						obj.getBaseData();
					}
					else {
						obj.built = true;
					
						obj.exerciseTypes = JSON.parse(data.data.exerciseTypes);
						obj.exercises = JSON.parse(data.data.exercises);
						obj.anycardio = data.data.anycardio;
						obj.anystrength = data.data.anystrength;
						obj.setDropdown();
						obj.refreshFunc();
					}
				} catch (e) {
					//obj.rules = {}; 
					
					obj.getBaseData();
				}
			}
		});		
	
}
	
	return true;
}

ExerciseBuilder.prototype.getDomObj=function() {
	return this.domObj;
}
	
ExerciseBuilder.prototype.editExercise=function(id, name, type, cats, units) {
			var unitoptions = '';
			var obj = this;
			cats = [];
			
			var fid = 0;
			
			if (id) {
				name = obj.exercises[id].name;	
				units = obj.exercises[id].units;
			}
			
		var lunits = [];	
			
		for (var u in obj.units) {
			if (units.indexOf(u) != -1) {	
				lunits.push(u);
			}
			unitoptions += '<option value="' + u + '" ' + (units.indexOf(u) != -1 ? 'selected="selected"' : '') + '>' + u + '</option>';
		}
		obj.domObj.find("#editexercise").html('<hr><h3>Edit Exercise:</h3><span style="text-align: left; display: table; margin-left: auto; margin-right: auto;"><fieldset><ul>\
		<li><label>Name: </label> <span class="mcenter"><input type="text" id="exercise_name" /></span></li>\
		<li style="padding-bottom: 2px;"><label>Type: </label> <span class="mcenter"><select id="exercise_type"></select></span></li>\
		<li style="padding-bottom: 2px;"><label>Categories: </label> <span class="mcenter"><select id="exercise_cat" multiple="multiple"></select></span></li>\
		<li style="padding-top: 2px;"><label></label><span class="mcenter"><span id="add_cat" class="btn-gray" style="margin-left: auto; margin-right: auto;">Add Custom Category</span></span></li>\
		<li><label>Progress: </label><span class="mcenter"><select multiple="multiple" id="exercise_units">' + unitoptions + '</select></span></li>\
		<li><label>Pic:</label><span class="mcenter"><span id="imageblock">No pic uploaded.</span></span></li>\
		<li><label></label><span class="mcenter"><a href="#" id="addexpic" class="btn-gray">Upload</a></span></li>\
		<li><label>Calorie Formula:</label><span class="mcenter"><span class="theexpression"></span></span></li>\
		<li style="position: relative; height: 110px; display: table;"><label class="middle" style="vertical-align:middle; display: inline-block; ">Description:</label><span class="mcenter" style="display: inline-block"><textarea id="exdesc" style="height: 100px;"></textarea></span></li>\
		</ul></fieldset></span>\
		<div style="padding-top: 15px;"><span class="btn-green" id="save_exercise">Save</span>&nbsp;<span class="btn-red" id="delete_exercise">Delete</span></div>').slideDown();
		
		
		var expression = new Widget('Expression', { vars: {  weight: true, age: true, time: true}, inputs: {} } );
		expression.render(this.domObj.find(".theexpression"));
		if (id) {
			obj.domObj.find(".expression").text(obj.exercises[id].calformula);
			formatExpression(obj.domObj.find(".expression").get(0), expression.widget);
			obj.domObj.find("#exdesc").val(obj.exercises[id].description || '');
		}
		
		obj.domObj.find("#addexpic").click(function(e) {
			e.preventDefault();
			var widget = new Widget("ImageUpload", { hidden: true, callback: function(fid2) { 
			fid = fid2;
			if (fid) {
				var str = '';
				if (fid.substr(0, 4) == 'vid_') {
					str += '<span class="postingimage feeditempic" fid="' + fid + '" style="display: inline-table; width: 200px; position: relative;"><span style="position: absolute; right: 5px; botton: 5px;"><a href="#" class="removepic" fid="' + fid + '" style="color:red;">X</a></span>\
					<video   style="width: 100%; height: 100%; display: inline-block; vertical-align:middle;" controls>\
					<source src="/service/GetFile.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + fid + '" type="video/mp4">\
					</video>\
					</span>';				
				}
				else {
					str += '<span class="postingimage feeditempic" fid="' + fid + '" style="display: inline-table; width: 200px; position: relative;"><span style="position: absolute; right: 5px; botton: 5px;"><a href="#" class="removepic" fid="' + fid + '" style="color:red;">X</a></span><img  src="/service/GetFile.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + fid + '" style="width: 100%; height: 100%; display: inline-block; vertical-align:middle;"/></span>';		
				}
				obj.domObj.find("#imageblock").html(str);
				
				if (id) {
					obj.exercises[id].fid = fid;
					obj.save();
				}
				
				if (PREVPOPUP && PREVPOPUP.length > 0) {
					
					$('body').unblock();
					$('body').append(PREVPOPUP);
					PREVPOPUP = null;
					return;
				}
				
				
			}
		}}
		);
		widget.renderIntoPopup('80%', '80%', $(this));

		
		});
		
		if (id && obj.exercises[id].fid) {
			var str = '';
			if (obj.exercises[id].fid.substr(0, 4) == 'vid_') {
					str += '<span class="postingimage feeditempic" fid="' + obj.exercises[id].fid + '" style="display: inline-table; width: 200px; position: relative;"><span style="position: absolute; right: 5px; botton: 5px;"><a href="#" class="removepic" fid="' + obj.exercises[id].fid + '" style="color:red;">X</a></span>\
					<video   style="width: 100%; height: 100%; display: inline-block; vertical-align:middle;" controls>\
					<source src="/service/GetFile.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + obj.exercises[id].fid + '" type="video/mp4">\
					</video>\
					</span>';				
				}
				else {
					str += '<span class="postingimage feeditempic" fid="' + obj.exercises[id].fid + '" style="display: inline-table; width: 200px; position: relative;"><span style="position: absolute; right: 5px; botton: 5px;"><a href="#" class="removepic" fid="' + obj.exercises[id].fid + '" style="color:red;">X</a></span><img  src="/service/GetFile.php?session_id=' + g_sessionId + "&access_code=" + g_accessCode + "&pic=" + obj.exercises[id].fid + '" style="width: 100%; height: 100%; display: inline-block; vertical-align:middle;"/></span>';		
				}
				obj.domObj.find("#imageblock").html(str);
		}
		
		obj.domObj.off('click', '.removepic').on('click', '.removepic', function(e) {
					e.preventDefault();
					var fid = $(this).attr('fid');
					obj.domObj.find(".postingimage[fid=" + fid + "]").fadeOut('slow', function() {
						$(this).remove();
						obj.exercises[id].fid = 0;
						fid = 0;
						obj.save();
					});
				});
		
		
		for (var k in obj.exerciseTypes) {
			obj.domObj.find("#exercise_type").append($('<option value="' + k + '">' + obj.exerciseTypes[k].name + '</option>'));
		}
		

		obj.domObj.find("#editexercise").find("#exercise_name").val(name);
		obj.domObj.find("#editexercise").find("#exercise_type").val(type);
		
		
				obj.domObj.find("#exercise_cat").multiselect({
			header: true,
		position: {
      my: 'left bottom',
      at: 'left top'
   },
   click: function(event, ui){
		if (ui.checked) {
			if (cats.indexOf(ui.value) == -1) {
				cats.push(ui.value);
				//alert(ui.value);
			}
			
		}
		else {
			if (cats.indexOf(ui.value) != -1) {
				cats.splice(cats.indexOf(ui.value), 1);
			}
		}
   }});
   
   obj.domObj.find("#editexercise").find("#exercise_type").change(function() {
			var catselect = obj.domObj.find("#editexercise").find("#exercise_cat");
			catselect.empty();
			cats = [];
			for (var k in obj.exerciseTypes[$(this).val()].groups) {
				var val = k + "_" + $(this).val();
				var selected = '';
				if (id && typeof(obj.exerciseTypes[$(this).val()].groups[k].types[id]) != 'undefined') {
					selected = ' selected="selected" ';
					cats.push(val);
				}
				catselect.append($('<option ' + selected + ' value="' + val  + '">' + obj.exerciseTypes[$(this).val()].groups[k].name + '</option>'));
			}
			obj.domObj.find("#exercise_cat").multiselect('refresh');
		}).triggerHandler('change');

		
		obj.domObj.find("#exercise_units").multiselect({
			header: true,
		position: {
      my: 'left bottom',
      at: 'left top'
   },
   click: function(event, ui){
		if (ui.checked) {
			if (lunits.indexOf(ui.value) == -1) {
				lunits.push(ui.value);
				//alert(ui.value);
			}
			
		}
		else {
			if (lunits.indexOf(ui.value) != -1) {
				lunits.splice(lunits.indexOf(ui.value), 1);
			}
		}
   }});
   
   obj.domObj.find("#add_cat").click(function(e) {
   
		var func = function(type, newname) {
			for (var i in obj.exerciseTypes[type].groups) {
				if (obj.exerciseTypes[type].groups[i].name.trim().toLowerCase() == newname) {
					return true;
				}
			}
			return false;
		}
			e.preventDefault();
			var newname = prompt("Please enter name for new category.");
			if (newname) {
				 var type = obj.domObj.find("#editexercise").find("#exercise_type").val();
				if (! func(type, newname)) {
					obj.exerciseTypes[type].groups[uniqid()] = { id: uniqid(), system: false, name: newname, types: { } };
					obj.save();
					obj.setDropdown();
					obj.domObj.find("#editexercise").find("#exercise_type").triggerHandler('change');
				}
				else {
					alert("Category already exists!");
				}
			}
		});
   
   obj.domObj.find("#delete_exercise").click(function(e) {
	e.preventDefault();
		if (id) {
		
			if (confirm("Are you sure you want to delete this exercise?")) {
		
		
				for (var k in obj.exerciseTypes) {
					for (var i in obj.exerciseTypes[k].groups) {
						for (var type in obj.exerciseTypes[k].groups[i].types) {
							if (type == id) {
								delete obj.exerciseTypes[k].groups[i].types[type];
							}
						}
					}
				}
			
				obj.save();
				obj.setDropdown();
				obj.domObj.find("#editexercise").slideUp();
			
			}
		}
		else {
			obj.domObj.find("#editexercise").slideUp();
		}
	});
   
   obj.domObj.find("#save_exercise").click(function(e) {
	e.preventDefault();
	
	if (cats.length == 0) {
		alert("You must select a category for this exercise.");
		return;
	}
	
	var checked = obj.userEditing;//false;
	
	var name = obj.domObj.find("#exercise_name").val();
	var etype = obj.domObj.find("#exercise_type").val();
	
	
		if (id) {
		
			checked = obj.exercises[id].checked || obj.userEditing;
		
			for (var k in obj.exerciseTypes) {
				for (var i in  obj.exerciseTypes[k].groups) {
					for (var type in obj.exerciseTypes[k].groups[i].types) {
						if (type == id) {
							delete obj.exerciseTypes[k].groups[i].types[type];
						}
					}
				}
			}
		
		}
		
		if (! id) {
			id = uniqid();
		}
		obj.exercises[id] = {};
		obj.exercises[id].name = name;
		obj.exercises[id].checked = checked;
		obj.exercises[id].units = lunits;
		obj.exercises[id].fid = fid;
		obj.exercises[id].calformula = obj.domObj.find(".expression").text();
		obj.exercises[id].description = obj.domObj.find("#exdesc").val();

		
		
		for (var i = 0; i < cats.length; i++) {
		
			var cat_parts = cats[i].split('_');
			var ctype = cat_parts[1];
			var cidx = cat_parts[0];
			obj.exerciseTypes[ctype].groups[cidx].types[id] = true;
		
		}

	
		obj.save();
		obj.setDropdown();
		
		obj.domObj.find("#editexercise").slideUp();
		
		
		return;
	
	
	if (id) {
		for (var type in obj.exerciseTypes) {
			for (var id2 in obj.exerciseTypes[type].types) {
				if (id2 === id) {
					//obj.exerciseTypes[type].types[k].checked = ui.checked;
					//alert($(event.target).prop('type'));
					//if ($(event.target).attr('type') != 'checkbox') {
					//	event.preventDefault();
					//}
					//obj.editExercise(obj.exerciseTypes[type].types[k].id, k, obj.exerciseTypes[type].id, obj.exerciseTypes[type].types[k].units);
					checked = obj.exerciseTypes[type].types[id].checked;
					if (type == etype) {
						obj.exerciseTypes[type].types[id].name = name;
						obj.exerciseTypes[etype].types[id].units = lunits;
						obj.save();
						obj.setDropdown();
						return;
					}
					else {
						delete obj.exerciseTypes[type].types[id];
						break;
					}
					
				}
			}
		}
		
		
	}
	
	//delete obj.exerciseTypes["cardio"].types[id];
	//	delete obj.exerciseTypes["strength"].types[id];
		id = uniqid();
		obj.exerciseTypes[etype].types[id] = {};
		obj.exerciseTypes[etype].types[id].name = name;
		obj.exerciseTypes[etype].types[id].units = lunits;
		obj.exerciseTypes[etype].types[id].checked = checked;
		obj.save();
		obj.setDropdown();
		return;
	
	
   });
   
   

}

ExerciseBuilder.prototype.preContentSet=function(domO) {
	this.domObj.height(domO.height()-10);
}

ExerciseBuilder.prototype.resize=function() {
	/*if (this.domObj.hasClass("resizescroll")) {
		this.domObj.height($(".blockUI.blockMsg.blockElement").height() - 20);
	}*/
	this.domObj.height(this.domObj.parent().height() - 10);
}


ExerciseBuilder.prototype.setHooks=function() {
	var obj = this;
	this.domObj.find("#add_exercise").click(function(e) {
		e.preventDefault();
		obj.editExercise(0, 'New Exercise', 'aerobic', [], []);
	});
	//if (this.domObj.hasClass("resizescroll")) {
		//this.domObj.height($(".blockUI.blockMsg.blockElement").height() - 20);
	//}
	
}

ExerciseBuilder.prototype.destroy=function() {
	if (this.chooseCallback) {
		this.chooseCallback();
	}
}

ExerciseBuilder.prototype.isBuilt=function() {
	return this.built;
}
function FoodBuilder(params) {
	this.units = { 'grams':true, 'ounces':true, 'liters':true, 'lbs':true };
	
	
//

this.foodTypes = {};
this.foods = {};

	this.built = false;

	/*this.foodTypes = { 
						'meat' : { system: true, name:"Meat", foods: ['1','2','3','4','5','6','7'] },
						'eggs' : { system: true, name: "Eggs", foods: ['500','501','502','503','504'] },
						'seafood':  { system: true, name: "Seafood", foods: ['600','601','602','603','604','605','606','607'] },
						'dairy' : { system: true, name: "Dairy", foods: ['200','201','202','203','204','205','206','207','208'] },
						'legumes': { system: true, name: "Legumes", foods: ['100','101','102','103','104','105','106','107','108','109'] },
						'nuts/seeds':  { system: true, name: "Nuts/Seeds", foods: ['800','801','802','803','804','805','806','807'] },
						'grains':  { system: true, name: "Grains", foods: ['700','701','702','703','704','705'] },
						'vegetables' : { system: true, name: "Vegetables", foods: ['300','301','302','303','304','305','306','307','308','309','310','311','312','313','314','315','316'] },
						'fruits' : { system: true, name: "Fruits", foods: ['400','401','402','403','405','406','407','408','409','410','411'] },		   
						};	
						
	this.foods = { 	'1': { isgroup: true, nfacts: {}, name: 'Pork', checked: false, units: [ 'grams', 'ounces' ] }, 
					'2': { isgroup: true, nfacts: {}, name: 'Turkey', checked: false, units: [ 'grams', 'ounces' ] }, 
					'3': { isgroup: true, nfacts: {}, name: 'Chicken', checked: false, units: [ 'grams', 'ounces' ] }, 
					'4': { isgroup: true, nfacts: {}, name: 'Beef', checked: false, units: [ 'grams', 'ounces' ] },
					'5': { isgroup: true, nfacts: {}, name: 'Lamb', checked: false, units: [ 'grams', 'ounces' ] },
					'6': { isgroup: true, nfacts: {}, name: 'Duck', checked: false, units: [ 'grams', 'ounces' ] },
					'7': { isgroup: true, nfacts: {}, name: 'Venison', checked: false, units: [ 'grams', 'ounces' ] },
					

					
					'100' : { isgroup: true, nfacts: {}, name: 'Alfalfa', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'101' : { isgroup: true, nfacts: {}, name: 'Clover', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'102' : { isgroup: true, nfacts: {}, name: 'Peas', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'103' : { isgroup: true, nfacts: {}, name: 'Beans', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'104' : { isgroup: true, nfacts: {}, name: 'Lentils', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'105' : { isgroup: true, nfacts: {}, name: 'Mesquite', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'106' : { isgroup: true, nfacts: {}, name: 'Carob', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'107' : { isgroup: true, nfacts: {}, name: 'Soybeans', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'108' : { isgroup: true, nfacts: {}, name: 'Peanuts', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'109' : { isgroup: true, nfacts: {}, name: 'Tamarind', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 

					'500' : { isgroup: true, nfacts: {}, name: 'Chicken', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'501' : { isgroup: true, nfacts: {}, name: 'Duck', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'502' : { isgroup: true, nfacts: {}, name: 'Quail', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'503' : { isgroup: true, nfacts: {}, name: 'Roe', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'504' : { isgroup: true, nfacts: {}, name: 'Caviar', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					
					
					'200' : { isgroup: true, nfacts: {}, name: 'Milk', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'201' : { isgroup: true, nfacts: {}, name: 'Cheese', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
				    '202' : { isgroup: true, nfacts: {}, name: 'Yogurt', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
				    '203' : { isgroup: true, nfacts: {}, name: 'Butter', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
				    '204' : { isgroup: true, nfacts: {}, name: 'Cream', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'205' : { isgroup: true, nfacts: {}, name: 'Ice Cream', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'206' : { isgroup: true, nfacts: {}, name: 'Gelato', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'207' : { isgroup: true, nfacts: {}, name: 'Clabber', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'208' : { isgroup: true, nfacts: {}, name: 'Casein', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
				

					'300' : { isgroup: true, nfacts: {}, name: 'Broccoli', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'301' : { isgroup: true, nfacts: {}, name: 'Spinach', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'302' : { isgroup: true, nfacts: {}, name: 'Kale', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'303' : { isgroup: true, nfacts: {}, name: 'Lettuce', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'304' : { isgroup: true, nfacts: {}, name: 'Corn', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'305' : { isgroup: true, nfacts: {}, name: 'Potatoes', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'306' : { isgroup: true, nfacts: {}, name: 'Peas', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'307' : { isgroup: true, nfacts: {}, name: 'Squash', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'308' : { isgroup: true, nfacts: {}, name: 'Carrots', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'309' : { isgroup: true, nfacts: {}, name: 'Peapods', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'310' : { isgroup: true, nfacts: {}, name: 'Peppers', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'311' : { isgroup: true, nfacts: {}, name: 'Edamame', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'312' : { isgroup: true, nfacts: {}, name: 'Tomatoes', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'313' : { isgroup: true, nfacts: {}, name: 'Asparagus', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'314' : { isgroup: true, nfacts: {}, name: 'Avocado', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'315' : { isgroup: true, nfacts: {}, name: 'Cucumber', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'316' : { isgroup: true, nfacts: {}, name: 'Onions', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 

					
					
					'400' : { isgroup: true, nfacts: {}, name: 'Apples', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'401' : { isgroup: true, nfacts: {}, name: 'Berries', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'402' : { isgroup: true, nfacts: {}, name: 'Bananas', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'403' : { isgroup: true, nfacts: {}, name: 'Cherries', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'404' : { isgroup: true, nfacts: {}, name: 'Grapes', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'405' : { isgroup: true, nfacts: {}, name: 'Mango', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'406' : { isgroup: true, nfacts: {}, name: 'Kiwi', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'407' : { isgroup: true, nfacts: {}, name: 'Peaches', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'408' : { isgroup: true, nfacts: {}, name: 'Watermelon', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'409' : { isgroup: true, nfacts: {}, name: 'Canelope', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'410' : { isgroup: true, nfacts: {}, name: 'Oranges', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'411' : { isgroup: true, nfacts: {}, name: 'Lemons', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 

					
					'600' : { isgroup: true, nfacts: {}, name: 'Cod', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'601' : { isgroup: true, nfacts: {}, name: 'Tuna', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'602' : { isgroup: true, nfacts: {}, name: 'Salmon', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'603' : { isgroup: true, nfacts: {}, name: 'Lopster', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'604' : { isgroup: true, nfacts: {}, name: 'Calamary', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'605' : { isgroup: true, nfacts: {}, name: 'Squid', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'606' : { isgroup: true, nfacts: {}, name: 'Herring', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'607' : { isgroup: true, nfacts: {}, name: 'Shrimp', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 

					'700' : { isgroup: true, nfacts: {}, name: 'Wheat', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'701' : { isgroup: true, nfacts: {}, name: 'Rice', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'702' : { isgroup: true, nfacts: {}, name: 'Oats', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'703' : { isgroup: true, nfacts: {}, name: 'Barley', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'704' : { isgroup: true, nfacts: {}, name: 'Bread', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'705' : { isgroup: true, nfacts: {}, name: 'Pasta', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
	
					'800' : { isgroup: true, nfacts: {}, name: 'Almonds', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'801' : { isgroup: true, nfacts: {}, name: 'Cashews', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'802' : { isgroup: true, nfacts: {}, name: 'Hazelnuts', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'803' : { isgroup: true, nfacts: {}, name: 'Pistachio', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'804' : { isgroup: true, nfacts: {}, name: 'Pecans', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'805' : { isgroup: true, nfacts: {}, name: 'Walnuts', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'806' : { isgroup: true, nfacts: {}, name: 'Macadamia', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 
					'807' : { isgroup: true, nfacts: {}, name: 'Brazil', checked: false, units: [ 'liters', 'grams', 'ounces' ] }, 

					
					};*/

	this.anyfood = false;
	
	params = params || {};
	this.userEditing = params.userEditing || false;
	//alert(this.userEditing);
	this.chooseCallback = params.chooseCallback || function(){};
}

FoodBuilder.prototype.save=function(callback) {
	var obj = this;
	//console.log( JSON.stringify(this.foods));
	saveWindowSession('CREATEPLANFOOD', { foods: JSON.stringify(this.foods), foodTypes: JSON.stringify(this.foodTypes), anyfood: this.anyfood }, function() {
		if (obj.userEditing) {
			$.ajax( { url: "/service/SaveUserFoodData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { plan_id: 1 },
				success: function( data ) {	
					if (callback) {
						callback();
					}
				}
			});
			
		} else {
			if (callback) {
				callback();
			}
		}
	});
}

FoodBuilder.prototype.setDropdown=function() {
	var obj = this;


	/*var html = '<select id="food_types" multiple="multiple">';
	
	html += '<option value="' + '-1' + '" ' + ((this.anyfood == true || this.anyfood == 'true') ? 'selected="selected"' : "") + '>' + 'Any Food' + '</option>';
	for (var type in this.foodTypes) {
		html += '<optgroup label="' + this.foodTypes[type].name + '" id="' + type + '" >';
		for (var id in this.foodTypes[type].types) {
			html += '<option value="' + id  + '" ' + (this.foodTypes[type].types[id].checked ? 'selected="selected"' : "") + '>' + this.foodTypes[type].types[id].name + '</option>';
		}
		html += '</optgroup>';
	}
	
	html += '</select>'*/
	
	var cont_width = '90vw';
	if (this.userEditing) {
			cont_width = '80vw';
	}
	
	var html = '<span id="food_types" style="display: inline-block; width: 250px; width: ' + cont_width + '; max-width: 400px; height: 200px; border: 1px solid #000000; border-radius: 3px; overflow-y: auto;">';
	//html += '<option value="' + '-1' + '" ' + ((this.anyfood == true || this.anyfood == 'true') ? 'selected="selected"' : "") + '>' + 'Any Food' + '</option>';
	if (! obj.userEditing) {
		html += '<div style="padding: 3px; text-align:left;"><input type="checkbox" value="-1" ' + ((this.anyfood == true || this.anyfood == 'true') ? 'checked="checked"' : "") + ' /> <label>Any Food</label></div>';
	}
	
	var lfoods = {};
		/*for (var k in obj.foods) {
			//if (obj.foods[k].isgroup) {
				var type2cat = null;
				for (var k2 in obj.foodTypes) {
					if (obj.foodTypes[k2].foods.indexOf(k) != -1) {
						type2cat = k2;
						break;
					}
				}
				if (type2cat !== null) {
					if (typeof(lfoods[type2cat]) == 'undefined') {
						lfoods[type2cat] = [];
					}
					lfoods[type2cat].push(k);
				}
			//}
			
		}*/
	
	var keys = [];
		for (var k in obj.foodTypes) {
			keys.push(k);
		}
		
		keys.sort();
		
		for (var h = 0; h < keys.length; h++) {
			var k2 = keys[h];
			
			var type = k2;

			this.foodTypes[type].foods.sort(function(a, b) {
				if (obj.foods[a].isgroup && ! obj.foods[b].isgroup) return -1;
				if (! obj.foods[a].isgroup && obj.foods[b].isgroup) return 1;
				if(obj.foods[a].name < obj.foods[b].name) return -1;
				if(obj.foods[a].name > obj.foods[b].name) return 1;
				return 0;
			});
			
			//for (var p = 0; p < lfoods[k2].length; p++) {
				
	
	//for (var type in this.foodTypes) {
		//html += '<optgroup label="' + this.foodTypes[type].name + '" id="' + type + '" >';
		var edit_str = '';
		if (! this.foodTypes[type].system) {
			edit_str = '<a href="#" class="delete deletetype" foodtype="' + type + '">X</a>';
			if (obj.userEditing) {
				html += '<div style="color: #000000; font-weight: bold; text-align:center; padding:4px; font-size: 18px;">&nbsp;&nbsp;' + this.foodTypes[type].name + '&nbsp; ' + edit_str + '</div>';
			}

		}
		if (! obj.userEditing) {
			html += '<div style="color: #000000; font-weight: bold; text-align:center; padding:4px;"><input type="checkbox" chkfor="foodgrp" value="' + type + '" ' + (this.foodTypes[type].checked ? 'checked="checked"' : "") + '/>&nbsp;&nbsp;' + this.foodTypes[type].name + '&nbsp; ' + edit_str + '</div>';
		}
		//for (var id in this.foodTypes[type].types) {
		for (var i = 0; i < this.foodTypes[type].foods.length; i++) {
			//html += '<option value="' + id  + '" ' + (this.foodTypes[type].types[id].checked ? 'selected="selected"' : "") + '>' + this.foodTypes[type].types[id].name + '</option>';
			edit_str = '';
			if (String(this.foodTypes[type].foods[i]).substr(0, 1) == 'd') {
				edit_str = '<a href="#" class="editfood" fid="' + (this.foodTypes[type].foods[i]) + '"><img src="/images/editfield.png" /></a>';
				if ( obj.userEditing) {
					html += '<div style="position: relative; padding: 4px; text-align:center; font-size: 16px;">' + (obj.userEditing ? '' : ('<input type="checkbox" chkfor="food" value="' + this.foodTypes[type].foods[i] + '" ' + (this.foods[this.foodTypes[type].foods[i]].checked ? 'checked="checked"' : "")) + ' /> ') + '<label>' + this.foods[this.foodTypes[type].foods[i]].name + '</label>&nbsp; ' + edit_str + ' <a fid="' + (this.foodTypes[type].foods[i]) + '" href="#" style="position: absolute; right: 10px;" class="select_food">Choose</a></div>';
				}

			}
			if (! obj.userEditing) {
			
				html += '<div style="padding: 3px; text-align:left;">' + (obj.userEditing ? '' : ('<input chkfor="food" type="checkbox" value="' + this.foodTypes[type].foods[i] + '" ' + (this.foods[this.foodTypes[type].foods[i]].checked ? 'checked="checked"' : "")) + ' /> ') + '<label>' + this.foods[this.foodTypes[type].foods[i]].name + '</label>&nbsp; ' + edit_str + '</div>';
			}
			//console.log(this.foodTypes[type].foods[i]);
		}
		//html += '</optgroup>';
	//}
	}
	
	html += '</span>';
	
	this.domObj.find("#food_types_container").html(html);
	
	this.domObj.on('click', '.select_food', function(e) {
		e.preventDefault();
		e.stopPropagation();
		e.stopImmediatePropagation();
		var fid = $(this).attr('fid');
		unblockWindow(function() {
			obj.chooseCallback(fid+'_'+"1|" + g_userInfo.b4b_id, obj.foods[fid].name, obj.foods[fid].nfacts);
		});
	});
	
	this.domObj.find(".deletetype").click(function(e) {
		e.preventDefault();
		
		if (confirm("Are you sure you want to delete this category?")) {
			var type = $(this).attr('foodtype');
			
			obj.domObj.find("#food_type").find('[value="' + type+ '"]').remove();
			obj.domObj.find("#food_type").multiselect("refresh");
			
			delete obj.foodTypes[type];
			obj.setDropdown();
			obj.save();
		}

	});
	
	this.domObj.find("a.editfood").click(function(e) {
		e.preventDefault();
		var fid = $(this).attr('fid');
		var types = [];
		for (var k in obj.foodTypes) {
			if (obj.foodTypes[k].foods.indexOf(fid) != -1) {
				types.push(k);
			}
		}

		obj.editFood(fid, obj.foods[fid].name, types, obj.foods[fid].units, (obj.foods[fid].contains || []));
	});
	
	this.domObj.find("#food_types input[type=checkbox][chkfor=foodgrp]").click(function(e) {
		var grpname = $(this).val();
		if (typeof(obj.foodTypes[grpname]) != 'undefined') {
			obj.foodTypes[grpname].checked = $(this).prop('checked');
			obj.save();
			return;
		}
	});
	
	this.domObj.find("#food_types input[type=checkbox]").click(function(e) {
		if ($(this).val() == '-1') {
			obj.anyfood = $(this).is(":checked");
			obj.save();
			return;
		}

		for (var type in obj.foodTypes) {
			for (var i = 0; i < obj.foodTypes[type].foods.length; i++) {
			//for (var id in obj.foodTypes[type].types) {
				if (obj.foodTypes[type].foods[i] === $(this).val()) {
					obj.foods[obj.foodTypes[type].foods[i]].checked = $(this).is(":checked");
					//alert($(event.target).prop('type'));
					//if ($(event.target).attr('type') != 'checkbox') {
					//	event.preventDefault();
					//}
					obj.save();
					//obj.editFood(id, obj.foodTypes[type].types[id].name, type, obj.foodTypes[type].types[id].units);
					return;
				}
			}
		}
	});
	
	/*	$(this.domObj).find("#food_types").multiselect({
			header: false,
		position: {
      my: 'left bottom',
      at: 'left top'
   },
   click: function(event, ui){
	if (ui.value == '-1') {
		obj.anyfood = ui.checked;
		obj.save();
		return;
	}

		for (var type in obj.foodTypes) {
			for (var id in obj.foodTypes[type].types) {
				if (id === ui.value) {
					obj.foodTypes[type].types[id].checked = ui.checked;
					//alert($(event.target).prop('type'));
					//if ($(event.target).attr('type') != 'checkbox') {
					//	event.preventDefault();
					//}
					obj.save();
					obj.editFood(id, obj.foodTypes[type].types[id].name, type, obj.foodTypes[type].types[id].units);
					return;
				}
			}
		}
   }});*/

}

FoodBuilder.prototype.getBaseData=function() {
	var obj = this;
	$.ajax( { url: "/service/GetBaseFood.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {	
			obj.built = true;
			obj.foodTypes = data.data.foodTypes;
			obj.foods = data.data.foods;
			obj.setDropdown();
			//alert("setbase");
		}
	});
}

FoodBuilder.prototype.getBaseUserData=function(func) {
	var obj = this;
	$.ajax( { url: "/service/GetBaseFood.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {	
			obj.foodTypes = data.data.foodTypes;
			obj.foods = data.data.foods;
			obj.setDropdown();
			func();
		}
	});
}

FoodBuilder.prototype.build = function() {
	var obj = this;

	if (this.userEditing) {
		this.domObj = $('<div class="resizescroll" style="overflow-y: scroll;"><h3>Choose Food:</h3><br /><br /><span id="food_types_container"></span><div style="padding-top: 15px;"><span id="add_food" class="btn-gray">Add Custom Food</span></div><div id="editfood" style="padding-top: 25px;"></div></div>');
	}
	else {
		this.domObj = $('<div><h3>Plan Includes:</h3><br /><br /><span id="food_types_container"></span><div style="padding-top: 15px;"><span id="add_food" class="btn-gray">Add Custom Food</span></div><div id="editfood" style="padding-top: 25px;"></div></div>');		
	}		
	
	this.setDropdown();
	
	
	if (this.userEditing) {
		$.ajax( { url: "/service/LoadPlan.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { plan_id : ("1|" + g_userInfo.b4b_id) },
				success: function( data ) {	
					//obj.getBaseUserData(function() {
						$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=CREATEPLANFOOD", 
							cache: false,
							dataType: "json", 
							data: {  },
							success: function( data ) {		
								try {
								
									if (typeof(data.data.foodTypes) == 'undefined') {
										obj.getBaseData();
									}
									else {
										obj.built = true;
										obj.foodTypes = JSON.parse(data.data.foodTypes) || {};
										//console.log(data.data.foodTypes);
										//console.log(obj.foodTypes);
										//console.log(data.data.foods);
										obj.foods = JSON.parse(data.data.foods);
										
										obj.anyfood = data.data.anyfood;
										obj.setDropdown();
									}
								} catch (e) {
									//console.log(e.message);
									//obj.rules = {}; 
									obj.getBaseData();
									
									
									
								}
							}
						});
					}
		});
	}
	else {
	
		$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=CREATEPLANFOOD", 
			cache: false,
			dataType: "json", 
			data: {},
			success: function( data ) {		
				//console.log(data.data.data);
				try {
				//console.log(data);
					if (typeof(data.data.foodTypes) == 'undefined') {
						obj.getBaseData();
					}
					else {
						obj.built = true;
						obj.foodTypes = JSON.parse(data.data.foodTypes);
						obj.foods = JSON.parse(data.data.foods);
						obj.anyfood = data.data.anyfood;
						obj.setDropdown();
					}
				} catch (e) {
					//obj.rules = {}; 
					obj.getBaseData();
					
					
					
				}
			}
		});
	
	}
		
		
	/*$.ajax( { url: "/service/GetPageData.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode + "&page=CREATEPLANEXP", 
		cache: false,
		dataType: "json", 
		data: {},
		success: function( data ) {		
			//console.log(data.data.data);
			try {
				obj.expressions = JSON.parse(data.data.data);
				//console.log(obj.rules);
				for (var uid in obj.expressions) {
					if (! uid) {
						continue;
					}
					obj.domObj.find("#savedformulas").append('<div uid="' + uid + '" class="savedexp" style="cursor: pointer; padding: 6px;  position: relative;"><span style="display: inline-block; position: absolute; right: 6px;"><a href="#" class="removeexp" style="color: #ff0000;">-</a></span><label>' + obj.expressions[uid].name + '</label></div>');
				}
			} catch (e) {
				obj.expressions = {}; 
			}
		},
		error: function (request, status, error) {
		}
	});*/
		
	
	return true;
}

FoodBuilder.prototype.getDomObj=function() {
	return this.domObj;
}
	
FoodBuilder.prototype.editCategory=function(id, name) {
	var obj = this;
			obj.domObj.find("#editfood").html('<hr><h3>Edit Category:</h3><fieldset><ul>\
		<li><label>Name: </label> <input type="text" id="cat_name" /></li>\
		</ul></fieldset>\
		<div style="padding-top: 15px;"><span class="btn-green" id="save_cat">Save</span>&nbsp;<span class="btn-red" id="delete_cat">Delete</span></div>');
	obj.domObj.find("#cat_name").val(name);
	
	obj.domObj.find("#save_cat").click(function(e) {
		e.preventDefault();
		if (! id) {
			id = uniqid();
		}
		obj.foodTypes[id] = { name: obj.domObj.find("#cat_name").val(), foods: [] };
		//console.log(obj.foodTypes);
		obj.setDropdown();
		obj.save();

	});
	
	obj.domObj.find("#delete_cat").click(function(e) {
		e.preventDefault();
		if (id) {
			if (confirm("Are you sure you want to delete this category?")) {
				delete obj.foodTypes[id];
				obj.setDropdown();
				obj.save();
			}
		}

	});
}	

FoodBuilder.prototype.editFood=function(id, name, types, units, contains) {
			var unitoptions = '';
			var obj = this;
			
		var lunits = [];

		types = JSON.parse(JSON.stringify(types));
			
		for (var u in obj.units) {
			if (units.indexOf(u) != -1) {	
				lunits.push(u);
			}
			unitoptions += '<option value="' + u + '" ' + (units.indexOf(u) != -1 ? 'selected="selected"' : '') + '>' + u + '</option>';
		}

		//var nut_str = '';
		//for (var i = 0; i < nutrients.length; i++) {
		//	nut_str += '<li class="nfacts" style="display: none;" ><label>' + nutrients[i] + ': </label> <span class="mcenter"><input type="text" id="' + nutrients[i].toLowerCase() + '" /></span></li>';

		//}
		
		nut_str = '<table class="nfacts" width="100%" align="center" style="margin-top: 12px; margin-bottom: 12px; padding:8px;">\
		<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><h3>Nutrition Facts</h3> (<a href="#" id="shownutfacts">Show</a>)</td>\
		</tr>\
			<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><hr /></td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Serving Label</b></td><td style="padding-left: 8px;" width="100%" ><input type="text" name="serving1_desc"  value="" /></td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Serving Size</b></td><td style="padding-left: 8px;" width="100%" ><input type="text"  name="serving1_g" value="" /></td><td>g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Calories</b></td><td style="padding-left: 8px;" width="100%" ><input type="text"  name="calories" value="" /></td><td>kCal</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Protein</b></td><td style="padding-left: 8px;" width="100%" ><input type="text" name="protein_g" value="" /></td><td>g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Carbs</b></td><td style="padding-left: 8px;" width="100%" ><input type="text" name="carb_g" value="" /></td><td>g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Sugar</b></td><td style="padding-left: 8px;" width="100%" ><input type="text"  name="sugar_g" value="" /></td><td>g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Fiber</b></td><td style="padding-left: 8px;" width="100%" ><input type="text"  name="fiber_g" value="" /></td><td>g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Fat</b></td><td style="padding-left: 8px;" width="100%" ><input type="text"  name="fat_g" value="" /></td><td>g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Saturated Fat</b></td><td style="padding-left: 8px;" width="100%" ><input type="text" name="fat_sat_g" value="" /></td><td>g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Mono Fat</b></td><td style="padding-left: 8px;" width="100%" ><input type="text"  name="fat_mono_g" value="" /></td><td>g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Poly Fat</b></td><td style="padding-left: 8px;" width="100%" ><input type="text"  name="fat_poly_g" value="" /></td><td>g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Cholesterol</b></td><td style="padding-left: 8px;" width="100%" ><input type="text" name="cholesterol_mg" value="" /></td><td>mg</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Sodium</b></td><td style="padding-left: 8px;" width="100%" ><input type="text" name="sodium_mg" value="" /></td><td>mg</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px;"><b>Potassium</b></td><td style="padding-left: 8px;" width="100%" ><input type="text" name="potassium_mg" value="" /></td><td>mg</td>\
		</tr>\
		</table>';
		
		obj.domObj.find("#editfood").html('<hr><h3>Edit Food:</h3><span style="text-align: left; display: table; margin-left: auto; margin-right: auto;"><fieldset class="editfood"><ul>\
		<li><label>Name: </label> <span class="mcenter"><input type="text" id="food_name" /></span></li>\
		<li style="padding-bottom: 2px;"><label>Categories: </label> <span class="mcenter"><select id="food_type" multiple="multiple"></select></span></li>\
		<li style="padding-top: 2px;"><label></label><span class="mcenter"><span id="add_cat" class="btn-gray" style="margin-left: auto; margin-right: auto;">Add Custom Category</span></span></li>\
		<li><label>Contains: </label><span class="mcenter"><select multiple="multiple" id="contains"></select></span></li>\
		' + nut_str + '\
		<!--<li><label>Measurements: </label><span class="mcenter"><select multiple="multiple" id="food_units">' + unitoptions + '</select></span></li>-->\
		</ul></fieldset></span>\
		<div style="padding-top: 15px;"><span class="btn-green" id="save_food">Save</span>&nbsp;<span class="btn-red" id="delete_food">Delete</span></div>').slideDown('slow');
		
		if (id) {
			obj.domObj.find("table.nfacts").find('input[type=text]').each(function() {
				var name = $(this).attr('name');
				$(this).val(obj.foods[id].nfacts[name] || '');
			});
		}
		
		var nfacts_shown = false;
		obj.domObj.find("table.nfacts").find("tr:gt(0)").hide();
		
		obj.domObj.find("#shownutfacts").click(function(e) {
			e.preventDefault();
			//var obj = $(this).parent().parent().parent();
			if (! nfacts_shown) {
				nfacts_shown = true;
				obj.domObj.find("table.nfacts").find("tr:gt(0)").fadeIn('slow');
				obj.domObj.find("#shownutfacts").text('Hide');
			}
			else {
				nfacts_shown = false;
				obj.domObj.find("table.nfacts").find("tr:gt(0)").fadeOut('slow');
				obj.domObj.find("#shownutfacts").text('Show');
			}
		});
		
		
		obj.domObj.find("#add_cat").click(function(e) {
			e.preventDefault();
			var newname = prompt("Please enter name for new category.");
			if (newname) {
				if (typeof(obj.foodTypes[newname.trim().toLowerCase()]) == 'undefined') {
					obj.foodTypes[newname] = { system: false, name:newname, foods: [] };
					obj.save();
					obj.setDropdown();
					obj.domObj.find("#food_type").append($('<option value="' + newname + '">' + newname + '</option>')).multiselect("refresh");;
				}
				else {
					alert("Category already exists!");
				}
			}
		});
		
		var typestr = '';
		for (var k in obj.foodTypes) {
			var selected = '';
			if (types.indexOf(k) != -1) {
				selected = ' selected="selected" ';
			}
			if ( obj.userEditing) {
				if (! obj.foodTypes[k].system) {
					typestr += '<option value="' + k + '"' + selected + '>' + obj.foodTypes[k].name + '</option>';
				}
			}
			else {
				typestr += '<option value="' + k + '"' + selected + '>' + obj.foodTypes[k].name + '</option>';
			}
		}
		
		obj.domObj.find("#food_type").append($(typestr));
		
		
		obj.domObj.find("#editfood").find("#food_name").val(name);
		//obj.domObj.find("#editfood").find("#food_type").val(type);
		
		contains = JSON.parse(JSON.stringify(contains));
		var typestr = '';
		var lasttype = -1;
		
		var lfoods = {};
		for (var k in obj.foods) {
			if (obj.foods[k].isgroup) {
				var type2cat = null;
				for (var k2 in obj.foodTypes) {
					if (obj.foodTypes[k2].foods.indexOf(k) != -1) {
						type2cat = k2;
						break;
					}
				}
				if (type2cat !== null) {
					if (typeof(lfoods[type2cat]) == 'undefined') {
						lfoods[type2cat] = [];
					}
					lfoods[type2cat].push(k);
				}
			}
			
		}
		
		var keys = [];
		for (var k in lfoods) {
			keys.push(k);
		}
		
		keys.sort();
		
		for (var h = 0; h < keys.length; h++) {
			var k2 = keys[h];

			lfoods[k2].sort(function(a, b) {
				if(obj.foods[a].name < obj.foods[b].name) return -1;
				if(obj.foods[a].name > obj.foods[b].name) return 1;
				return 0;
			});
			
			for (var p = 0; p < lfoods[k2].length; p++) {
				var k = lfoods[k2][p];
				if (obj.foods[k].isgroup) {
					var type2cat = k2;
					
					if (lasttype == -1 || lasttype != type2cat) {
						if (lasttype != -1) {
							typestr += '</optgroup>';
						}
						typestr += '<optgroup label="' + obj.foodTypes[k2].name + '">';
					}
					var selected = '';
					if (contains.indexOf(k) != -1) {
						selected = ' selected="selected" ';
					}
					typestr += '<option value="' + k + '"' + selected + '>' +obj.foods[k].name + '</option>';
				}
			}
			typestr += '</optgroup>';
		}
		obj.domObj.find("#contains").append($(typestr));
		obj.domObj.find("#contains").multiselect({
			header: false,
		position: {
      my: 'left bottom',
      at: 'left top'
   },
   click: function(event, ui){
		if (ui.checked) {
			if (contains.indexOf(ui.value) == -1) {
				contains.push(ui.value);
				//alert(ui.value);
			}
			
		}
		else {
			if (contains.indexOf(ui.value) != -1) {
				contains.splice(contains.indexOf(ui.value), 1);
			}
		}
   }});
		
		obj.domObj.find("#food_type").multiselect({
			header: false,
		position: {
      my: 'left bottom',
      at: 'left top'
   },
   click: function(event, ui){
		if (ui.checked) {
			if (types.indexOf(ui.value) == -1) {
				types.push(ui.value);
				//alert(ui.value);
			}
			
		}
		else {
			if (types.indexOf(ui.value) != -1) {
				types.splice(types.indexOf(ui.value), 1);
			}
		}
   }});
		
		obj.domObj.find("#food_units").multiselect({
			header: true,
		position: {
      my: 'left bottom',
      at: 'left top'
   },
   click: function(event, ui){
		if (ui.checked) {
			if (lunits.indexOf(ui.value) == -1) {
				lunits.push(ui.value);
				//alert(ui.value);
			}
			
		}
		else {
			if (lunits.indexOf(ui.value) != -1) {
				lunits.splice(lunits.indexOf(ui.value), 1);
			}
		}
   }});
   
   obj.domObj.find("#delete_food").click(function(e) {
		e.preventDefault();
		if (id) {
			if (confirm("Are you sure you want to delete this food?")) {
			
				for (var k in obj.foodTypes) {
					var idx = -0;
					while (idx != -1) {
						idx = obj.foodTypes[k].foods.indexOf(id);
						if (idx != -1) {
							 obj.foodTypes[k].foods.splice(idx, 1);
						}
					}
				}
				
				delete obj.foods[id];
			
				obj.save();
				obj.setDropdown();
				obj.domObj.find("#editfood").slideUp('slow');
			}
		}
		else {
			obj.domObj.find("#editfood").slideUp('slow');
		}
		
		
	});
   
   obj.domObj.find("#save_food").click(function(e) {
	e.preventDefault();
	
	if (types.length == 0) {
		alert("You must select a category for this food.");
		return;
	}
	
	var checked = obj.userEditing;//false;
	
	var name = obj.domObj.find("#food_name").val();
	var etype = obj.domObj.find("#food_type").val();
	
	if (id) {
		for (var k in obj.foodTypes) {
			var idx = -0;
			while (idx != -1) {
				idx = obj.foodTypes[k].foods.indexOf(id);
				if (idx != -1) {
					 obj.foodTypes[k].foods.splice(idx, 1);
				}
			}
		}
		checked = obj.foods[id].checked || obj.userEditing;
	}
	
	if (! id) {
		id = uniqid();
	}
	
	obj.foods[id] = {};
	obj.foods[id].isgroup = false;
	obj.foods[id].name = name;
	obj.foods[id].nfacts = {};
	obj.foods[id].checked = checked;
	obj.foods[id].units = lunits;
	obj.foods[id].contains = contains;

	
	obj.domObj.find("table.nfacts").find('input[type=text]').each(function() {
		var name = $(this).attr('name');
		obj.foods[id].nfacts[name] = $(this).val();
	});
	
	
	for (var i = 0; i < types.length; i++) {
	//alert(types[i]);
		obj.foodTypes[types[i]].foods.push(id);
	}
	
		obj.save();
		obj.setDropdown();
		
		obj.domObj.find("#editfood").slideUp('slow');
		
		
		return;
	
	
   });
   
   

}

FoodBuilder.prototype.resize=function() {
	if (this.domObj.hasClass("resizescroll")) {
		this.domObj.height($(".blockUI.blockMsg.blockElement").height() - 20);
	}
}


FoodBuilder.prototype.setHooks=function() {
	var obj = this;
	this.domObj.find("#add_food").click(function(e) {
		e.preventDefault();
		//obj.setDropdown();
		obj.editFood(0, 'New Food', [], [], []);
	});
	/*this.domObj.find("#add_cat").click(function(e) {
		e.preventDefault();
		obj.editCategory(0, 'New Category');
	});*/
	
	if (this.domObj.hasClass("resizescroll")) {
		this.domObj.height($(".blockUI.blockMsg.blockElement").height() - 20);
	}
}

FoodBuilder.prototype.destroy=function() {

}

FoodBuilder.prototype.isBuilt=function() {
	return this.built;
}

function LoadPlan(params) {
	this.built = false;
}

LoadPlan.prototype.build = function() {
	var obj = this;
	
	this.domObj = $('<div><div id="loadplans" style="text-align:left; padding: 8px; overflow-y: scroll; width: 270px; height: 200px; font-size: 1.4em;"></div><p align="center"><a class="btn-green" id="loadplan">Load</a>&nbsp;<a class="btn-gray" id="newplan">New</a></p></div>');
	
	$.ajax( { url: "/service/GetOwnedPlans.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: {},
			success: function(data) {
				obj.built = true;
				var str = '';
				for (var k in data) {
					str+='<div class="classlist" planid="' + k + '">'+(data[k]||'unnamed')+'</div>';
				}
				obj.domObj.find("#loadplans").append($(str));
				
				obj.domObj.find("#loadplans").find(".classlist").click(function(e) {
					e.preventDefault();
					obj.domObj.find("#loadplans").find(".classlist").removeClass("selected");
					$(this).addClass("selected");
				});
			}
	});

	
	return false;
}

LoadPlan.prototype.getDomObj=function() {
	return this.domObj;
}
	

LoadPlan.prototype.setHooks=function() {

}

LoadPlan.prototype.destroy=function() {

}

LoadPlan.prototype.isBuilt=function() {
	return this.built;
}

LoadPlan.prototype.resize=function() {
	this.domObj.height(10);
	this.domObj.height(this.domObj.parent().height() - 10);
}

LoadPlan.prototype.preContentSet=function(domO) {
	//console.log(domO);
	this.domObj.height(domO.height()-10);
}

LoadPlan.prototype.setHooks=function() {
	var obj = this;

	this.domObj.find("#newplan").click(function(e) {
		e.preventDefault();
		blockWindow();
		$.ajax( { url: "/service/LoadPlan.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: { plan_id: 0 },
			success: function(data) {
				saveWindowSession('CREATEPLAN', { plan_id: 0 }, function() {
					setWindow("CreatePlan");
					unblockWindow();
				});
			}
		});

	});
	this.domObj.find("#loadplan").click(function(e) {
		e.preventDefault();
		var plan_id = obj.domObj.find(".classlist.selected").attr("planid");
		if (plan_id) {
			blockWindow();
			$.ajax( { url: "/service/LoadPlan.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { plan_id: plan_id },
				success: function(data) {
					saveWindowSession('CREATEPLAN', { plan_id: plan_id }, function() {
						setWindow("CreatePlan");
						unblockWindow();
					});
				}
			});
		}
		else {
			alert("No plan selected!");
		}
	
	});
}
function UserSearch(params) {
	this.built = false;
}

UserSearch.prototype.build = function() {
	var obj = this;

	obj.domObj = $('<div></div>');
	
	return true;
}

UserSearch.prototype.getDomObj=function() {
	return this.domObj;
}
	

UserSearch.prototype.setHooks=function() {

}

UserSearch.prototype.search=function(query, type) {
	var obj = this;
	$.ajax( { url: "/service/UserSearch.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: { searchfor: query, type: type, start: 0, num: 50 },
		success:function(data) {
			obj.domObj.empty();
			if (! data || data.results.length == 0) {
				var str = '<div><p>No results found.</p>';
				if (isLoggedIn()) {
					str += '<br /><p>Friends name: <input type="text" id="name" /><br />\
					<p>Friends email: <input type="text" id="email" /><br />\
					<a href="#" class="btn-gray invite">Invite Friend</a></p></div>';
				}
				else {
					str += '</div>';
				}
				
				obj.domObj.append(str);
				if (type == 'name') {
					obj.domObj.find("#name").val(query);
				}
				else if (type == 'email') {
					obj.domObj.find("#email").val(query);
				}
				obj.domObj.find(".invite").click(function(e) {
					e.preventDefault();
					$.ajax( { url: "/service/InviteUser.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
						cache: false,
						dataType: "json", 
						data: { email: obj.domObj.find("#email").val(), name: obj.domObj.find("#name").val() },
						success:function(data) {
							obj.domObj.find("#email").val('');
							obj.domObj.find("#name").val('');
							alert("Request has been sent!");
						}
					});
				});
			}
			else {
				for (var i = 0; i < data.results.length; i++) {
					if (g_userInfo.b4b_id == data.results[i].b4b_id) {
						continue;
					}
					var str = '';
					var profilepicurl = '/images/feedpics/nopic.png';
					var sendfriendstr = '';
					if (isLoggedIn()) {
						sendfriendstr = '<div class="sendfriend link" friendid="' + data.results[i].b4b_id + '"><a href="#">Send Team Request</a></div>';
						if (data.results[i].status == '1') {
							sendfriendstr = '<div class="sendfriend" friendid="' + data.results[i].b4b_id + '">Team request sent.</div>';
						}
						else if (data.results[i].status == '2') {
							sendfriendstr = '<div class="sendfriend" friendid="' + data.results[i].b4b_id + '">Teammates</div>';
						}
					}
					str += '<div class="search_user_row bgcolor">' + sendfriendstr + '<span style="display:inline-block; padding-left: 10px; padding-right: 10px; vertical-align:middle;" class="sendmsgto" username="'  + htmlencode(data.results[i].username || data.results[i].b4b_id) + '"><img width="80" height="80" src="/service/GetProfilePic.php?account_id=' + data.results[i].b4b_id + '" /></span><span style="display:inline-block; vertical-align:middle; padding-top: 15px;"><span class="username"><a href="/Profile/' + htmlencode(data.results[i].username || data.results[i].b4b_id) + '" class="sendmsgto" username="'  + htmlencode(data.results[i].username || data.results[i].b4b_id) + '">' + htmlencode(data.results[i].username || data.results[i].firstname) + '</a></span><span class="fullname">' + htmlencode(data.results[i].firstname + ' ' + data.results[i].lastname) + '</span></span></div>';
					obj.domObj.append(str);
					
					obj.domObj.find(".sendmsgto").click(function(e) {
						e.preventDefault();
						e.stopPropagation();
						e.stopImmediatePropagation();
						userClicked($(this).attr('username'));
					});
				}
				
			}
			obj.domObj.on('click', '.sendfriend.link', function(e) {
				e.preventDefault();
				e.stopPropagation();
				var friendid = $(this).attr('friendid');
				$.ajax( { url: "/service/SendFriendReq.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
					cache: false,
					dataType: "json", 
					data: { 'friend_id': friendid },
					success:function(data) {
						$(e.target).text('Team request sent');
					}
				});
			});
		}
	});
}

UserSearch.prototype.destroy=function() {

}

UserSearch.prototype.isBuilt=function() {
	return true;
}
function ImageUpload(params) {
	this.built = false;
	params = params || {};
	this.album_id = params.album_id || 0;
	this.callback = params.callback || function() {}
	this.hidden = params.hidden || false;
}

ImageUpload.prototype.build = function() {
	var obj = this;

	this.domObj = $('<div id="upload-image-form" style="overflow-y: auto; overflow-x: auto;" >\
	\
	<form id="fileupload" action="#" method="POST" enctype="multipart/form-data">\
	<span class="upblock" style="padding: 15px; text-align: center; height: 160px;  display: table; position: relative; width:90%; margin-left: auto; margin-right: auto;">\
	    <!-- The file upload form used as target for the file upload widget -->\
    \
        <!-- Redirect browsers with JavaScript disabled to the origin page -->\
        <noscript><input type="hidden" name="redirect" value=""></noscript>\
        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->\
        <div class="row fileupload-buttonbar">\
            <div class="col-lg-7">\
                <!-- The fileinput-button span is used to style the file input field as button -->\
                <span class="btn btn-success fileinput-button subhide">\
                    <i class="glyphicon glyphicon-plus"></i>\
                    <span>Add files...</span>\
                    <input type="file" name="files[]" multiple>\
                </span>\
                <!--<button type="submit" class="btn btn-primary start">\
                    <i class="glyphicon glyphicon-upload"></i>\
                    <span>Start upload</span>\
                </button>\
                <button type="reset" class="btn btn-warning cancel subhide">\
                    <i class="glyphicon glyphicon-ban-circle"></i>\
                    <span>Cancel upload</span>\
                </button>\
                <button type="button" class="btn btn-danger delete subhide">\
                    <i class="glyphicon glyphicon-trash"></i>\
                    <span>Delete</span>\
                </button>\
                <input type="checkbox" class="toggle subhide">-->\
                <!-- The global file processing state -->\
                <span class="fileupload-process"></span>\
            </div>\
            <!-- The global progress state -->\
            <div class="col-lg-5 fileupload-progress fade">\
                <!-- The global progress bar -->\
                <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">\
                    <div class="progress-bar progress-bar-success" style="width:0%;"></div>\
                </div>\
                <!-- The extended global progress state -->\
                <div class="progress-extended">&nbsp;</div>\
            </div>\
        </div>\
        <!-- The table listing the files available for upload/download -->\
        <table role="presentation" class="subhide table table-striped" cellspacing="0" cellpadding="5" width="100%"><tbody class="files"></tbody></table>\
    \
	<!--<span class="subhide" style="display: block; vertical-align:middle; margin-top: 10px; font-wight: bold; font-size: 1.5em; color: #aa0000;"><span style="display:inline-block; background-color: #cccccc; height: 1px; width:15vw; margin-right: 10px; margin-bottom: 6px; position: relative;"></span>OR<span style="display:inline-block; background-color: #cccccc; height: 1px; width:15vw; margin-left: 10px; margin-bottom: 6px; position: relative;"></span></span>\
	<span class="subhide" style="display: inline-block; vertical-align:middle; margin-top: 20px;">Drag Files Here</span></span>\
	-->\
	<p align="center" class="upload" style="display: none;"><img src="/images/ajax-loader.gif" height="100" /></p>\
	<p style="display: none;" class="submitbtn subhide" align="center"><button type="submit" class="btn">\
                    <i class="glyphicon glyphicon-upload"></i>\
                    <span>Upload All</span>\
                </button></p>\
				</form>\
\
	\
	<!--\
	<form action="#"  enctype="multipart/form-data">\
	<table align="center" cellpadding="5">\
	<tr>\
		<td align="center"><input type="file" id="fileselect" name="data" /><input type="hidden" name="album_id" value="' + obj.album_id + '"><input type="hidden" name="imgtype" value="' + (obj.hidden == true ? 'HIDDEN' : 'ALBUM') + '" /></td>\
	</tr>\
	<tr>\
	<td></td>\
	</tr>\
	<tr>\
		<td  align="center" nowrap><strong><input class="btn-green" type="submit" value="Upload Files" /></td>\
	</tr>\
</tr>\
	</table>\
	</form>-->\
</div>');

var counter = 0;

obj.domObj.find("#fileupload").fileupload({
        // Uncomment the following to send cross-domain cookies:
        //xhrFields: {withCredentials: true},
        url: "/service/UploadImage.php?imgtype=" + (obj.hidden == true ? 'HIDDEN' : 'ALBUM') + "&album_id=" + obj.album_id + "&session_id=" + g_sessionId + "&access_code=" + g_accessCode,
		added: function() {
			obj.domObj.find(".submitbtn").show();
		},
		done: function (e, data) {
			//blockWinCount = Math.max(blockWinCount-1, 0);
			//			if (! blockWinCount) {
			//				$('body').unblock();
			//			}
						//alert(counter);
						counter--;
						if (! counter) {
							$('body').unblock();
							enableScrolling();
							blockWinCount = 0;
						}
						
						
						obj.callback(data.result);
					
						if (data.result === false) {
							alert("Error creating file!");
						}
		}
    });
	
	obj.domObj.find('form').submit(function(e) {
			e.preventDefault();
			obj.domObj.find(".subhide").hide();
			obj.domObj.find(".upblock").css("height", "auto");
			obj.domObj.find(".upload").show();
			//blockWinCount--;
			counter = obj.domObj.find('.btn-primary.start').length;
			//alert(counter);
			obj.domObj.find('.btn-primary.start').each(function() {
				//blockWindow();
				//counter++;
				$(this).click();
			});
		});

	return true;
}

ImageUpload.prototype.getDomObj=function() {
	return this.domObj;
}
	

ImageUpload.prototype.setHooks=function() {
	var obj = this;
	/*obj.domObj.find("form").submit(function(e) {
		e.preventDefault();
		
		blockWindow();
		
		var formData = new FormData(obj.domObj.find("form")[0]);

		
		$.ajax( { url: "/service/UploadImage.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
							cache: false,
							dataType: "json",
							type: "POST",
							data: formData,
							contentType: false,
							processData: false,
							timeout: 600000,
							success: function( data ) {

					
						
						blockWinCount = Math.max(blockWinCount-1, 0);
						if (! blockWinCount) {
							$('body').unblock();
						}
						
						obj.callback(data);
					
						if (data === false) {
							alert("Error creating file!");
						}
						
						}
		});
	
	});*/
}

ImageUpload.prototype.destroy=function() {

}

ImageUpload.prototype.isBuilt=function() {
	return false;
}

ImageUpload.prototype.resize=function() {
	this.domObj.height(10);
	this.domObj.height(this.domObj.parent().height() - 10);
}

ImageUpload.prototype.preContentSet=function(domO) {
	//console.log(domO);
	this.domObj.width(domO.width()-10);
	this.domObj.height(domO.height()-10);
}
function ViewPic(params) {
	this.pic = params.pic;
}

ViewPic.prototype.build = function() {
	var obj = this;

	this.domObj = $('<div style="text-align:left; padding: 8px; overflow-y:auto;"><img src="/service/GetFile.php?pic=' + this.pic + '" style="width: 100%;" /></div>');
	
	return true;
}

ViewPic.prototype.getDomObj=function() {
	return this.domObj;
}
	

ViewPic.prototype.setHooks=function() {

}

ViewPic.prototype.destroy=function() {

}

ViewPic.prototype.isBuilt=function() {
	return true;
}

ViewPic.prototype.resize=function() {
	this.domObj.height(10);
	this.domObj.height(this.domObj.parent().height() - 10);
}

ViewPic.prototype.preContentSet=function(domO) {
	//console.log(domO);
	this.domObj.height(domO.height()-10);
}
function InputServings(params) {
	params = params || {};
	this.edit = params.edit || false;
	this.nutrients = params.nutrients || {};
	params.servings = [ { name: '100g', grams: 100, num: 1 }, { name: '200g', grams: 200, num: 1 } ];
	this.servings = params.servings || [];
	this.name = params.name || '';
	this.id = params.id || 0;
	this.ingredients = params.ingredients || '';
	this.callback = params.callback || function() {};
	this.isbuilt = false;
	this.food_id = params.food_id || '';
	this.servid = params.servid || '';
}

InputServings.prototype.build = function() {
	var obj = this;
	
	if (this.edit) {
	
	obj.isbuilt = true;

	this.domObj = $('<div class="scrollblock" style="overflow-y:scroll; font-size: 1.6em;">\
	<table width="100%" align="center" style="margin-top: 12px; margin-bottom: 12px; padding:8px;">\
		<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><h3>Enter Nutrients</h3></td>\
		</tr>\
		<tr>\
			<td colspan="3" align="center" style="padding:18px;" nowrap><input type="text"  style="width: 100%; max-width:400px; text-align:center;" name="nname" value="' + '' + '" /></td>\
		</tr>\
			<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><hr /></td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%" nowrap><b>Calories</b></td><td style="padding-left: 8px;"   ><input type="text"  name="calories" value="' + (parseFloat(obj.nutrients.calories).toFixed(0) || 0) + '" size="5" /></td><td width="50%" style="text-align:left !important; ">kCal</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%"  nowrap><b>Protein</b></td><td style="padding-left: 8px;"   ><input type="text" name="protein_g" size="5" value="' + (parseFloat(obj.nutrients.protein).toFixed(0) || 0) + '" /></td><td width="50%"  style="text-align:left !important; ">g</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%" nowrap><b>Carbs</b></td><td style="padding-left: 8px;"  ><input type="text" name="carb_g" size="5" value="' + (parseFloat(obj.nutrients.carbs).toFixed(0) || 0) + '" /></td><td width="50%"  style="text-align:left !important; ">g</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%" nowrap><b>Sugar</b></td><td style="padding-left: 8px;"  ><input type="text"  name="sugar_g" size="5" value="' + (parseFloat(obj.nutrients.sugar).toFixed(0) || 0) + '" /></td><td width="50%"   style="text-align:left !important; ">g</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%" nowrap><b>Fiber</b></td><td style="padding-left: 8px;"  ><input type="text"  name="fiber_g" size="5"  value="' + (parseFloat(obj.nutrients.fiber).toFixed(0) || 0) + '" /></td><td width="50%"  style="text-align:left !important; ">g</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%" nowrap><b>Fat</b></td><td style="padding-left: 8px;"  ><input type="text"  name="fat_g" size="5" value="' + (parseFloat(obj.nutrients.fat).toFixed(0) || 0) + '" /></td><td width="50%" style="text-align:left !important; " >g</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%" nowrap><b>Saturated Fat</b></td><td style="padding-left: 8px;"  ><input type="text" size="5" name="fat_sat_g" value="' + (parseFloat(obj.nutrients.satFat).toFixed(0) || 0) + '" /></td><td width="50%"  style="text-align:left !important; ">g</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%"  nowrap><b>Mono Fat</b></td><td style="padding-left: 8px;"  ><input type="text"  size="5" name="fat_mono_g" value="' + (parseFloat(obj.nutrients.monoFat).toFixed(0) || 0) + '" /></td><td width="50%" style="text-align:left !important; " >g</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%"  nowrap><b>Poly Fat</b></td><td style="padding-left: 8px;"  ><input type="text"  size="5" name="fat_poly_g" value="' + (parseFloat(obj.nutrients.polyFat).toFixed(0) || 0) + '" /></td><td width="50%"  style="text-align:left !important; ">g</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%"  nowrap><b>Cholesterol</b></td><td style="padding-left: 8px;"  ><input type="text" size="5" name="cholesterol_mg" value="' + (parseFloat(obj.nutrients.cholesterol).toFixed(0) || 0) + '" /></td width="50%" ><td style="text-align:left !important; ">mg</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%" nowrap><b>Sodium</b></td><td style="padding-left: 8px;"  ><input type="text" size="5" name="sodium_mg" value="' + (parseFloat(obj.nutrients.sodium).toFixed(0) || 0) + '" /></td width="50%" ><td style="text-align:left !important; ">mg</td>\
		</tr>\
		<tr>\
			<td  style="text-align:right !important; padding-right: 8px;" width="50%"  nowrap><b>Potassium</b></td><td style="padding-left: 8px;"  ><input type="text" size="5" name="potassium_mg" value="' + (parseFloat(obj.nutrients.potassium).toFixed(0) || 0) + '" /></td><td width="50%" style="text-align:left !important; " >mg</td>\
		</tr>\
		</table>\
		</tr>\
			<tr>\
			<td colspan="3" align="center" style="padding-left: 8px;"><a href="#" class="btn-gray" id="logit">Add</a></td>\
		</tr>\
		</table>\
	</div>');
	
	obj.domObj.find("[name=nname]").val(obj.name || 'My Meal');
	
		obj.domObj.find("#logit").click(function(e) {
		e.preventDefault();
		
		unblockWindow();
		
		obj.callback(obj.id, obj.domObj.find('[name=nname]').val(), 1, '', parseFloat(obj.domObj.find('[name="calories"]').val()), parseFloat(obj.domObj.find('[name="protein_g"]').val()), parseFloat(obj.domObj.find('[name="carb_g"]').val()), parseFloat(obj.domObj.find('[name="sugar_g"]').val()), parseFloat(obj.domObj.find('[name="fiber_g"]').val()), parseFloat(obj.domObj.find('[name="fat_g"]').val()), parseFloat(obj.domObj.find('[name="fat_sat_g"]').val()),  parseFloat(obj.domObj.find('[name="fat_mono_g"]').val()),  parseFloat(obj.domObj.find('[name="fat_poly_g"]').val()),  parseFloat(obj.domObj.find('[name="cholesterol_mg"]').val()),  parseFloat(obj.domObj.find('[name="sodium_mg"]').val()),  parseFloat(obj.domObj.find('[name="potassium_mg"]').val()), 'calories');
		
	});

	
	}
	else {
	
	$.ajax( { url: "/service/GetFoodInfo.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: { food_id: obj.food_id },
			success: function(data) {
			
				obj.isbuilt = true;
		
		var calcweightstr = '';
		var servingGstr = '';
		
		var servings_str = '<select id="servings" style="width: auto;">';
		for (var i = 0; i < data.servings.length; i++) {
			var selected = '';
			if (obj.servid && data.servings[i].id == obj.servid) {
				selected = ' selected="selected" ';
			}
			var serv_label = data.servings[i]['num_servings'] + data.servings[i]['serving_desc'];
			if (data.servings[i]['serving_desc'] == 'Value per 100 g') {
				serv_label = '100g';
			}
			servings_str += '<option ' + selected + ' servid="' + data.servings[i].id + '" num="' + data.servings[i]['num_servings'] + '" value="' + data.servings[i]['grams_per_serving'] + '">' + htmlencode(replaceDuplicateWords(serv_label)) + '</option>';
		}
		servings_str += '</select>';
		//<option>100g</option><option>200g</option></select>';
		
		if (parseFloat(obj.nutrients.servingG)) {
			calcweightstr =	'<tr>\
			<td colspan="3" align="center"p><a id="calcweight" href="#" style="color: blue;">Calculate servings from weight</a></td>\
		</tr>\
		<tr>\
			<td colspan="3" align="center" id="weight_cell"><B>Or</B></td>\
		</tr>';
		
		/*servingGstr = '<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Serving Size (Grams)</b></td><td align="left"  style="text-align: right; padding-left: 8px;" width="100%" nowrap ><label>' + (obj.nutrients.servingG ? htmlencode(obj.nutrients.servingG) : '0') + '</label></td><td align="left" style="text-align: left;">g</td>\
		</tr>';*/
		}
		
		obj.domObj = $('<div class="scrollblock" style="overflow-y:scroll; font-size: 1.6em;">\
	<h3 style="font-size: 1.1em;">' + htmlencode(data.foodname) + '</h3><br />\
	<table " width="150" align="center" style="width: 170px; margin-top: 12px; margin-bottom: 12px; padding:8px;">\
'+calcweightstr+'\
		<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;" nowrap><input type="text" id="numservings" placeholder="# servings" size="9" value="' + htmlencode(obj.nutrients.servings || obj.servings[0].num || '') + '" /><a href="#" class="btn-gray" style="margin-left: 8px;" id="logit">Add</a></td>\
		</tr>\
			<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><hr /></td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Serving Size</b></td><td align="left" colspan="2" style="text-align: left; padding-left: 8px;" width="100%" nowrap ><label>' + servings_str + '</label></td>\
		</tr>\
'+servingGstr+'\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Calories</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="cals">' + (parseFloat(obj.nutrients.calories).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">kCal</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Protein</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="protein_g">' + (parseFloat(obj.nutrients.protein).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Carbs</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="carbs_g">' + (parseFloat(obj.nutrients.carbs).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Sugar</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="sugar_g">' + (parseFloat(obj.nutrients.sugar).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Fiber</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="fiber_g">' + (parseFloat(obj.nutrients.fiber).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Fat</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="fat_g">' + (parseFloat(obj.nutrients.fat).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Saturated Fat</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="fat_sat_g">' + (parseFloat(obj.nutrients.satFat).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Mono Fat</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="fat_mono_g">' + (parseFloat(obj.nutrients.monoFat).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Poly Fat</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="fat_poly_g">' + (parseFloat(obj.nutrients.polyFat).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">g</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Cholesterol</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="cholesterol_mg">' + (parseFloat(obj.nutrients.cholesterol).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">mg</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Sodium</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="sodium_mg">' + (parseFloat(obj.nutrients.sodium).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">mg</td>\
		</tr>\
		<tr>\
			<td align="right" style="padding-right: 8px; text-align: right;" nowrap><b>Potassium</b></td><td align="right" style="text-align: right; padding-left: 8px;" width="100%" ><label id="potassium_mg">' + (parseFloat(obj.nutrients.potassium).toFixed(0) || 0) + '</label></td><td align="left" style="text-align: left;">mg</td>\
		</tr>\
		</table>\
		<hr /><p align="center"><span style="color: #aa0000;">Ingredients:</span><br /><br /> <label id="ingredients">' + obj.ingredients + '</label></p>\
	</div>');
	
	obj.domObj.find("#calcweight").click(function(e) {
		e.preventDefault();
		obj.domObj.find("#weight_cell").html('<input id="numgrams" size="9" type="text" placeholder="# grams" />').parent().prev().remove();
		
	});
	
	obj.domObj.find("#ingredients").text(data.ingredients || '');
	
	var updateLabels = function() {
		var cserv = parseFloat(obj.domObj.find("#numservings").val());
		if (cserv) {
			var mult = (cserv * obj.domObj.find("#servings").val()) / obj.nutrients.servingG;
			obj.domObj.find("#cals").text(parseFloat(obj.nutrients.calories * mult).toFixed(0) || 0);
			obj.domObj.find("#protein_g").text(parseFloat(obj.nutrients.protein * mult).toFixed(0) || 0);
			obj.domObj.find("#carbs_g").text(parseFloat(obj.nutrients.carbs * mult).toFixed(0) || 0);
			obj.domObj.find("#sugar_g").text(parseFloat(obj.nutrients.sugar * mult).toFixed(0) || 0);
			obj.domObj.find("#fiber_g").text(parseFloat(obj.nutrients.fiber * mult).toFixed(0) || 0);
			obj.domObj.find("#fat_g").text(parseFloat(obj.nutrients.fat * mult).toFixed(0) || 0);
			obj.domObj.find("#fat_sat_g").text(parseFloat(obj.nutrients.satFat * mult).toFixed(0) || 0);
			obj.domObj.find("#fat_mono_g").text(parseFloat(obj.nutrients.monoFat * mult).toFixed(0) || 0);
			obj.domObj.find("#fat_poly_g").text(parseFloat(obj.nutrients.polyFat * mult).toFixed(0) || 0);
			obj.domObj.find("#cholesterol_mg").text(parseFloat(obj.nutrients.cholesterol * mult).toFixed(0) || 0);
			obj.domObj.find("#sodium_mg").text(parseFloat(obj.nutrients.sodium * mult).toFixed(0) || 0);
			obj.domObj.find("#potassium_mg").text(parseFloat(obj.nutrients.potassium * mult).toFixed(0) || 0);
		}
	};
	
	obj.domObj.on("keyup", "#numgrams", function() {
		var g = parseFloat($(this).val());
		var servings = g / obj.domObj.find("#servings").val(); //
		if (isNaN(servings)) {
			servings = 0;
		}
		obj.domObj.find("#numservings").val(parseFloat(servings).toFixed(2));
		updateLabels();
	});
	
	obj.domObj.on("keyup", "#numservings", updateLabels).triggerHandler('keyup');
	
	obj.domObj.find("#servings").change(function() {
		//obj.domObj.find("#numservings").val(obj.domObj.find("#servings").find("option:selected").attr('num'));
		obj.domObj.find("#numservings").val('1');
		updateLabels();
	});
	
	updateLabels();
	
	
	obj.domObj.find("#logit").click(function(e) {
		e.preventDefault();
		if (obj.domObj.find("#numservings").val() == '') {
			obj.domObj.find("#numservings").focus();
			return;
		}
		
		var servings = parseFloat(obj.domObj.find("#numservings").val());
		if (servings <= 0) {
			obj.domObj.find("#numservings").focus();
			return;
		}
		
		unblockWindow();
		
		var cserv = 1; //parseFloat(obj.domObj.find("#numservings").val());
		var mult = (cserv * obj.domObj.find("#servings").val()) / obj.nutrients.servingG;
		var calories = (parseFloat(obj.nutrients.calories * mult).toFixed(0) || 0);
		var protein = (parseFloat(obj.nutrients.protein * mult).toFixed(0) || 0);
		var carbs = (parseFloat(obj.nutrients.carbs * mult).toFixed(0) || 0);
		var sugar = (parseFloat(obj.nutrients.sugar * mult).toFixed(0) || 0);
		var fiber = (parseFloat(obj.nutrients.fiber * mult).toFixed(0) || 0);
		var fat = (parseFloat(obj.nutrients.fat * mult).toFixed(0) || 0);
		var fat_sat = (parseFloat(obj.nutrients.satFat * mult).toFixed(0) || 0);
		var fat_mono = (parseFloat(obj.nutrients.monoFat * mult).toFixed(0) || 0);
		var fat_poly = (parseFloat(obj.nutrients.polyFat * mult).toFixed(0) || 0);
		var cholesterol = (parseFloat(obj.nutrients.cholesterol * mult).toFixed(0) || 0);
		var sodium = (parseFloat(obj.nutrients.sodium * mult).toFixed(0) || 0);
		var potassium = (parseFloat(obj.nutrients.potassium * mult).toFixed(0) || 0);
		
		obj.callback(obj.id, data.foodname, servings, obj.domObj.find("#servings").find("option:selected").text(), calories, protein, carbs, sugar, fiber, fat, fat_sat,  fat_mono,  fat_poly,  cholesterol,  sodium,  potassium, 'food', parseFloat(obj.domObj.find("#servings").val()).toFixed(2), obj.domObj.find("#servings").find("option:selected").attr('servid'));
		//obj.callback(obj.id, obj.name, servings, obj.nutrients.servingSize, parseFloat(parseFloat(obj.nutrients.calories).toFixed(2)), parseFloat(parseFloat(obj.nutrients.protein).toFixed(2)), parseFloat(parseFloat(obj.nutrients.carbs).toFixed(2)), parseFloat(parseFloat(obj.nutrients.sugar).toFixed(2)), parseFloat(parseFloat(obj.nutrients.fiber).toFixed(2)), parseFloat(parseFloat(obj.nutrients.fat).toFixed(2)), parseFloat(parseFloat(obj.nutrients.satFat).toFixed(2)),  parseFloat(parseFloat(obj.nutrients.monoFat).toFixed(2)),  parseFloat(parseFloat(obj.nutrients.polyFat).toFixed(2)),  parseFloat(parseFloat(obj.nutrients.cholesterol).toFixed(2)),  parseFloat(parseFloat(obj.nutrients.sodium).toFixed(2)),  parseFloat(parseFloat(obj.nutrients.potassium).toFixed(2)), 'food', parseFloat(parseFloat(obj.nutrients.servingG).toFixed(2)));
		
	});
	
	
	}});
	
	}
	
	return false;
}

InputServings.prototype.getDomObj=function() {
	return this.domObj;
}
	

InputServings.prototype.setHooks=function() {

}

InputServings.prototype.destroy=function() {

}

InputServings.prototype.isBuilt=function() {
	return this.isbuilt;
}

InputServings.prototype.resize=function() {
	this.domObj.height(this.domObj.parent().height() - 10);
}

InputServings.prototype.preContentSet=function(domO) {
	this.domObj.height(domO.height()-10);
}
function InputExerciseData(params) {
	params = params || {};
	this.callback = params.callback || function() {};
	this.units = params.units || 'name|calories';
	this.name = params.name || '';
	this.id = params.id || 0;
	this.exercise_id = params.exercise_id || '';
	this.inputs = params.inputs || {};
}

InputExerciseData.prototype.build = function() {
	var obj = this;
	
	var u = this.units.split("|");
	
	
	var units = [];
	
	for (var i = 0; i < u.length; i++) {
		if (u[i].toLowerCase() == 'reps/weight*sets') {
			if (units.indexOf('sets') == -1) units.push('sets');
			if (units.indexOf('reps') == -1) units.push('reps');
			if (units.indexOf('weight') == -1) units.push('weight');
		}
		else if (u[i].toLowerCase() == 'reps/weight') {
			if (units.indexOf('reps') == -1) units.push('reps');
			if (units.indexOf('weight') == -1) units.push('weight');
		}
		else if (u[i].toLowerCase() == 'distance/time') {
			if (units.indexOf('distance') == -1) units.push('distance');
			if (units.indexOf('time') == -1) units.push('time');
		}
		else {
			if (units.indexOf(u[i].toLowerCase()) == -1) units.push(u[i].toLowerCase());
		}
	}
	
	var n = false;
	for (var u in units) {
		n = true;
	}
	if (n == false) {
		units = ['name', 'calories'];
	}
	
	var str = '';
	
	for (var i = 0; i < units.length; i++) {
		var inpstyle = '';
		var metric = '';
		if (units[i] == 'name') {
			var inpstyle = 'style="text-align: center; margin: 0px; max-width: 400px; width: 100%;" value="' + htmlencode(this.name) + '"' ;
		}
		else if (units[i] == 'time') {
			var inpstyle = ' style=" text-align: center;" size="6" ';
			metric = ' mins';
		}
		else if (units[i] == 'distance') {
			var inpstyle = ' style="text-align: center;" size="8" ';
			metric = ' miles';
		}
		else if (units[i] == 'weight') {
			var inpstyle = ' style="text-align: center;"  size="8" ';
			metric = ' lbs';
		}
		else if (units[i] == 'sets') {
			var inpstyle = ' style="text-align: center;" size="3" ';
		}
		else if (units[i] == 'reps') {
			var inpstyle = ' style="text-align: center;" size="3" ';
		}
		else if (units[i] == 'calories') {
			var inpstyle = ' style="text-align: center;" size="4" ';
		}
		
	str += '<tr>\
			<td style="padding-top: 8px;" align="center"  colspan="2"  nowrap><b>' + ucfirst(units[i]) + ':</b></td>\
		</tr>\
	<tr>\
			<td  width="100%" align="center" ><input type="number" id="' + units[i] + '" ' + inpstyle + ' placeholder="' + metric + '" /></td>\
		</tr>';
		
	}
	
	var namestr = 'Enter Data';
	
	if (units.indexOf('name') == -1) {
		namestr = this.name;
	}
	
	this.domObj = $('<div class="scrollblock" style="overflow-y:auto; font-size: 1.6em;">\
	<table " width="150" align="center" style="width: 80%; margin-top: 12px; margin-bottom: 12px; padding:8px;">\
		<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><h3>' + htmlencode(namestr) + '</h3></td>\
		</tr>\
			<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><hr /></td>\
		</tr>\
		' + str + '\
		<tr>\
		</tr>\
			<tr>\
			<td colspan="3" align="center" style="padding-left: 8px;"><a href="#" class="btn-green" id="logit">Add</a></td>\
		</tr>\
		</table>\
	</div>');
		
	for (var k in obj.inputs) {
		if (obj.inputs[k]) {
			obj.domObj.find("#" + k).val(obj.inputs[k]);
		}
	}
		
		
	obj.domObj.find("#logit").click(function(e) {
		e.preventDefault();
		
		var filledin = true;
		
		var inputs = { name: obj.name };
		
		var inps = obj.domObj.find('input[type=text]').each(function() {
			if (String($(this).val()).trim() == '') {
				$(this).focus();
				filledin = false;
				return false;
			}
			
			inputs[$(this).prop('id')] = $(this).val();
		});
		
		if (filledin == false) {
			return;
		}
		
		unblockWindow();
		
		obj.callback(obj.id, obj.exercise_id, obj.units, inputs);
		
	});
	
	return true;
}

InputExerciseData.prototype.getDomObj=function() {
	return this.domObj;
}
	

InputExerciseData.prototype.setHooks=function() {

}

InputExerciseData.prototype.destroy=function() {

}

InputExerciseData.prototype.isBuilt=function() {
	return true;
}

InputExerciseData.prototype.resize=function() {
	this.domObj.height(this.domObj.parent().height() - 10);
}

InputExerciseData.prototype.preContentSet=function(domO) {
	this.domObj.height(domO.height()-10);
}
function EmailLogin(params) {
	params = params || {};
	this.callback = params.callback || function() {};
}

EmailLogin.prototype.build = function() {
	var obj = this;


	this.domObj = $('<div class="scrollblock" style="overflow-y:scroll; font-size: 1.6em;">\
	<form action="#" method="POST">\
	<table width="100%" align="center" style="margin-top: 12px; margin-bottom: 12px; padding:8px;">\
		<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><h3 style="display: block; padding:8px; margin:0px;">Please enter your email address:</h3><!--<p align="center">(A permanent password will be emailed to you for future use)</p>--></td>\
		</tr>\
			<!--<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><hr /></td>\
		</tr>-->\
		</tr>\
			<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><input type="text"  placeholder="me@example.com" style="width: 100%;" id="searchinput" /></td>\
		</tr>\
		</tr>\
			<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><h3 style="display: block; padding:8px; margin:0px;">and desired password:</h3><input type="password" class="searchinput" id="emailpass" style="width:65%;" /></td>\
		</tr>\
		<tr>\
			<td colspan="3" align="left" style="padding: 8px;"><hr /></td>\
		</tr>\
		</tr>\
			<tr>\
			<td colspan="3" align="center" style="padding-left: 8px;"><input type="submit" class="btn-green" id="logit" value="Register" /></td>\
		</tr>\
		</tr>\
			<tr>\
			<td colspan="3" align="center" style="padding-left: 8px;"><p align="center" class="error"></p></td>\
		</tr>\
		</table>\
		</form>\
	</div>');
	
	this.domObj.find('form').submit(function(e) {
		e.preventDefault();
		$("input").blur();
		var pass = obj.domObj.find("#emailpass").val();
		if (! pass) {
			obj.domObj.find("#emailpass").focus();
			return;
		}
		
		if (pass.length < 6 || pass.length > 20) {
			obj.domObj.find(".error").text("Please enter a valid password (6-20 chars).");
			return;
		}	
		var email = obj.domObj.find("#searchinput").val();
		if (email.indexOf('@') == -1) {
			obj.domObj.find(".error").text("Please enter a valid email.");
			return;
		}
		obj.domObj.block({ showOverlay: false, centerY: false, css: { 'vertical-align':'middle', top: "0", width:"100%", height:"100px",position: 'relative', border: 0}, message: '<img src="images/ajax-loader.gif" height="100" />' });
		
		$.ajax( { url: "/service/EmailLogin.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: { email: email, password: pass },
			success: function( data ) {	
				obj.domObj.unblock();	
				if (! data || ! data.success) {
					if (data.errors) {
						obj.domObj.find(".error").text(data.errors['EMAIL']);
					}
					else {
						obj.domObj.find(".error").text("Please enter a valid email.");
					}
				}
				else {
					obj.callback(data);
				}
			}
		});
	});
	
	return true;
}

EmailLogin.prototype.getDomObj=function() {
	return this.domObj;
}
	

EmailLogin.prototype.setHooks=function() {

}

EmailLogin.prototype.destroy=function() {

}

EmailLogin.prototype.isBuilt=function() {
	return true;
}

EmailLogin.prototype.resize=function() {
	this.domObj.height(this.domObj.parent().height() - 10);
}

EmailLogin.prototype.preContentSet=function(domO) {
	this.domObj.height(domO.height()-10);
}
function ForgotPassword(params) {
	params = params || {};
	this.callback = params.callback || function() {};
}

ForgotPassword.prototype.build = function() {
	var obj = this;


	this.domObj = $('<div class="scrollblock" style="overflow-y:scroll; font-size: 1.6em;">\
	<form action="#" method="POST">\
	<table width="100%" align="center" style="margin-top: 12px; margin-bottom: 12px; padding:8px;">\
		<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><h3 style="display: block; padding:8px; margin:0px;">Please enter your email address:</h3><!--<p align="center">(A permanent password will be emailed to you for future use)</p>--></td>\
		</tr>\
			<!--<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><hr /></td>\
		</tr>-->\
		</tr>\
			<tr>\
			<td colspan="3" align="left" style="padding-left: 8px;"><input type="text"  placeholder="me@example.com" style="width: 100%;" id="searchinput" /></td>\
		</tr>\
		<tr>\
			<td colspan="3" align="left" style="padding: 8px;"><hr /></td>\
		</tr>\
		</tr>\
			<tr>\
			<td colspan="3" align="center" style="padding-left: 8px;"><input type="submit" class="btn-green" id="logit" value="Reset Password" /></td>\
		</tr>\
		</tr>\
			<tr>\
			<td colspan="3" align="center" style="padding-left: 8px;"><p align="center" class="error"></p></td>\
		</tr>\
		</table>\
		</form>\
    <p align="center" class="success"></p>\
	</div>');
	
	this.domObj.find('form').submit(function(e) {
		e.preventDefault();
		$("input").blur();

		var email = obj.domObj.find("#searchinput").val();
		if (email.indexOf('@') == -1) {
			obj.domObj.find(".error").text("Please enter a valid email.");
			return;
		}
		obj.domObj.block({ showOverlay: false, centerY: false, css: { 'vertical-align':'middle', top: "0", width:"100%", height:"100px",position: 'relative', border: 0}, message: '<img src="images/ajax-loader.gif" height="100" />' });
		
		$.ajax( { url: "/service/ForgotPassword.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: { email: email },
			success: function( data ) {	
				obj.domObj.unblock();	
				if (! data || ! data.success) {
					if (data.errors) {
						obj.domObj.find(".error").text(data.errors['EMAIL']);
					}
					else {
						obj.domObj.find(".error").text("Please enter a valid email.");
					}
				}
				else {
					obj.domObj.find(".success").html('We have sent an email to:<hr /><br /><B>' + email + '</B><br /><br /><br /><br /><br /><a href="#" class="btn-green" id="closewin">Return</a>');
          			obj.domObj.find("form,table").remove();
          			obj.domObj.find("#closewin").click(function(e) {
						e.preventDefault();
						unblockWindow();
          			});
				}
			}
		});
	});
	
	return true;
}

ForgotPassword.prototype.getDomObj=function() {
	return this.domObj;
}
	

ForgotPassword.prototype.setHooks=function() {

}

ForgotPassword.prototype.destroy=function() {

}

ForgotPassword.prototype.isBuilt=function() {
	return true;
}

ForgotPassword.prototype.resize=function() {
	this.domObj.height(this.domObj.parent().height() - 10);
}

ForgotPassword.prototype.preContentSet=function(domO) {
	this.domObj.height(domO.height()-10);
}
function LoadMeal(params) {
	this.built = false;
	params = params || {};
	this.callback = params.callback || function() {};
	this.currmealid = params.currmealid || 0;
}

LoadMeal.prototype.refresh=function() {
	var obj = this;
	$.ajax( { url: "/service/GetOwnedMeals.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "json", 
			data: {},
			success: function(data) {
				obj.built = true;
				var str = '';
				for (var k in data) {
					str+='<div class="classlist" mealid="' + k + '">'+(data[k]||'unnamed')+'</div>';
				}
				obj.domObj.find("#loadmeals").append($(str));
				
				obj.domObj.find("#loadmeals").find(".classlist").click(function(e) {
					e.preventDefault();
					obj.domObj.find("#loadmeals").find(".classlist").removeClass("selected");
					$(this).addClass("selected");
				});
			}
	});
}

LoadMeal.prototype.build = function() {
	var obj = this;
	
	this.domObj = $('<div><div id="loadmeals" style="text-align:left; padding: 8px; overflow-y: scroll; width: 270px; height: 200px; font-size: 1.4em;"></div><p align="center"><a class="btn-green" id="loadmeal">Load</a>&nbsp;<a class="btn-red" id="removemeal">Delete</a></p></div>');
	
	obj.refresh();

	
	return false;
}

LoadMeal.prototype.getDomObj=function() {
	return this.domObj;
}
	

LoadMeal.prototype.setHooks=function() {

}

LoadMeal.prototype.destroy=function() {

}

LoadMeal.prototype.isBuilt=function() {
	return this.built;
}

LoadMeal.prototype.resize=function() {
	this.domObj.height(10);
	this.domObj.height(this.domObj.parent().height() - 10);
}

LoadMeal.prototype.preContentSet=function(domO) {
	//console.log(domO);
	this.domObj.height(domO.height()-10);
}

LoadMeal.prototype.setHooks=function() {
	var obj = this;

	this.domObj.find("#removemeal").click(function(e) {
		e.preventDefault();
		var meal_id = obj.domObj.find(".classlist.selected").attr("mealid");
		if (! meal_id) {
			alert("Please select a meal to delete!");
			return;
		}
		if (! confirm("Are you sure you want to remove this meal?")) {
			return;
		}
		//blockWindow();
		$.ajax( { url: "/service/DeleteMeal.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { meal_id: meal_id },
				success: function(data) {
					obj.domObj.find("#loadmeals").empty();
					obj.refresh();
					//unblockWindow();
					if (obj.currmealid == meal_id) {
						obj.callback(0, '', []);
					}
				}
		});
		
	});
	this.domObj.find("#loadmeal").click(function(e) {
		e.preventDefault();
		var meal_id = obj.domObj.find(".classlist.selected").attr("mealid");
		if (! meal_id) {
			alert("Please select a meal to load!");
			return;
		}
		if (meal_id) {
			blockWindow();
			$.ajax( { url: "/service/LoadMeal.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
				cache: false,
				dataType: "json", 
				data: { meal_id: meal_id },
				success: function(data) {
					unblockWindow();
					//alert(JSON.stringify(data.dishes));
					obj.currmealid = obj.mealid;
					obj.callback(data.mealid, data.mealname, data.dishes);
				}
			});
		}
		else {
			alert("No meal selected!");
		}
	
	});
}
function LineChart(params) {
	params = params || {};
	this.height = params.height || 0;
}

LineChart.prototype.build = function() {
	var obj = this;

	var height_str = 'min-height: 300px;';
	if (this.height) {
		height_str = 'height: ' + this.height + 'px;';
	}

	this.domObj = $('<div>\
		<div id="report_legend"></div>\
	<canvas id="canvas" class="page_width" style="' + height_str + '"></canvas></div>');
	
	
	
	return true;
}

LineChart.prototype.getDomObj=function() {
	return this.domObj;
}

LineChart.prototype.setHooks=function() {
	var obj = this;


}

LineChart.prototype.setData=function(data) {
	this.data = data;
}

LineChart.prototype.contentSet=function() {
	
	var options = {
			responsive: true,
			maintainAspectRatio: false,
  legendTemplate : '<ul>'
                  +'<% for (var i=0; i<datasets.length; i++) { %>'
                    +'<li>'
                    +'<span style=\"display:inline-table; width: 20px; height: 20px; margin-right:8px;  background-color:<%=datasets[i].strokeColor%>\"></span>'
                    +'<% if (datasets[i].label) { %><%= datasets[i].label %><% } %>'
                  +'</li>'
                +'<% } %>'
              +'</ul>'
  };
  
  options.scaleLabel= "<%= '  ' + value%>";
	
		var ctx = this.domObj.find("canvas")[0].getContext("2d");
		window.myLine = new Chart(ctx).Line(this.data, options);
		var legend = window.myLine.generateLegend();
		this.domObj.find("#report_legend").html(legend);
}

LineChart.prototype.destroy=function() {
	if (window.myLine) {
		window.myLine.destroy();
		window.myLine = null;
	}
}

LineChart.prototype.isBuilt=function() {
	return true;
}

function BarChart(params) {
	params = params || {};
	this.labelFunc = null;
}

BarChart.prototype.build = function() {
	var obj = this;

	this.domObj = $('<div>\
		<div id="report_legend"></div>\
	<canvas id="canvas" class="page_width" style="min-height: 300px;"></canvas></div>');
	
	
	
	return true;
}

BarChart.prototype.getDomObj=function() {
	return this.domObj;
}

BarChart.prototype.setHooks=function() {
	var obj = this;


}

BarChart.prototype.setData=function(data) {
	this.data = data;
}

BarChart.prototype.setLabels=function(f) {
	this.labelFunc = f;
}

BarChart.prototype.contentSet=function() {
	
	var options = {
			responsive: true,
  legendTemplate : '<ul>'
                  +'<% for (var i=0; i<datasets.length; i++) { %>'
                    +'<li>'
                    +'<span style=\"display:inline-table; width: 20px; height: 20px; margin-right:8px;  background-color:<%=datasets[i].strokeColor%>\"></span>'
                    +'<% if (datasets[i].label) { %><%= datasets[i].label %><% } %>'
                  +'</li>'
                +'<% } %>'
              +'</ul>'
  };
  options.scaleLabel= "<%= '  ' + value%>";
  if (this.labelFunc) {
	  options.scaleLabel = this.labelFunc;
		options.scaleOverride =  true;
		options.scaleSteps = 5;//
		options.scaleStepWidth = 0.2;
		//scaleStepWidth: 10,
		options.scaleStartValue=  0.0;
		//alert("here");
  }
	
		var ctx = this.domObj.find("canvas")[0].getContext("2d");
		window.myLine = new Chart(ctx).Bar(this.data, options);
		var legend = window.myLine.generateLegend();
		this.domObj.find("#report_legend").html(legend);
}

BarChart.prototype.destroy=function() {
	if (window.myLine) {
		window.myLine.destroy();
		window.myLine = null;
	}
}

BarChart.prototype.isBuilt=function() {
	return true;
}

function AdhereDetails(params) {
	params = params || {};
  this.datestr = params.datestr || '';
}

AdhereDetails.prototype.build = function() {
	var obj = this;
	
	this.domObj = $('<div class="scrollblock" style="overflow-y:auto; font-size: 1.6em;"></div>');
	
	$.ajax( { url: "/service/GetAdherenceDetail.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
		cache: false,
		dataType: "json", 
		data: { datestr: this.datestr },
		success:function(data) {
				var adherence = Math.min(1.0, data.calc);
			var score = '<span class="adherence" style="color: green; font-size: 25px; display: block; padding: 8px;"><B>A</B></span>';
				if (adherence <= 0.8) {
					score = '<span class="adherence" style="color: green; font-size: 25px; display: block; padding: 8px;"><B>B</B></span>';
				}
				if (adherence <= 0.6) {
					score = '<span class="adherence" style="color: #777777; font-size: 25px; display: block; padding: 8px;"><B>C</B></span>';
				}
				if (adherence <= 0.4) {
					score = '<span class="adherence" style="color: red; font-size: 25px; display: block; padding: 8px;"><B>D</B></span>';
				}
				if (adherence <= 0.2) {
					score = '<span class="adherence" style="color: red; font-size: 25px; display: block; padding: 8px;"><B>F</B></span>';
				}
			
			obj.domObj.html('<div style="font-size: 25px; padding: 5px;">Adherence Grade:<br />' + score + '</div><hr /><br /><span id="adheredet" style="font-size: 16px; display: inline-block; text-align: left; padding: 8px; border: 1px solid #000000; border-radius: 6px; background-color: #eeeeee;">' + data.msg + '</span>');
			obj.resize();
		}
	});
	
	return true;
}

AdhereDetails.prototype.getDomObj=function() {
	return this.domObj;
}
	

AdhereDetails.prototype.setHooks=function() {

}

AdhereDetails.prototype.destroy=function() {

}

AdhereDetails.prototype.isBuilt=function() {
	return true;
}

AdhereDetails.prototype.resize=function() {
	this.domObj.height(this.domObj.parent().height() - 10);
}

AdhereDetails.prototype.preContentSet=function(domO) {
	this.domObj.height(domO.height()-10);
}
function PrivacyPolicy(params) {
	params = params || {};
	this.callback = params.callback || function() {};
}

PrivacyPolicy.prototype.build = function() {
	var obj = this;


	this.domObj = $('<div id="privacyblock" class="scrollblock" style="overflow-y:auto; font-size: 1.6em;">\
	</div>');

    $.ajax( { url: "/privacy.php?session_id=" + g_sessionId + "&access_code=" + g_accessCode, 
			cache: false,
			dataType: "html", 
			data: {},
			success: function( data ) {	
				obj.domObj.html(data);
			}
	});
	
	return true;
}

PrivacyPolicy.prototype.getDomObj=function() {
	return this.domObj;
}
	

PrivacyPolicy.prototype.setHooks=function() {

}

PrivacyPolicy.prototype.destroy=function() {

}

PrivacyPolicy.prototype.isBuilt=function() {
	return true;
}

PrivacyPolicy.prototype.resize=function() {
	this.domObj.height(this.domObj.parent().height() - 10);
}

PrivacyPolicy.prototype.preContentSet=function(domO) {
	this.domObj.height(domO.height()-10);
}
function infichart(canvas, type, numbars, startval, endval, currval, addcb, prependcb) {
	this.swipeTimer = null;
	this.resetTimer = null;
	this.scrollToTimer = null;
	
	this.addcb = addcb || null;
	this.prependcb = prependcb || null;

	var xDown = 0;
	var yDown = 0;
	var mousedown = false;
	var xStart = 0;
	var yStart = 0;
	var startTime = new Date();
	var lastDir = 0;

	var LEFT = 1, RIGHT = 2;

	var obj = this;

	
	this.infichart = {};

	
	this.infichart.ctx = canvas.getContext('2d');
	this.infichart.canvas = canvas;
	
	
	this.infichart.labels = {};
	this.infichart.offset = 0;
	this.infichart.labelmode = 'days';
	this.infichart.numintervals = 10;
	//infichart.incby = 1.0/0.5; //inc by 0.5
	this.infichart.incby = 1;
	this.infichart.scale = 4;
	//infichart.incby = 1.0/0.1; //inc by 0.1
	//infichart.startval = 10;
	this.infichart.type = type;
	this.infichart.currval = 0;
	this.infichart.numbars = numbars;
	this.infichart.barwidth = 10;
	this.infichart.barpadding = 1;
	this.infichart.unitpadding = 5;
	this.infichart.startval = startval;
	var range = 30;
	this.infichart.endval = endval;
	this.infichart.labels.single = '';
	this.infichart.labels.multi = '';
	this.infichart.data = {};
	
	
	// startval 0 = today
	// startval 14 = 14 days before today
	// startval in case of month avg 0 = current month
	// startval in case of month avg 2 = current_month - 2 months
	this.setInfiChartValue(currval);
	this.drawInfiChart();
	
	/*setInterval(function() {
		if (obj.swipeTimer === null && ! mousedown && obj.scrollToTimer === null) {
			infichart.endval++;
			refreshInfiChart();
			//infichart.startval = Math.max(infichart.startval-1, 0);
			$(window).triggerHandler('resize');
		}
	}, 1000);*/

	$(canvas).bind('touchmove', function(e) {
		// BETA
		if (e.originalEvent.touches.length > 1) e.preventDefault();
	});
	
	var twodelay = null;

	$(canvas).bind('touchstart mousedown', function(event) {
		event.stopPropagation();
		if ($(event.target).is("button,a")) return;
		var x = event.pageX;
	    var y = event.pageY;

	    if (event.type != 'mousedown') {
	        x = event.originalEvent.touches[event.originalEvent.touches.length - 1].pageX;
	        y = event.originalEvent.touches[event.originalEvent.touches.length - 1].pageY;
			if (event.originalEvent.touches.length == 1) { 
				twodelay = setTimeout(function() {
					twodelay = null;
					$("#usetwo").fadeIn();
				}, 250);
				return;
			}
			if (twodelay) {
				clearTimeout(twodelay);
				twodelay = null;
			}
			$("#usetwo").fadeOut();
	    }
	    
	    //x/=obj.infichart.scale;
	    x = obj.scaleX(x);
	     y = obj.scaleY(y);
	    
	    xDown = xStart = x;
	    yDown = yStart = y;
	    startTime = new Date();
	    
	    if (obj.scrollToTimer !== null) {
	    	clearTimeout(obj.scrollToTimer);
	    	obj.scrollToTimer = null;
	    }
	    if (obj.resetTimer !== null) {
	    	 clearTimeout(obj.resetTimer);
	    	 obj.resetTimer = null;
	    }
	    if (obj.swipeTimer !== null) {
	    	 clearTimeout(obj.swipeTimer);
	    	 obj.swipeTimer = null;
	    }
	    
	    
	    mousedown = true;
	
	}).bind('touchmove mousemove', function(event) {
		event.stopPropagation();
		var x = event.pageX;
	    var y = event.pageY;
	    if (event.type != 'mousemove') {
	        x = event.originalEvent.touches[event.originalEvent.touches.length - 1].pageX;
	        y = event.originalEvent.touches[event.originalEvent.touches.length - 1].pageY;
			if (event.originalEvent.touches.length == 1) return;
	    }
	    
	    if (mousedown) {
	    	//x/=obj.infichart.scale;
	    	x = obj.scaleX(x);
	    	y = obj.scaleY(y);
	    
	    	if (x < xStart) {
	    		if (lastDir == RIGHT) {
	    			startTime = new Date();
	    			xStart = x;
	    		}
	    		lastDir = LEFT; //left
	    	}
	    	else if (x > xStart) {
	    		if (lastDir == LEFT) {
	    			startTime = new Date();
	    			xStart = x;
	    		}
	    		lastDir = RIGHT;
	    	}
	   	 	obj.infichart.offset+=x-xDown;
	   	 	xDown = x;
	   	 	obj.clampOffset();
	   	 	
	   	 	//$("#offset").text(infichart.offset);
			obj.drawInfiChart();
			if (obj.resetTimer !== null) clearTimeout(obj.resetTimer);
			obj.resetTimer = setTimeout(function() {
				startTime = new Date();
				xStart = x;
				obj.resetTimer = null;
			}, 20);
		}
	
	}).bind('touchend', function(e) {
		if (twodelay) {
				clearTimeout(twodelay);
				twodelay = null;
				
			}
			$("#usetwo").fadeOut();
	});
	obj.touchup = function(event) {
		event.stopPropagation();
		mousedown = false;
		
		var x = event.pageX;
	    var y = event.pageY;
	    if (event.type != 'mouseup') {
	        x = event.originalEvent.touches[event.originalEvent.touches.length - 1].pageX;
	        y = event.originalEvent.touches[event.originalEvent.touches.length - 1].pageY;
			
	    }
	    
	    //x/=obj.infichart.scale;
	    x = obj.scaleX(x);
	    y = obj.scaleY(y);
	    
	    var dist = xStart - x;
	    var time = new Date().getTime() - startTime.getTime();
	    
	    var factor = dist / time;
	    factor *= -1.0;
		
		if (factor > 2.0)  factor = 2.0;
		else if (factor < -2.0) factor = -2.0;
	    
	    //console.log(factor);
	    
	    if (obj.swipeTimer !== null) clearTimeout(obj.swipeTimer);
	    var f = function() {
	    	var incBy = 15 * factor;
	    	//if (factor<0) var pos = false;
	    	//else var pos = true;
	    	factor -= factor * 0.05;
	    	obj.infichart.offset+=incBy;
	    	obj.clampOffset();
			obj.drawInfiChart();
			
			obj.swipeTimer = null;
			
			if (Math.abs(incBy) < 1.5) { 
				obj.setInfiChartCenter();
				return;
			}
			obj.swipeTimer = setTimeout(f, 30);
	    };
	    
	    // BETA
	    obj.swipeTimer = setTimeout(f, 30);
	};
	$(window).bind('touchend mouseup', obj.touchup);
}


infichart.prototype.destroy=function() {
	$(window).unbind('touchend mouseup', this.touchup);
}

infichart.BAR_CHART = 0;
infichart.LINE_CHART = 1;

infichart.prototype.scaleX=function(x) {
	return x * PIXEL_RATIO / this.infichart.scale;
}

infichart.prototype.scaleY=function(y) {
	return y * PIXEL_RATIO / this.infichart.scale;
}


infichart.prototype.setInfiChartValue=function(val) {
	//var obj = this;
	//infichart.canvas.width = $(infichart.canvas).width();
	//infichart.canvas.height = $(infichart.canvas).height();
	
	//var h = infichart.canvas.height;
	//var w = infichart.canvas.width;
	
	var h = this.getInfiChartHeight();
	var w = this.getInfiChartWidth();
	
	
	
	val -= this.infichart.startval;
	
	
	
	val *= this.infichart.incby;
	
	val = this.infichart.endval - val;

	
    this.infichart.ctx.moveTo(0, h/2);
    this.infichart.ctx.lineTo(w, h/2);
	
    
    var radius = 4;
    
    var offset = this.infichart.offset;
    //offset += w/2;

    
    var incby = parseInt(w / this.infichart.numintervals);
    var center = parseInt(w / 2);
    
    this.infichart.offset = -(incby * val - center);
	
	this.drawInfiChart();
}

infichart.prototype.clampOffset=function() {
	var w = this.getInfiChartWidth();
	var center = w/ 2;
	var incby = parseInt(w / this.infichart.numintervals);
	this.infichart.offset = Math.max(this.infichart.offset, -((this.infichart.endval) * incby * this.infichart.incby) + center);
	this.infichart.offset = Math.min(this.infichart.offset, -((this.infichart.startval+1) * incby * this.infichart.incby) + center);
}
infichart.prototype.getInfiChartWidth=function() {
	return this.infichart.canvas.width/this.infichart.scale;
}
infichart.prototype.getInfiChartHeight=function() {
	return this.infichart.canvas.height/this.infichart.scale;
}

infichart.prototype.setInfiChartRez=function() {
	//PIXEL_RATIO = 1;
	this.infichart.canvas.width = $(this.infichart.canvas).width() * PIXEL_RATIO;
	this.infichart.canvas.height = $(this.infichart.canvas).height() * PIXEL_RATIO;
	//this.infichart.canvas.width/=2;
	//this.infichart.canvas.height/=2;
	//if (window.innerWidth*PIXEL_RATIO > 1000) {
	//		this.infichart.scale = 4.0;
	//	}
	//	else {
	//		this.infichart.scale = 4.0;
	//	}
	this.infichart.scale = this.infichart.canvas.width / $(this.infichart.canvas).width();
	this.infichart.scale *= 1.5;
	this.infichart.ctx.scale(this.infichart.scale, this.infichart.scale);
	//this.infichart.ctx.translate(0,20);
}

var PIXEL_RATIO = (function () {
    var ctx = document.createElement("canvas").getContext("2d"),
        dpr = window.devicePixelRatio || 1,
        bsr = ctx.webkitBackingStorePixelRatio ||
              ctx.mozBackingStorePixelRatio ||
              ctx.msBackingStorePixelRatio ||
              ctx.oBackingStorePixelRatio ||
              ctx.backingStorePixelRatio || 1;

    return dpr / bsr;
})();

infichart.prototype.getChartHeightTopPad=function() {
	return 10 * PIXEL_RATIO;
}

infichart.prototype.getInfiChartCurrentValue=function() {
		var obj = this;
	
		var h = this.getInfiChartHeight();
		var w = this.getInfiChartWidth();
	
		var offset = this.infichart.offset;
    
    	var incby = parseInt(w / this.infichart.numintervals);
    	
    	var x = offset%incby;
    	if (isNaN(x)) x = 0;
    	
    	var center = w/ 2;
    	
    	var closest_x = null;
    	var new_offset = 0;
    	
    	for (;;) {
    	    
    		x += incby;
    		if (closest_x === null || Math.abs(center - x) < Math.abs(new_offset)) {
    			closest_x = x;
    			new_offset = center - x;
    		}

    		if (x > w) break;
    	}
    	
    	
    	var gotox = Math.ceil(this.infichart.offset + new_offset - center);
    	
    	var ret = parseInt(Math.abs(gotox)/incby);
		
		ret = (this.infichart.endval - ret);
		
		if (isNaN(ret)) return 0; // need to find out cause
    	
    	//console.log("current value: " + ret);
    	
    	return ret;
}

infichart.prototype.setInfiChartCenter=function() {
	var obj = this;
	
		//infichart.canvas.width = $(infichart.canvas).width()/2;
		//infichart.canvas.height = $(infichart.canvas).height()/2;
		//setInfiChartRez();
	
		var h = this.getInfiChartHeight();
		var w = this.getInfiChartWidth();
		//var h = infichart.canvas.height;
		//var w = infichart.canvas.width;
	
		var offset = this.infichart.offset;
    
    	var incby = parseInt(w / this.infichart.numintervals);
    	
    	var x = offset%incby;
    	if (isNaN(x)) {
    		//alert("nan");
    		x = 0;
    	}
    	//var num = parseInt(Math.abs(offset)/incby);
    	
    	var center = w/ 2;
    	
    	var closest_x = null;
    	var new_offset = 0;
    	
    	for (;;) {
    	    
    		x += incby;
    		if (closest_x === null || Math.abs(center - x) < Math.abs(new_offset)) {
    			closest_x = x;
    			new_offset = center - x;
    		}

    		if (x > w) break;
    	}
    	//console.log(new_offset);
    	var gotox = Math.ceil(this.infichart.offset + new_offset);
    	this.infichart.offset = Math.floor(this.infichart.offset);
    	if (obj.scrollToTimer !== null) clearTimeout(obj.scrollToTimer);
    	var f = function() {
    		if (obj.infichart.offset < gotox) {
    			obj.infichart.offset++;
    			obj.drawInfiChart();
    			obj.scrollToTimer = setTimeout(f, 5);
    		}
    		else if (obj.infichart.offset > gotox) {
    			obj.infichart.offset--;
    			obj.drawInfiChart();
    			obj.scrollToTimer = setTimeout(f, 5);
    		}
    		else {
    		//alert("done");
    			obj.drawInfiChart();
    			obj.scrollToTimer = null;
    		}
    	};
    	obj.scrollToTimer = setTimeout(f, 5);
};

var cntr = 0;

infichart.prototype.setChartValues=function(data, startval, endval, currval) {
	//console.log(data);
	this.infichart.data = data;
	this.infichart.startval = startval;
	this.infichart.endval = endval;
	this.setInfiChartValue(currval);
	this.drawInfiChart();
}

infichart.prototype.getChartValue=function(thenum, i) {
	//thenum = new String(thenum);
	//i = new String(i);
	//console.log(this.infichart.data);
	if (typeof(this.infichart.data[thenum]) == 'undefined') {
		//console.log("null 1 - " + thenum);
		return null;
		this.infichart.data[thenum] = [];
		///for (var i = 0; i < infichart.numbars; i++) {
		//	infichart.data[thenum][i] = Math.random();
		//}
	}
	if (typeof(this.infichart.data[thenum][i]) == 'undefined') {
		//console.log("null 2 - " + thenum + ' - ' + i);
		//this.infichart.data[thenum][i] =  0;// parseInt(getRandRange(170, 230)); //Math.random()*9999;//*0.8;
		return null;
		//if (cntr++ % 3 == 0) this.infichart.data[thenum][i] = 181;
		//else if (cntr % 2 == 0) this.infichart.data[thenum][i] = 230;
		//else this.infichart.data[thenum][i] = 180;
		//cntr++;
	}
	
	return this.infichart.data[thenum][i];
}



infichart.prototype.infiChartSetColor=function(i) {
	if (i == 1) {
		this.infichart.ctx.fillStyle = 'rgba(255, 0, 0, 0.5)';
		this.infichart.ctx.strokeStyle = 'rgba(255, 0, 0, 1.0)';
	}
	else if (i == 2) {
		this.infichart.ctx.fillStyle = 'rgba(0, 0, 255, 0.5)';
		this.infichart.ctx.strokeStyle = 'rgba(0, 0, 255, 1.0)';
	}
	else if (i == 0) {
		this.infichart.ctx.fillStyle = g_bar_fill_color;
		this.infichart.ctx.strokeStyle = g_bar_fill_color; //g_bar_stroke_color;
	}
	else {
		var multr = 60;
		var multg = 60;
		var multb = 60;
		if (i % 6 == 0) {
			//multr = 120;
			i = 1;
			multg = 20;
			multb = 100;
		}
		else if (i % 4 == 0) {
			multg = 0;
		}
		else if (i % 2 == 0) {
			multr = 0;
		}
		else if (i % 3 == 0) {
			multb = 0;
		}
		
		this.infichart.ctx.fillStyle = 'rgba(' + Math.min(i * multr, 200) + ', ' + Math.min(i * multg, 200) + ', ' + Math.min(i * multb, 200) + ', 0.5)';
		this.infichart.ctx.strokeStyle = 'rgba(' + Math.min(i * multr, 200) + ', ' + Math.min(i * multg, 200) + ', ' + Math.min(i * multb, 200) + ', 1.0)';
	}
	
	this.setShadow();
	
	return this.infichart.ctx.fillStyle;
}


infichart.prototype.setShadow=function() {
	this.infichart.ctx.shadowColor = "rgba(0,0,0,0.5)";
	this.infichart.ctx.shadowOffsetX = 1;
    this.infichart.ctx.shadowOffsetY = 1;
	this.infichart.ctx.shadowBlur = 0;	
	
		this.infichart.ctx.shadowColor =  g_chart_shadow_color;
	this.infichart.ctx.shadowOffsetX = 0;
    this.infichart.ctx.shadowOffsetY = 0;
	this.infichart.ctx.shadowBlur = 0;
}

infichart.prototype.calcPoints=function() {
	var min= null, max= null;
	for (var k in this.infichart.data) {
		if (min === null) {
			min = k;
		}
		if (max === null) {
			max = k;
		}
		min = Math.min(min, k);
		max = Math.max(max, k);
	}
	return [min, max];
}

infichart.prototype.infiChartAppendChunks=function(num) {
	var obj = this;
	if (obj.addcb && ! obj.waiting) {
		obj.waiting = true;
		obj.addcb(obj.infichart.endval, function(data) {
			
			//console.log(data);
			
			var val = obj.infichart.currval;
			
			
			obj.waiting = false;

			for (var k in data) {
				obj.infichart.data[k] = data[k];
			}

			var pts = obj.calcPoints();
			obj.infichart.startval = pts[0];
			obj.infichart.endval = pts[1]+1;
			
			obj.setInfiChartValue(val); // set stored value
			
			obj.refreshInfiChart();
		});
	}
}

infichart.prototype.infiChartPrependChunks=function(num) {
	var obj = this;
	if (obj.prependcb && ! obj.waiting) {
		obj.waiting = true;
		obj.prependcb(-obj.infichart.startval, function(data) {
			obj.waiting = false;
			//obj.infichart.startval-=num;
			//obj.infichart.startval = Math.max(obj.infichart.startval, 0);
			
			var val = obj.infichart.currval;
			
			for (var k in data) {
				obj.infichart.data[k] = data[k];
			}
			
			var pts = obj.calcPoints();
			obj.infichart.startval = pts[0];
			obj.infichart.endval = pts[1]+1;
			
			obj.setInfiChartValue(val); // set stored value
			
			obj.refreshInfiChart();
		});
	}
}

infichart.prototype.getPad=function() {
	return 0;
}

infichart.prototype.getMinMaxValueVisible=function() {
	var obj = this;
	var min = 99999999, max = 0;
	
	var h = this.getInfiChartHeight();
	var w = this.getInfiChartWidth();
	
	var offset = this.infichart.offset;
   // console.log(infichart.offset);
    //offset += w/2;

    
    var incby = parseInt(w / this.infichart.numintervals);
    var x = offset%incby;
    if (isNaN(x)) x = 0;
    var num = parseInt(offset/incby);
	
	
    //x = w - x;
	
	var curr_num = (this.getInfiChartCurrentValue()+this.infichart.startval);

    for (;;) {
    	
    	if (num <= 0) {
    		var thenum = ((this.infichart.endval-(Math.abs(num)/this.infichart.incby))+this.infichart.startval);
			if (thenum <= this.infichart.endval) {
			
				for (var i = 0; i < this.infichart.numbars; i++) {
					var curr_value = this.getChartValue(thenum, i);
					
					min = Math.min(min, curr_value);
					max = Math.max(max, curr_value);
				}
			
				if ((Math.abs(num)/this.infichart.incby) >= this.infichart.endval) break;	
			}
		}
		
    	x += incby;
    	num--;
    	if (x > w) break;
    }
    
    return [ Math.min(min, 0), max ];
	
}

infichart.prototype.getMinMaxValue=function(start, end) {
	var min = 99999999999, max = 0;

	for (var num = start; num < end; num++) {
		for (var i = 0; i < this.infichart.numbars; i++) {
			var curr_value = this.getChartValue(num, i);
			if (curr_value === null) break;
					
			min = Math.min(min, curr_value);
			max = Math.max(max, curr_value);
		}
	}
	
	return [ Math.min(min, min), max ];
}

infichart.prototype.massageMinMax=function(minmax) {
	if (typeof(this.infichart.minmax) != 'undefined') {
		minmax[0] = this.infichart.minmax[0];
		minmax[1] = this.infichart.minmax[1];
		return;
	}
	if (! this.infichart.strict) {
		if (minmax[0] > 0) {
			minmax[0] = 0;
		}
		else {
			minmax[0] *= 2.0;
		}
		
		/*minmax[1] *= 2.0;
		if (minmax[1] > 1000) {
			minmax[1] = Math.floor(minmax[1]/1000)*1000;
		}
		else {
			minmax[1] = Math.floor(minmax[1]/100)*100;
		}*/
		if (minmax[1] > 1000) {
			minmax[1] = Math.ceil(minmax[1]/1000)*1000;
		}
		if (minmax[1] > 100) {
			minmax[1] = Math.ceil(minmax[1]/100)*100;
		}
		else {
			minmax[1] = Math.ceil(minmax[1]/10)*10;
		}
		
		if (minmax[0] == minmax[1] && minmax[0] == 0) {
			minmax[1] = 1;
		}
	}
}

function addMonths(date, months) {
  date.setMonth(date.getMonth() + months);
  return date;
}

function getSunday(d) {
  d = new Date(d);
  var day = d.getDay(),
      diff = d.getDate() - day;
  return new Date(d.setDate(diff));
}

function getMonday(d) {
  d = new Date(d);
  var day = d.getDay(),
      diff = d.getDate() - day + (day == 0 ? -6 : 1);
  return new Date(d.setDate(diff));
}

infichart.prototype.getLabel=function(thenum) {
	if (this.infichart.labelmode == 'todayhours') {
		var d = new Date();
		var h = d.getHours()+1;
		h -= thenum;
		
		if (h <= 0) {
			var datestring = Math.abs(12 - h) + " PM";
		}
		else if (h > 12) {
			h -= 12;
			var datestring = h + " PM";
		}
		else {
			var datestring = h + " AM";
		}
		
		return datestring;
		//d = new Date().setTime(d.getHours().getTime()
	}
	else if (this.infichart.labelmode == 'hours') {
		var d = new Date();
		var h = 23;
		h -= thenum;
		
		if (h <= 0) {
			var datestring = Math.abs(12 - h) + " PM";
		}
		else if (h > 12) {
			h -= 12;
			var datestring = h + " PM";
		}
		else {
			var datestring = h + " AM";
		}
		
		return datestring;
		//d = new Date().setTime(d.getHours().getTime()
	}
	else if (this.infichart.labelmode == 'days') {
		var date = new Date();
		if (thenum <= 0) {
			var d = date;
			var datestring = 'Today';
		}
		else {
			var d = date - 1000 * 60 * 60 * 24 * thenum;   // current date's milliseconds - 1,000 ms * 60 s * 60 mins * 24 hrs * (# of days beyond one to go back)
			d = new Date(d);
			if (isDateInCurrentWeek(d)) {
				var dayAr = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ];
				var datestring = dayAr[d.getDay()];
			}
			else {
				var datestring = pad(d.getMonth()+1, 2) + "/" + pad(d.getDate(),2);
			}
		}
		return datestring;
	}
	else if (this.infichart.labelmode == 'months') {
		var d = new Date();
		addMonths(d, -thenum);
		
		return pad(d.getMonth()+1, 2) + '/' + d.getFullYear();
	}
	else if (this.infichart.labelmode == 'years') {
		var d = new Date();
		var y = d.getFullYear();
		y -= thenum;
		return new String(y);
	}
	if (this.infichart.labelmode == 'weeks') {
		var date = getSunday(new Date());
		var week_time = 1000 * 60 * 60 * 24 * 7;
		
		var monday = getMonday(new Date());
		
		var dm = date - week_time * thenum;

		var d = date - week_time * thenum + week_time - 1000 * 60 * 60 * 24;   // current date's milliseconds - 1,000 ms * 60 s * 60 mins * 24 hrs * (# of days beyond one to go back)
		d = new Date(d);
		dm = new Date(dm);
		var datestring = pad(dm.getMonth()+1, 2) + "/" + pad(dm.getDate(),2) + "-" + pad(d.getMonth()+1, 2) + "/" + pad(d.getDate(),2);
			
		return datestring;
	}
}

infichart.prototype.drawScale=function(bottom_line, min, max) {

	//console.log(max);

	var diff = max - min;
	
	var scale_val = min;
	
	//bottom_line *= 0.8;
	
	var num_scales = 4;
	
	bottom_line-=+this.getChartHeightTopPad();
	
	//if (typeof(this.infichart.scaleOptions) != 'undefined') {
	//	num_scales = this.infichart.scaleOptions.length-1;
	//}
	
	
	//console.log("max: " + max);
	
	var w = this.getInfiChartWidth();
	var h = this.getInfiChartHeight();
	
	if (typeof(this.infichart.scaleOptions) != 'undefined') {
		num_scales = this.infichart.scaleOptions.length-1;
	}
	
	var scale_inc = diff / num_scales;
	
	
	var first = true;
	var y = bottom_line - 2;
	
	var incby =  y / (num_scales);
	
	this.infichart.ctx.font = "10px Normal";
	this.infichart.ctx.strokeStyle = "rgba(45, 0, 0, 0.4)";
	this.infichart.ctx.fillStyle = "#000000";
	
	this.setShadow();
	
	var y_add = -1; // 11
	
	if (max == min) {
		y = 0;
		
		//this.infichart.ctx.fillStyle = "#000000";
    	numstr = '' + Math.round(max);
    	this.infichart.ctx.fillText(numstr+ (this.infichart.scaleSuffix||''), 0, y+y_add+this.getChartHeightTopPad());
    		
    		this.infichart.ctx.lineWidth = 0.2;
    		this.infichart.ctx.beginPath();
			this.infichart.ctx.setLineDash([1]);
			this.infichart.ctx.moveTo(0, y+1+this.getChartHeightTopPad());
			this.infichart.ctx.lineTo(w, y+1+this.getChartHeightTopPad());
			this.infichart.ctx.stroke();
			this.infichart.ctx.setLineDash([]);
			this.infichart.ctx.lineWidth = 1;
			return;
	}
	var oi = 0;
	
	//scale_val <= max && 
	while (Math.ceil(y) >= 0) {
	
		//this.infichart.ctx.font = "7px Arial";
		
		if (typeof(this.infichart.scaleOptions) != 'undefined') {
			numstr = this.infichart.scaleOptions[oi++] || '';
		}
		else if (y<=0) {
			if (diff > 4) {
				numstr = '' + Math.floor(max);
			}
			else {
				numstr = '' + max.toFixed(1);
			}
		}
		else {
			if (diff > 4) {
				numstr = '' + Math.floor(scale_val);
			}
			else {
    			numstr = '' + scale_val.toFixed(1);
    		}
    	}
    	
    	
    	if (! first) {
    		this.infichart.ctx.fillText(numstr+(this.infichart.scaleSuffix||''), 0, y+y_add+this.getChartHeightTopPad());
    		//this.infichart.ctx.strokeStyle = "rgba(45, 0, 0, 0.4)";
    		this.infichart.ctx.lineWidth = 0.2;
    		this.infichart.ctx.beginPath();
			this.infichart.ctx.setLineDash([1]);
			this.infichart.ctx.moveTo(0, y+1+this.getChartHeightTopPad());
			this.infichart.ctx.lineTo(w, y+1+this.getChartHeightTopPad());
			this.infichart.ctx.stroke();
			this.infichart.ctx.setLineDash([]);
			this.infichart.ctx.lineWidth = 1;
		
		}
		else {
			this.infichart.ctx.fillText(numstr+ (this.infichart.scaleSuffix||''), 0, y+y_add+this.getChartHeightTopPad());
		}
		first = false;
	
		scale_val += scale_inc;
	
		y -= incby;
	}
}

infichart.prototype.drawBottomLine=function(bottom_line, clip) {
	
	this.infichart.ctx.fillStyle = 'black';
	this.infichart.ctx.strokeStyle = 'black';
	
	var h = this.getInfiChartHeight();
	var w = this.getInfiChartWidth();
	
		this.infichart.ctx.beginPath();
		this.infichart.ctx.moveTo(0, bottom_line);
		this.infichart.ctx.lineTo(w, bottom_line);
		this.infichart.ctx.closePath();
		this.infichart.ctx.stroke();

}

infichart.prototype.drawInfiChart=function() {

	var obj = this;
	
	//infichart.canvas.width = $(infichart.canvas).width()/2;
	//infichart.canvas.height = $(infichart.canvas).height()/2;
	//setInfiChartRez();
	
	//var h = infichart.canvas.height;
	//var w = infichart.canvas.width;
	
	var h = this.getInfiChartHeight();
	var w = this.getInfiChartWidth();
	
	if (this.infichart.offset > w/2) {
	 	this.infichart.offset = w/2;
	}
	
	var bottom_line = h-30;
	
	this.infichart.ctx.fillStyle = 'black';
	this.infichart.ctx.strokeStyle = 'black';
	
	this.infichart.ctx.clearRect(0, 0, w, h);
	
	//infichart.ctx.beginPath();
	
	
	//var minmax = this.getMinMaxValueVisible();
	var minmax = this.getMinMaxValue(this.infichart.startval, this.infichart.endval);
	this.massageMinMax(minmax);
    //console.log(minmax);
    
    var radius = 4;
    
    var offset = this.infichart.offset;
   // console.log(infichart.offset);
    //offset += w/2;

    
    var incby = parseInt(w / this.infichart.numintervals);
    var x = offset%incby;
    if (isNaN(x)) x = 0;
    var num = parseInt(offset/incby);
	
	
    //x = w - x;
	
	var curr_num = (this.getInfiChartCurrentValue()+this.infichart.startval);
	
	var pts = {
	
	};

	var padding = this.infichart.barpadding;			
	var bw = -this.infichart.numbars*(this.infichart.barwidth+padding+padding)/2;
	if (this.infichart.type == infichart.LINE_CHART) {
		//bw = -1*(this.infichart.barwidth+padding+padding)/2-(padding*2);
	}
	var barx = bw;

	this.infichart.ctx.fillStyle = 'red';
	roundRect(this.infichart.ctx, w/2+barx-padding, bottom_line+6, -bw*2+padding*2, 20, 8, true, false);


	
	
	
	if (this.infichart.type == infichart.LINE_CHART) {
		this.drawBottomLine(bottom_line);
	}
	
	this.infichart.ctx.save();
	this.infichart.ctx.rect(30,0,w,h);
	this.infichart.ctx.clip();

    for (;;) {
    	
    	if (num <= 0) {
			var thenum = ((this.infichart.endval-(Math.abs(num)/this.infichart.incby))+this.infichart.startval);
			if (thenum <= this.infichart.endval-1) {
		
				//infichart.ctx.arc(x, h/2, radius, 0, 2 * Math.PI, false);
				this.infichart.ctx.fillStyle = 'black';
				//infichart.ctx.fill();
				//infichart.ctx.strokeStyle = '#003300';
				//infichart.ctx.stroke();
				
				
				this.infichart.ctx.font = "8px Normal";
				
				var datestring = this.getLabel(thenum);
				
				
	var bw = -this.infichart.numbars*(this.infichart.barwidth+padding+padding)/2;
	if (this.infichart.type == infichart.LINE_CHART) {
		bw = -1*(this.infichart.barwidth+padding+padding)/2-(padding*2);
	}
	var barx = bw;
				
				
				var numstr = '' + datestring;
				if (curr_num == thenum) {
					
					this.infichart.ctx.fillStyle = 'white';
					
				}
				//this.infichart.ctx.fillText(numstr, x-numstr.length*3, bottom_line+20);
				//console.log(this.infichart.ctx.measureText(numstr));
				this.infichart.ctx.fillText(numstr, x-(this.infichart.ctx.measureText(numstr).width/2), bottom_line+20);
				//measureText(txt)

				for (var i = 0; i < this.infichart.numbars; i++) {
					this.infiChartSetColor(i);
					
					if (this.infichart.type == infichart.LINE_CHART) {
						
					
						var prev_value = this.getChartValue(thenum+1, i);
						var curr_value = this.getChartValue(thenum, i);
						var next_value = this.getChartValue(thenum-1, i);
						if (minmax[0] < 0) {
							prev_value += Math.abs(minmax[0]);
							curr_value += Math.abs(minmax[0]);
							next_value += Math.abs(minmax[0]);
						}
						else  {
							prev_value -= Math.abs(minmax[0]);
							curr_value -= Math.abs(minmax[0]);
							next_value -= Math.abs(minmax[0]);
						}
						
						
						var barheight = (bottom_line)-this.getChartHeightTopPad();
						var diff = minmax[1] - minmax[0];
						//diff = 10;
						//curr_value = 10;
						var factor1 = curr_value / diff;
						var factor0 = prev_value / diff;
						var factor2 = next_value / diff;
						if (minmax[0] == minmax[1]) factor1 = factor0 = factor2 = 1.0;
						
						
						
						
						this.infichart.ctx.beginPath();
						
						if (thenum < this.infichart.endval-1)  {
							//infichart.ctx.moveTo(x-incby, (bottom_line)*prev_value);
							
							var pt1x = x-incby;
							var pt1y = barheight-(factor0 * barheight); //(bottom_line)*(1.0-prev_value);
							
							var pt2x = x;
							var pt2y = barheight-(factor1 * barheight);//(bottom_line)*(1.0-curr_value);
							
							pt1y += this.getChartHeightTopPad(); //this.getPad();
							pt2y += this.getChartHeightTopPad(); //this.getPad();
							
							//var xc = (pt1x + pt2x) / 2;
     						//var yc = (pt1y + pt2y) / 2;
      						//infichart.ctx.quadraticCurveTo(pt2x, pt2y, xc, yc);
							
    						//infichart.ctx.lineTo(x, (bottom_line)*curr_value);
    						
    						if (typeof(pts[i]) == 'undefined') {
    							pts[i] = [];
    							pts[i].push(x-incby);
    							pts[i].push(pt1y);
    							//pts[i].push((bottom_line)*(1.0-prev_value));
    						}
    						pts[i].push(x);
    						pts[i].push(pt2y);
    						
    						if (x + incby > w) {
    							if (thenum-1>=0) {
    								pts[i].push(x+incby);
    								pts[i].push(barheight-(factor2*barheight));
    							}
    						}
    						
    						//pts[i].push((bottom_line)*(1.0-curr_value));
    					}
    						
    					this.infichart.ctx.closePath();
    					this.infichart.ctx.stroke();
    					
    					//}
    					
    					//this.infichart.ctx.arc(x, (bottom_line)*(1.0-curr_value), radius, 0, 2 * Math.PI, false);
    					this.infichart.ctx.arc(x, barheight-(barheight*factor1)+this.getChartHeightTopPad(), radius, 0, 2 * Math.PI, false);
    					
    					this.infichart.ctx.fill();
    					
    					
    					
    					//console.log(x);
						
						//infichart.ctx.fillRect(x+barx+padding,bottom_line,infichart.barwidth,-(bottom_line-10)*getChartValue(thenum, i)); 
						//infichart.ctx.strokeRect(x+barx+padding,bottom_line,infichart.barwidth,-(bottom_line-10)*getChartValue(thenum, i));					
					}
					else if (this.infichart.type == infichart.BAR_CHART) {
					
						var barheight = -(bottom_line)+this.getChartHeightTopPad();
						
						var diff = minmax[1] - minmax[0];
						
						//diff = 10;
						var val = this.getChartValue(thenum, i);
						
						if (minmax[0] < 0) val += Math.abs(minmax[0]);
						else  val -= Math.abs(minmax[0]);
						//val = 2;
						
						var factor = val / diff;
						if (minmax[0] == minmax[1]) factor = 1.0;
						
						//console.log(factor);
						
						//minmax
					
						this.infichart.ctx.fillRect(x+barx+padding,bottom_line,this.infichart.barwidth,Math.min(-1, factor*barheight)); 
						this.infichart.ctx.strokeRect(x+barx+padding,bottom_line,this.infichart.barwidth,Math.min(-1, factor*barheight));
					}
					
					barx+=this.infichart.barwidth+padding+padding;
				}					
				
				//if (((infichart.endval-(Math.abs(num)/infichart.incby))+infichart.startval)  >= infichart.endval) break;
				if ((Math.abs(num)/this.infichart.incby) >= this.infichart.endval) break;
			
			}
		
		}
		
		
    
    	x += incby;
    	num--;
    	if (x > w) break;
    }
    
    if (this.infichart.type == infichart.LINE_CHART) {
		var tension = 1;

		for (var i in pts) {
			this.infiChartSetColor(i);
			drawCurve(this.infichart.ctx, pts[i]);
			this.infichart.ctx.stroke();
		}
		
		//console.log(pts);
	}
	
	
	//this.infichart.ctx.rect(0,0,w,h);
	this.infichart.ctx.restore();
	
	this.drawScale(bottom_line, minmax[0], minmax[1]);
	
	if (this.infichart.type == infichart.BAR_CHART) {
		this.drawBottomLine(bottom_line);
	}
	
	
    
    //infichart.ctx.beginPath();
    
    //infichart.ctx.moveTo(w/2, bottom_line-15);
    //infichart.ctx.lineTo(w/2, bottom_line);
    
    //infichart.ctx.stroke();
    
    //infichart.ctx.beginPath();
    
    //var curr_num = (getInfiChartCurrentValue()+infichart.startval);
	this.infichart.currval = curr_num;
    
    var numstr = '' + (curr_num);
    this.infichart.ctx.font = "16px Arial";
    numstr += (curr_num ==1?this.infichart.labels.single:this.infichart.labels.multi);
    //infichart.ctx.fillText(numstr, (w/2)-(numstr.length*4), h/2-20);
    //infichart.ctx.fill();
    
    if (curr_num >= this.infichart.endval-1) {
    	//setTimeout(function() {
    			console.log(curr_num + " - " + (this.infichart.endval-1));
    		obj.infiChartAppendChunks(5);
    	//}, 20);
    }
    else if (curr_num <= this.infichart.startval && curr_num > 0) {
    	//setTimeout(function() {
    		obj.infiChartPrependChunks(5);
    	//}, 20);
    }
    
}

infichart.prototype.refreshInfiChart=function() {
		var barwidth = this.infichart.barwidth+this.infichart.barpadding*2 + this.infichart.unitpadding;
		var numbars = this.infichart.numbars;
		if (this.infichart.type == infichart.LINE_CHART) numbars = 1;
		
		var val = this.infichart.currval;
		
		
		
		this.setInfiChartRez();
		this.infichart.numintervals = this.getInfiChartWidth() / (barwidth*numbars);
		this.drawInfiChart(); // reset resolution
		this.setInfiChartValue(val); // set stored value
		//setInfiChartCenter(); // finally set center
}

function setChartOptions(chart) {
	chart.infichart.barwidth = 10;
	chart.infichart.barpadding = 1;
	chart.infichart.unitpadding = 5;
	switch (Math.min(chart.infichart.numbars, 3)) {
		case 3:
			if (chart.infichart.type == infichart.LINE_CHART) {
				chart.infichart.unitpadding = 15;
				chart.infichart.barwidth = 25;
			}
			else if (chart.infichart.type == infichart.BAR_CHART) {
				chart.infichart.unitpadding = 5;
				chart.infichart.barwidth = 10;
			}
			break;
		case 2:
			if (chart.infichart.type == infichart.LINE_CHART) {
				chart.infichart.unitpadding = 10;
				chart.infichart.barpadding = 0;
				chart.infichart.barwidth = 40;
			}
			else if (chart.infichart.type == infichart.BAR_CHART) {
				chart.infichart.unitpadding = 10;
				chart.infichart.barpadding = 3;
				chart.infichart.barwidth = 20;
			}
			break;
		case 1:
			if (chart.infichart.type == infichart.LINE_CHART) {
				/*chart.infichart.unitpadding = 10;
				chart.infichart.barpadding = 0;
				chart.infichart.barwidth = 40;*/
				chart.infichart.unitpadding = 10;
				chart.infichart.barpadding = 5;
				chart.infichart.barwidth = 10;
			}
			else if (chart.infichart.type == infichart.BAR_CHART) {
				chart.infichart.unitpadding = 10;
				chart.infichart.barpadding = 5;
				chart.infichart.barwidth = 20;
				
				//chart.infichart.unitpadding = 10;
				//chart.infichart.barpadding = 6;
				//chart.infichart.barwidth = 10;
			}
			break;
	}
	if (chart.infichart.labelmode == 'months' && chart.infichart.numbars == 1) {
		chart.infichart.unitpadding+=5;
		chart.infichart.barpadding+=2;
	}
	if (chart.infichart.labelmode == 'weeks' && chart.infichart.numbars == 1) {
		chart.infichart.unitpadding+=15;
		chart.infichart.barpadding+=5;
	}
	if (chart.infichart.labelmode == 'weeks' && chart.infichart.numbars > 1) {
		chart.infichart.unitpadding+=3;
		chart.infichart.barpadding+=3;
	}
}


function infidaychart(canvas, type, numbars, startval, endval, currval, addcb, prependcb) {
	this.swipeTimer = null;
	this.resetTimer = null;
	this.scrollToTimer = null;
	
	this.addcb = addcb || null;
	this.prependcb = prependcb || null;

	var xDown = 0;
	var yDown = 0;
	var mousedown = false;
	var xStart = 0;
	var yStart = 0;
	var startTime = new Date();
	var lastDir = 0;

	var LEFT = 1, RIGHT = 2;

	var obj = this;
	
	this.infichart = {};

	
	this.infichart.ctx = canvas.getContext('2d');
	this.infichart.canvas = canvas;
	
	
	this.infichart.labels = {};
	this.infichart.offset = 0;
	this.infichart.fontsize =  "8.5pt"; //(5 * PIXEL_RATIO) + "px";// * PIXEL_RATIO;
	this.infichart.bottomfontsize =  "5.25pt"
	this.infichart.labelmode = 'days';
	this.infichart.numintervals = 10;
	//infichart.incby = 1.0/0.5; //inc by 0.5
	this.infichart.incby = 1;
	this.infichart.scale = 4;
	//infichart.incby = 1.0/0.1; //inc by 0.1
	//infichart.startval = 10;
	this.infichart.type = type;
	this.infichart.currval = 0;
	this.infichart.numbars = numbars;
	this.infichart.barwidth = 10;
	this.infichart.barpadding = 1;
	this.infichart.unitpadding = 5;
	this.infichart.startval = startval;
	var range = 30;
	this.infichart.endval = endval;
	this.infichart.labels.single = '';
	this.infichart.labels.multi = '';
	this.infichart.data = {};
	
	
	// startval 0 = today
	// startval 14 = 14 days before today
	// startval in case of month avg 0 = current month
	// startval in case of month avg 2 = current_month - 2 months
	this.setInfiChartValue(currval);
	this.drawInfiChart();
	
	/*setInterval(function() {
		if (obj.swipeTimer === null && ! mousedown && obj.scrollToTimer === null) {
			infichart.endval++;
			refreshInfiChart();
			//infichart.startval = Math.max(infichart.startval-1, 0);
			$(window).triggerHandler('resize');
		}
	}, 1000);*/

	$(canvas).bind('touchmove', function(e) {
		// BETA
		//e.preventDefault();
	});

	/*$(canvas).bind('touchstart mousedown', function(event) {
		event.stopPropagation();
		if ($(event.target).is("button,a")) return;
		var x = event.pageX;
	    var y = event.pageY;

	    if (event.type != 'mousedown') {
	        x = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageX;
	        y = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageY;
	    }
	    
	    //x/=obj.infichart.scale;
	    x = obj.scaleX(x);
	     y = obj.scaleY(y);
	    
	    xDown = xStart = x;
	    yDown = yStart = y;
	    startTime = new Date();
	    
	    if (obj.scrollToTimer !== null) {
	    	clearTimeout(obj.scrollToTimer);
	    	obj.scrollToTimer = null;
	    }
	    if (obj.resetTimer !== null) {
	    	 clearTimeout(obj.resetTimer);
	    	 obj.resetTimer = null;
	    }
	    if (obj.swipeTimer !== null) {
	    	 clearTimeout(obj.swipeTimer);
	    	 obj.swipeTimer = null;
	    }
	    
	    
	    mousedown = true;
	
	}).bind('touchmove mousemove', function(event) {
		event.stopPropagation();
		var x = event.pageX;
	    var y = event.pageY;
	    if (event.type != 'mousemove') {
	        x = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageX;
	        y = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageY;
	    }
	    
	    if (mousedown) {
	    	//x/=obj.infichart.scale;
	    	x = obj.scaleX(x);
	    	y = obj.scaleY(y);
	    
	    	if (x < xStart) {
	    		if (lastDir == RIGHT) {
	    			startTime = new Date();
	    			xStart = x;
	    		}
	    		lastDir = LEFT; //left
	    	}
	    	else if (x > xStart) {
	    		if (lastDir == LEFT) {
	    			startTime = new Date();
	    			xStart = x;
	    		}
	    		lastDir = RIGHT;
	    	}
	   	 	obj.infichart.offset+=x-xDown;
	   	 	xDown = x;
	   	 	obj.clampOffset();
	   	 	
	   	 	//$("#offset").text(infichart.offset);
			obj.drawInfiChart();
			if (obj.resetTimer !== null) clearTimeout(obj.resetTimer);
			obj.resetTimer = setTimeout(function() {
				startTime = new Date();
				xStart = x;
				obj.resetTimer = null;
			}, 20);
		}
	
	});
	obj.touchup = function(event) {
		event.stopPropagation();
		mousedown = false;
		
		var x = event.pageX;
	    var y = event.pageY;
	    if (event.type != 'mouseup') {
	        x = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageX;
	        y = event.originalEvent.changedTouches[event.originalEvent.changedTouches.length - 1].pageY;
	    }
	    
	    //x/=obj.infichart.scale;
	    x = obj.scaleX(x);
	    y = obj.scaleY(y);
	    
	    var dist = xStart - x;
	    var time = new Date().getTime() - startTime.getTime();
	    
	    var factor = dist / time;
	    factor *= -1.0;
	    
	    //console.log(factor);
	    
	    if (obj.swipeTimer !== null) clearTimeout(obj.swipeTimer);
	    var f = function() {
	    	var incBy = 15 * factor;
	    	//if (factor<0) var pos = false;
	    	//else var pos = true;
	    	factor -= factor * 0.05;
	    	obj.infichart.offset+=incBy;
	    	obj.clampOffset();
			obj.drawInfiChart();
			
			obj.swipeTimer = null;
			
			if (Math.abs(incBy) < 1.5) { 
				obj.setInfiChartCenter();
				return;
			}
			obj.swipeTimer = setTimeout(f, 30);
	    };
	    
	    // BETA
	    obj.swipeTimer = setTimeout(f, 30);
	};
	$(window).bind('touchend mouseup', obj.touchup);*/
}


infidaychart.prototype.destroy=function() {
	$(window).unbind('touchend mouseup', this.touchup);
}

infichart.BAR_CHART = 0;
infichart.LINE_CHART = 1;

infidaychart.prototype.scaleX=function(x) {
	return x * PIXEL_RATIO / this.infichart.scale;
}

infidaychart.prototype.scaleY=function(y) {
	return y * PIXEL_RATIO / this.infichart.scale;
}


infidaychart.prototype.setInfiChartValue=function(val) {
	var obj = this;
	//infichart.canvas.width = $(infichart.canvas).width();
	//infichart.canvas.height = $(infichart.canvas).height();
	
	//var h = infichart.canvas.height;
	//var w = infichart.canvas.width;
	
	var h = this.getInfiChartHeight();
	var w = this.getInfiChartWidth();
	
	
	
	val -= this.infichart.startval;
	
	
	
	val *= this.infichart.incby;
	
	val = this.infichart.endval - val;

	
    this.infichart.ctx.moveTo(0, h/2);
    this.infichart.ctx.lineTo(w, h/2);
	
    
    var radius = 4;
    
    var offset = this.infichart.offset;
    //offset += w/2;

    
    var incby = parseInt(w / this.infichart.numintervals);
	incby = obj.getbx();
    var center = parseInt(w / 2);
    
    this.infichart.offset = -(incby * val - center);
	
	this.drawInfiChart();
}

infidaychart.prototype.clampOffset=function() {
	var w = this.getInfiChartWidth();
	var center = w/ 2;
	var incby = parseInt(w / this.infichart.numintervals);
	this.infichart.offset = Math.max(this.infichart.offset, -((this.infichart.endval) * incby * this.infichart.incby) + center);
	this.infichart.offset = Math.min(this.infichart.offset, -((this.infichart.startval+1) * incby * this.infichart.incby) + center);
}
infidaychart.prototype.getInfiChartWidth=function() {
	return this.infichart.canvas.width/this.infichart.scale;
}
infidaychart.prototype.getInfiChartHeight=function() {
	return this.infichart.canvas.height/this.infichart.scale;
}

infidaychart.prototype.setInfiChartRez=function() {
	//PIXEL_RATIO = 1;
	this.infichart.canvas.width = $(this.infichart.canvas).width() * PIXEL_RATIO;
	this.infichart.canvas.height = $(this.infichart.canvas).height() * PIXEL_RATIO;
	//this.infichart.canvas.width/=2;
	//this.infichart.canvas.height/=2;
	if (window.innerWidth*PIXEL_RATIO > 1000) {
			//this.infichart.scale = 3.5;
			//this.infichart.scale = 7 / PIXEL_RATIO;
		}
		else {
			//this.infichart.scale = 3.5;
			//this.infichart.scale = 7 / PIXEL_RATIO;
		}
	//this.infichart.scale = this.infichart.canvas.width / ($(this.infichart.canvas).width() / 1.5);
		//this.infichart.ctx.setTransform(PIXEL_RATIO, 0, 0, PIXEL_RATIO, 0, 0);
	this.infichart.scale = this.infichart.canvas.width / $(this.infichart.canvas).width();
	this.infichart.scale *= 1.5;
	this.infichart.ctx.scale(this.infichart.scale, this.infichart.scale);
	//this.infichart.ctx.translate(0,20);
}

var PIXEL_RATIO = (function () {
    var ctx = document.createElement("canvas").getContext("2d"),
        dpr = window.devicePixelRatio || 1,
        bsr = ctx.webkitBackingStorePixelRatio ||
              ctx.mozBackingStorePixelRatio ||
              ctx.msBackingStorePixelRatio ||
              ctx.oBackingStorePixelRatio ||
              ctx.backingStorePixelRatio || 1;

    return dpr / bsr;
})();

infidaychart.prototype.getChartHeightTopPad=function() {
	return 9 * PIXEL_RATIO;
}

infidaychart.prototype.getInfiChartCurrentValue=function() {
		var obj = this;
	
		var h = this.getInfiChartHeight();
		var w = this.getInfiChartWidth();
	
		var offset = this.infichart.offset;
    
    	var incby = parseInt(w / this.infichart.numintervals);
		incby = obj.getbx();
    	
    	var x = offset%incby;
    	if (isNaN(x)) x = 0;
    	
    	var center = w/ 2;
    	
    	var closest_x = null;
    	var new_offset = 0;
    	
    	for (;;) {
    	    
    		x += incby;
    		if (closest_x === null || Math.abs(center - x) < Math.abs(new_offset)) {
    			closest_x = x;
    			new_offset = center - x;
    		}

    		if (x > w) break;
    	}
    	
    	
    	var gotox = Math.ceil(this.infichart.offset + new_offset - center);
    	
    	var ret = parseInt(Math.abs(gotox)/incby);
		
		ret = (this.infichart.endval - ret);
		
		if (isNaN(ret)) return 0; // need to find out cause
    	
    	//console.log("current value: " + ret);
    	
    	return ret;
}
infidaychart.prototype.getbx=function() {
	var obj = this;
	var w = this.getInfiChartWidth();
	return w/27;
}

infidaychart.prototype.setInfiChartCenter=function() {
	var obj = this;
	
		//infichart.canvas.width = $(infichart.canvas).width()/2;
		//infichart.canvas.height = $(infichart.canvas).height()/2;
		//setInfiChartRez();
	
		var h = this.getInfiChartHeight();
		var w = this.getInfiChartWidth();
		//var h = infichart.canvas.height;
		//var w = infichart.canvas.width;
	
		var offset = this.infichart.offset;
    
    	var incby = parseInt(w / this.infichart.numintervals);
		incby = obj.getbx();
    	
    	var x = offset%incby;
    	if (isNaN(x)) {
    		//alert("nan");
    		x = 0;
    	}
    	//var num = parseInt(Math.abs(offset)/incby);
    	
    	var center = w/ 2;
    	
    	var closest_x = null;
    	var new_offset = 0;
    	
    	for (;;) {
    	    
    		x += incby;
    		if (closest_x === null || Math.abs(center - x) < Math.abs(new_offset)) {
    			closest_x = x;
    			new_offset = center - x;
    		}

    		if (x > w) break;
    	}
    	//console.log(new_offset);
    	var gotox = Math.ceil(this.infichart.offset + new_offset);
    	this.infichart.offset = Math.floor(this.infichart.offset);
    	if (obj.scrollToTimer !== null) clearTimeout(obj.scrollToTimer);
    	var f = function() {
    		if (obj.infichart.offset < gotox) {
    			obj.infichart.offset++;
    			obj.drawInfiChart();
    			obj.scrollToTimer = setTimeout(f, 5);
    		}
    		else if (obj.infichart.offset > gotox) {
    			obj.infichart.offset--;
    			obj.drawInfiChart();
    			obj.scrollToTimer = setTimeout(f, 5);
    		}
    		else {
    		//alert("done");
    			obj.drawInfiChart();
    			obj.scrollToTimer = null;
    		}
    	};
    	obj.scrollToTimer = setTimeout(f, 5);
};

var cntr = 0;

infidaychart.prototype.setChartValues=function(data, startval, endval, currval) {
	//console.log(data);
	this.infichart.data = data;
	this.infichart.startval = startval;
	this.infichart.endval = endval;
	this.setInfiChartValue((endval - startval) / 2);
	this.drawInfiChart();
}

infidaychart.prototype.getChartValue=function(thenum, i) {
	//thenum = new String(thenum);
	//i = new String(i);
	//console.log(this.infichart.data);
	if (typeof(this.infichart.data[thenum]) == 'undefined') {
		//console.log("null 1 - " + thenum);
		return null;
		this.infichart.data[thenum] = [];
		///for (var i = 0; i < infichart.numbars; i++) {
		//	infichart.data[thenum][i] = Math.random();
		//}
	}
	if (typeof(this.infichart.data[thenum][i]) == 'undefined') {
		//console.log("null 2 - " + thenum + ' - ' + i);
		//this.infichart.data[thenum][i] =  0;// parseInt(getRandRange(170, 230)); //Math.random()*9999;//*0.8;
		return null;
		//if (cntr++ % 3 == 0) this.infichart.data[thenum][i] = 181;
		//else if (cntr % 2 == 0) this.infichart.data[thenum][i] = 230;
		//else this.infichart.data[thenum][i] = 180;
		//cntr++;
	}
	
	return this.infichart.data[thenum][i];
}

infidaychart.prototype.setShadow=function() {
	this.infichart.ctx.shadowColor = g_chart_shadow_color;
	this.infichart.ctx.shadowOffsetX = 1 * PIXEL_RATIO;
    this.infichart.ctx.shadowOffsetY = 1 * PIXEL_RATIO;
	this.infichart.ctx.shadowBlur = 0;	
}

infidaychart.prototype.infiChartSetColor=function(thenum) {
	//alert(this.infichart.curri);
	if (thenum == this.infichart.curri) {
		//alert(thenum);
		this.infichart.ctx.fillStyle = g_bar_fill_curr_color;
		this.infichart.ctx.strokeStyle = g_bar_stroke_curr_color;
	}
	else {
		this.infichart.ctx.fillStyle = g_bar_fill_color;
		this.infichart.ctx.strokeStyle = g_bar_stroke_color;
	}
	this.setShadow();
	this.infichart.ctx.lineWidth = 0.5;
	
	
	return this.infichart.ctx.fillStyle;
	if (i == 1) {
		this.infichart.ctx.fillStyle = 'rgba(255, 0, 0, 0.5)';
		this.infichart.ctx.strokeStyle = 'rgba(255, 0, 0, 1.0)';
	}
	else if (i == 2) {
		this.infichart.ctx.fillStyle = 'rgba(0, 0, 255, 0.5)';
		this.infichart.ctx.strokeStyle = 'rgba(0, 0, 255, 1.0)';
	}
	else if (i == 0) {
		this.infichart.ctx.fillStyle = 'rgba(0, 192, 0, 0.5)';
		this.infichart.ctx.strokeStyle = 'rgba(0, 192, 0, 1.0)';
	}
	else {
		var multr = 60;
		var multg = 60;
		var multb = 60;
		if (i % 6 == 0) {
			//multr = 120;
			i = 1;
			multg = 20;
			multb = 100;
		}
		else if (i % 4 == 0) {
			multg = 0;
		}
		else if (i % 2 == 0) {
			multr = 0;
		}
		else if (i % 3 == 0) {
			multb = 0;
		}
		
		this.infichart.ctx.fillStyle = 'rgba(' + Math.min(i * multr, 200) + ', ' + Math.min(i * multg, 200) + ', ' + Math.min(i * multb, 200) + ', 0.5)';
		this.infichart.ctx.strokeStyle = 'rgba(' + Math.min(i * multr, 200) + ', ' + Math.min(i * multg, 200) + ', ' + Math.min(i * multb, 200) + ', 1.0)';
	}
	
	return this.infichart.ctx.fillStyle;
}

infidaychart.prototype.calcPoints=function() {
	var min= null, max= null;
	for (var k in this.infichart.data) {
		if (min === null) {
			min = k;
		}
		if (max === null) {
			max = k;
		}
		min = Math.min(min, k);
		max = Math.max(max, k);
	}
	return [min, max];
}

infidaychart.prototype.infiChartAppendChunks=function(num) {
	var obj = this;
	if (obj.addcb && ! obj.waiting) {
		obj.waiting = true;
		obj.addcb(obj.infichart.endval, function(data) {
			
			//console.log(data);
			
			var val = obj.infichart.currval;
			
			
			obj.waiting = false;

			for (var k in data) {
				obj.infichart.data[k] = data[k];
			}

			var pts = obj.calcPoints();
			obj.infichart.startval = pts[0];
			obj.infichart.endval = pts[1]+1;
			
			obj.setInfiChartValue(val); // set stored value
			
			obj.refreshInfiChart();
		});
	}
}

infidaychart.prototype.infiChartPrependChunks=function(num) {
	var obj = this;
	if (obj.prependcb && ! obj.waiting) {
		obj.waiting = true;
		obj.prependcb(-obj.infichart.startval, function(data) {
			obj.waiting = false;
			//obj.infichart.startval-=num;
			//obj.infichart.startval = Math.max(obj.infichart.startval, 0);
			
			var val = obj.infichart.currval;
			
			for (var k in data) {
				obj.infichart.data[k] = data[k];
			}
			
			var pts = obj.calcPoints();
			obj.infichart.startval = pts[0];
			obj.infichart.endval = pts[1]+1;
			
			obj.setInfiChartValue(val); // set stored value
			
			obj.refreshInfiChart();
		});
	}
}

infidaychart.prototype.getPad=function() {
	return 0;
}

infidaychart.prototype.getMinMaxValueVisible=function() {
	var obj = this;
	var min = 99999999, max = 0;
	
	var h = this.getInfiChartHeight();
	var w = this.getInfiChartWidth();
	
	var offset = this.infichart.offset;
   // console.log(infichart.offset);
    //offset += w/2;

    
    var incby = parseInt(w / this.infichart.numintervals);
	incby = obj.getbx();
    var x = offset%incby;
    if (isNaN(x)) x = 0;
    var num = parseInt(offset/incby);
	
	
    //x = w - x;
	
	var curr_num = (this.getInfiChartCurrentValue()+this.infichart.startval);

    for (;;) {
    	
    	if (num <= 0) {
    		var thenum = ((this.infichart.endval-(Math.abs(num)/this.infichart.incby))+this.infichart.startval);
			if (thenum <= this.infichart.endval) {
			
				for (var i = 0; i < this.infichart.numbars; i++) {
					var curr_value = this.getChartValue(thenum, i);
					
					min = Math.min(min, curr_value);
					max = Math.max(max, curr_value);
				}
			
				if ((Math.abs(num)/this.infichart.incby) >= this.infichart.endval) break;	
			}
		}
		
    	x += incby;
    	num--;
    	if (x > w) break;
    }
    
    return [ Math.min(min, 0), max ];
	
}

infidaychart.prototype.getMinMaxValue=function(start, end) {
	var min = 99999999999, max = 0;

	for (var num = start; num < end; num++) {
		for (var i = 0; i < this.infichart.numbars; i++) {
			var curr_value = this.getChartValue(num, i);
			if (curr_value === null) break;
					
			min = Math.min(min, curr_value);
			max = Math.max(max, curr_value);
		}
	}
	
	return [ Math.min(min, min), max ];
}

infidaychart.prototype.massageMinMax=function(minmax) {
	if (typeof(this.infichart.minmax) != 'undefined') {
		minmax[0] = this.infichart.minmax[0];
		minmax[1] = this.infichart.minmax[1];
		return;
	}
	if (! this.infichart.strict) {
		if (minmax[0] > 0) {
			minmax[0] = 0;
		}
		else {
			minmax[0] *= 2.0;
		}
		
		/*minmax[1] *= 2.0;
		if (minmax[1] > 1000) {
			minmax[1] = Math.floor(minmax[1]/1000)*1000;
		}
		else {
			minmax[1] = Math.floor(minmax[1]/100)*100;
		}*/
		/*if (minmax[1] > 1000) {
			minmax[1] = Math.ceil(minmax[1]/1000)*1000;
		}
		if (minmax[1] > 100) {
			minmax[1] = Math.ceil(minmax[1]/100)*100;
		}
		else {
			minmax[1] = Math.ceil(minmax[1]/10)*10;
		}*/
		
		minmax[1] = Math.ceil(minmax[1]/5)*5;
		
		if (minmax[0] == minmax[1] && minmax[0] == 0) {
			minmax[1] = 1;
		}
	}
}

function addMonths(date, months) {
  date.setMonth(date.getMonth() + months);
  return date;
}

function getSunday(d) {
  d = new Date(d);
  var day = d.getDay(),
      diff = d.getDate() - day;
  return new Date(d.setDate(diff));
}

function getMonday(d) {
  d = new Date(d);
  var day = d.getDay(),
      diff = d.getDate() - day + (day == 0 ? -6 : 1);
  return new Date(d.setDate(diff));
}

infidaychart.prototype.getLabel=function(thenum) {
	if (typeof(this.infichart.labels) != 'undefined') {
		return this.infichart.labels[thenum] || '';
	}
	else if (this.infichart.labelmode == 'todayhours') {
		var d = new Date();
		var h = d.getHours()+1;
		h -= thenum;
		
		if (h <= 0) {
			var datestring = Math.abs(12 - h) + " PM";
		}
		else if (h >= 24) {
			h -= 12;
			var datestring = h + " AM";
		}
		else if (h > 12) {
			h -= 12;
			var datestring = h + " PM";
		}
		else {
			var datestring = h + " AM";
		}
		
		return datestring;
		//d = new Date().setTime(d.getHours().getTime()
	}
	else if (this.infichart.labelmode == 'hours') {
		var d = new Date();
		var h = 23;
		h -= thenum;
		
		if (h <= 0) {
			var datestring = Math.abs(12 - h) + " PM";
		}
		else if (h >= 24) {
			h -= 12;
			var datestring = h + " AM";
		}
		else if (h > 12) {
			h -= 12;
			var datestring = h + " PM";
		}
		else {
			var datestring = h + " AM";
		}
		
		return datestring;
		//d = new Date().setTime(d.getHours().getTime()
	}
	else if (this.infichart.labelmode == 'days') {
		var date = new Date();
		if (thenum <= 0) {
			var d = date;
			var datestring = 'Today';
		}
		else {
			var d = date - 1000 * 60 * 60 * 24 * thenum;   // current date's milliseconds - 1,000 ms * 60 s * 60 mins * 24 hrs * (# of days beyond one to go back)
			d = new Date(d);
			if (isDateInCurrentWeek(d)) {
				var dayAr = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ];
				var datestring = dayAr[d.getDay()];
			}
			else {
				var datestring = pad(d.getMonth()+1, 2) + "/" + pad(d.getDate(),2);
			}
		}
		return datestring;
	}
	else if (this.infichart.labelmode == 'months') {
		var d = new Date();
		addMonths(d, -thenum);
		
		return pad(d.getMonth()+1, 2) + '/' + d.getFullYear();
	}
	else if (this.infichart.labelmode == 'years') {
		var d = new Date();
		var y = d.getFullYear();
		y -= thenum;
		return new String(y);
	}
	if (this.infichart.labelmode == 'weeks') {
		var date = getSunday(new Date());
		var week_time = 1000 * 60 * 60 * 24 * 7;
		
		var monday = getMonday(new Date());
		
		var dm = date - week_time * thenum;

		var d = date - week_time * thenum + week_time - 1000 * 60 * 60 * 24;   // current date's milliseconds - 1,000 ms * 60 s * 60 mins * 24 hrs * (# of days beyond one to go back)
		d = new Date(d);
		dm = new Date(dm);
		var datestring = pad(dm.getMonth()+1, 2) + "/" + pad(dm.getDate(),2) + "-" + pad(d.getMonth()+1, 2) + "/" + pad(d.getDate(),2);
			
		return datestring;
	}
}

infidaychart.prototype.drawScale=function(bottom_line, min, max) {

	//console.log(max);

	var diff = max - min;
	
	var scale_val = min;
	
	//bottom_line *= 0.8;
	
	var num_scales = 4;
	
	bottom_line-=+this.getChartHeightTopPad();
	
	//if (typeof(this.infichart.scaleOptions) != 'undefined') {
	//	num_scales = this.infichart.scaleOptions.length-1;
	//}
	
	
	//console.log("max: " + max);
	
	var w = this.getInfiChartWidth();
	var h = this.getInfiChartHeight();
	
	if (typeof(this.infichart.scaleOptions) != 'undefined') {
		num_scales = this.infichart.scaleOptions.length-1;
	}
	
	var scale_inc = diff / num_scales;
	
	
	var first = true;
	var y = bottom_line - 2;
	
	var incby =  y / (num_scales);
	
	this.infichart.ctx.font =  this.infichart.fontsize + " Normal";//"8px Arial";
	this.infichart.ctx.strokeStyle = g_chartlinecolor;
	this.infichart.ctx.fillStyle = g_charttextcolor;
	
	this.setShadow();
	
	var y_add = -1; // 11
	
	if (max == min) {
		y = 0;
		
		//this.infichart.ctx.fillStyle = "#000000";
    	numstr = '' + Math.round(max);
		
		
		this.infichart.ctx.shadowColor = g_chart_text_shadow_color;
    	this.infichart.ctx.fillText(numstr+ (this.infichart.scaleSuffix||''), 0, y+y_add+this.getChartHeightTopPad());
		this.setShadow();
    		
    		this.infichart.ctx.lineWidth = 0.2;
    		this.infichart.ctx.beginPath();
			this.infichart.ctx.setLineDash([1]);
			this.infichart.ctx.moveTo(0, y+1+this.getChartHeightTopPad());
			this.infichart.ctx.lineTo(w, y+1+this.getChartHeightTopPad());
			this.infichart.ctx.stroke();
			this.infichart.ctx.setLineDash([]);
			//this.infichart.ctx.lineWidth = 1;
			return;
	}
	var oi = 0;
	
	//scale_val <= max && 
	while (Math.ceil(y) >= 0) {
	
		//this.infichart.ctx.font = "7px Arial";
		
		if (typeof(this.infichart.scaleOptions) != 'undefined') {
			numstr = this.infichart.scaleOptions[oi++] || '';
		}
		else if (y<=0) {
			if (diff > 4) {
				numstr = '' + Math.floor(max);
			}
			else {
				numstr = '' + max.toFixed(1);
			}
		}
		else {
			if (diff > 4) {
				numstr = '' + Math.floor(scale_val);
			}
			else {
    			numstr = '' + scale_val.toFixed(1);
    		}
    	}
    	
    	
    	if (! first) {
			this.infichart.ctx.shadowColor = g_chart_text_shadow_color;
    		this.infichart.ctx.fillText(numstr+(this.infichart.scaleSuffix||''), 0, y+y_add+this.getChartHeightTopPad());
    		this.setShadow();
			//this.infichart.ctx.strokeStyle = "rgba(45, 0, 0, 0.4)";
    		this.infichart.ctx.lineWidth = 0.8;
    		this.infichart.ctx.beginPath();
			this.infichart.ctx.setLineDash([1]);
			this.infichart.ctx.moveTo(0, y+1+this.getChartHeightTopPad());
			this.infichart.ctx.lineTo(w, y+1+this.getChartHeightTopPad());
			this.infichart.ctx.stroke();
			this.infichart.ctx.setLineDash([]);
			this.infichart.ctx.lineWidth = 1;
		
		}
		else {
			this.infichart.ctx.shadowColor = g_chart_text_shadow_color;
			this.infichart.ctx.fillText(numstr+ (this.infichart.scaleSuffix||''), 0, y+y_add+this.getChartHeightTopPad());
			this.setShadow();
		}
		first = false;
	
		scale_val += scale_inc;
	
		y -= incby;
	}
}

infidaychart.prototype.drawBottomLine=function(bottom_line, clip) {
	
	this.infichart.ctx.fillStyle = 'rgba(0,0,0,0)';
	this.infichart.ctx.strokeStyle = '#ffffff';
	
	var h = this.getInfiChartHeight();
	var w = this.getInfiChartWidth();
	
		this.infichart.ctx.beginPath();
		this.infichart.ctx.moveTo(0, bottom_line);
		this.infichart.ctx.lineTo(w, bottom_line);
		this.infichart.ctx.closePath();
		this.infichart.ctx.stroke();

}

infidaychart.prototype.drawInfiChart=function() {

	var obj = this;
	
	//infichart.canvas.width if (oddnum) odd = ! odd;odd= $(infichart.canvas).width()/2;
	//infichart.canvas.height = $(infichart.canvas).height()/2;
	//setInfiChartRez();
	
	//var h = infichart.canvas.height;
	//var w = infichart.canvas.width;
	
	var h = this.getInfiChartHeight();
	var w = this.getInfiChartWidth();
	
	//if (this.infichart.offset > w/2) {
	// 	this.infichart.offset = w/2;
	//}
	this.infichart.offset = 16;
	
	var bottom_line = h-30;
	
	this.infichart.ctx.fillStyle = g_charttextcolor;
	this.infichart.ctx.strokeStyle = g_charttextcolor;
	
	
	this.infichart.ctx.clearRect(0, 0, w, h);
	
	//infichart.ctx.beginPath();
	
	
	//var minmax = this.getMinMaxValueVisible();
	var minmax = this.getMinMaxValue(this.infichart.startval, this.infichart.endval);
	this.massageMinMax(minmax);
    //console.log(minmax);
    
    var radius = 4;
    
    var offset = this.infichart.offset;
   // console.log(infichart.offset);
    //offset += w/2;

    
    var incby = parseInt(w / this.infichart.numintervals);
	incby = obj.getbx();
    var x = offset%incby;
    if (isNaN(x)) x = 0;
    var num = parseInt(offset/incby);
	
	
    //x = w - x;
	
	var curr_num = (this.getInfiChartCurrentValue()+this.infichart.startval);
	
	var pts = {
	
	};

	//alert(this.infichart.barwidth);
	this.infichart.barwidth = 5;
	var padding = this.infichart.barpadding;			
	var bw = -this.infichart.numbars*(this.infichart.barwidth+padding+padding)/2;
	if (this.infichart.type == infichart.LINE_CHART) {
		//bw = -1*(this.infichart.barwidth+padding+padding)/2-(padding*2);
	}
	//bw = obj.getbx();
	var barx = bw;
	
	

	this.infichart.ctx.fillStyle = 'red';
	//roundRect(this.infichart.ctx, w/2+barx-padding, bottom_line+6, -bw*2+padding*2, 20, 8, true, false);


	
	
	
	if (this.infichart.type == infichart.LINE_CHART) {
		this.drawBottomLine(bottom_line);
	}
	
	this.infichart.ctx.save();
	this.infichart.ctx.rect(30,0,w,h);
	//this.infichart.ctx.clip();
	
	//this.infichart.curri--;
	//curr_num--;
	
	var odd = true;
	//var oddnum = false;
	if (((this.infichart.curri-1) % 2) == 0) odd = false;
	//if (oddnum) odd = false;
	
	

    for (;;) {
    	
    	if (num <= 0) {
			var thenum = ((this.infichart.endval-(Math.abs(num)/this.infichart.incby))+this.infichart.startval);
			if (thenum <= this.infichart.endval-1) {
		
				//infichart.ctx.arc(x, h/2, radius, 0, 2 * Math.PI, false);
				this.infichart.ctx.fillStyle = g_chart_x_textcolor;
				//infichart.ctx.fill();
				//infichart.ctx.strokeStyle = '#003300';
				//infichart.ctx.stroke();
				
				
				this.infichart.ctx.font = this.infichart.bottomfontsize + " Normal"; //"7px Arial";
				
				var datestring = this.getLabel(thenum);
				if (thenum == this.infichart.curri) {
					datestring = 'now';
				}
				
				
	var bw = -this.infichart.numbars*(this.infichart.barwidth+padding+padding)/2;
	if (this.infichart.type == infichart.LINE_CHART) {
		bw = -1*(this.infichart.barwidth+padding+padding)/2-(padding*2);
	}
	//bw = obj.getbx();
	var barx = bw;
				
				
				var numstr = '' + datestring;
				if (curr_num == thenum) {
					
					//this.infichart.ctx.fillStyle = 'white';
					
				}
				//this.infichart.ctx.fillText(numstr, x-numstr.length*3, bottom_line+20);
				//console.log(this.infichart.ctx.measureText(numstr));
				if (thenum == this.infichart.curri || (thenum-1) % 3 == 0  || true) {
					if (thenum == this.infichart.curri) {
						this.infichart.ctx.fillStyle = g_bar_fill_curr_color;
						this.infichart.ctx.strokeStyle = g_bar_stroke_curr_color;
						this.infichart.ctx.lineWidth = 0.5;
						this.infichart.ctx.shadowColor = g_chart_text_shadow_color;
						this.infichart.ctx.fillText(numstr, x-(this.infichart.ctx.measureText(numstr).width/2), bottom_line+20);
						this.setShadow();
						
		this.infichart.ctx.beginPath();
		this.infichart.ctx.moveTo(x, bottom_line);
		this.infichart.ctx.lineTo(x, bottom_line+5);
		this.infichart.ctx.closePath();
		this.infichart.ctx.stroke();
		
						//if ((thenum-1) % 2 == 0) odd = true;
						//if (oddnum) odd = ! odd;
						//odd = ! odd;
					}
					else if (! odd) {
						this.infichart.ctx.fillStyle = g_chart_x_textcolor;
						this.infichart.ctx.strokeStyle = g_chart_x_textcolor;
						if ((typeof(this.infichart.curri) != 'undefined') && (thenum > this.infichart.curri-2 && thenum < this.infichart.curri+2)) {
							
						}
						else {
							//if (typeof(this.infichart.curri) == 'undefined' || thenum > this.infichart.curri) {
								this.infichart.ctx.shadowColor = g_chart_text_shadow_color;
								this.infichart.ctx.fillText(numstr, x-(this.infichart.ctx.measureText(numstr).width/2), bottom_line+20);
								this.setShadow();

			this.infichart.ctx.beginPath();
		this.infichart.ctx.moveTo(x, bottom_line);
		this.infichart.ctx.lineTo(x, bottom_line+4);
		this.infichart.ctx.closePath();
		this.infichart.ctx.stroke();
							//}
						}
						//odd = true;
					}
					else {
						//odd = false;
					}
				}
				
				odd = ! odd;
				//measureText(txt)

				for (var i = 0; i < this.infichart.numbars; i++) {
					this.infiChartSetColor(thenum);
					
					if (this.infichart.type == infichart.LINE_CHART) {
						
					
						var prev_value = this.getChartValue(thenum+1, i);
						var curr_value = this.getChartValue(thenum, i);
						var next_value = this.getChartValue(thenum-1, i);
						if (minmax[0] < 0) {
							prev_value += Math.abs(minmax[0]);
							curr_value += Math.abs(minmax[0]);
							next_value += Math.abs(minmax[0]);
						}
						else  {
							prev_value -= Math.abs(minmax[0]);
							curr_value -= Math.abs(minmax[0]);
							next_value -= Math.abs(minmax[0]);
						}
						
						
						var barheight = (bottom_line)-this.getChartHeightTopPad();
						var diff = minmax[1] - minmax[0];
						//diff = 10;
						//curr_value = 10;
						var factor1 = curr_value / diff;
						var factor0 = prev_value / diff;
						var factor2 = next_value / diff;
						if (minmax[0] == minmax[1]) factor1 = factor0 = factor2 = 1.0;
						
						
						
						
						this.infichart.ctx.beginPath();
						
						if (thenum < this.infichart.endval-1)  {
							//infichart.ctx.moveTo(x-incby, (bottom_line)*prev_value);
							
							var pt1x = x-incby;
							var pt1y = barheight-(factor0 * barheight); //(bottom_line)*(1.0-prev_value);
							
							var pt2x = x;
							var pt2y = barheight-(factor1 * barheight);//(bottom_line)*(1.0-curr_value);
							
							pt1y += this.getChartHeightTopPad(); //this.getPad();
							pt2y += this.getChartHeightTopPad(); //this.getPad();
							
							//var xc = (pt1x + pt2x) / 2;
     						//var yc = (pt1y + pt2y) / 2;
      						//infichart.ctx.quadraticCurveTo(pt2x, pt2y, xc, yc);
							
    						//infichart.ctx.lineTo(x, (bottom_line)*curr_value);
    						
    						if (typeof(pts[i]) == 'undefined') {
    							pts[i] = [];
    							pts[i].push(x-incby);
    							pts[i].push(pt1y);
    							//pts[i].push((bottom_line)*(1.0-prev_value));
    						}
    						pts[i].push(x);
    						pts[i].push(pt2y);
    						
    						if (x + incby > w) {
    							if (thenum-1>=0) {
    								pts[i].push(x+incby);
    								pts[i].push(barheight-(factor2*barheight));
    							}
    						}
    						
    						//pts[i].push((bottom_line)*(1.0-curr_value));
    					}
    						
    					this.infichart.ctx.closePath();
    					this.infichart.ctx.stroke();
    					
    					//}
    					
    					//this.infichart.ctx.arc(x, (bottom_line)*(1.0-curr_value), radius, 0, 2 * Math.PI, false);
    					this.infichart.ctx.arc(x, barheight-(barheight*factor1)+this.getChartHeightTopPad(), radius, 0, 2 * Math.PI, false);
    					
    					this.infichart.ctx.fill();
    					
    					
    					
    					//console.log(x);
						
						//infichart.ctx.fillRect(x+barx+padding,bottom_line,infichart.barwidth,-(bottom_line-10)*getChartValue(thenum, i)); 
						//infichart.ctx.strokeRect(x+barx+padding,bottom_line,infichart.barwidth,-(bottom_line-10)*getChartValue(thenum, i));					
					}
					else if (this.infichart.type == infichart.BAR_CHART) {
					
						var barheight = -(bottom_line)+this.getChartHeightTopPad();
						
						var diff = minmax[1] - minmax[0];
						
						//diff = 10;
						var val = this.getChartValue(thenum, i);
						
						if (minmax[0] < 0) val += Math.abs(minmax[0]);
						else  val -= Math.abs(minmax[0]);
						//val = 2;
						
						var factor = val / diff;
						if (minmax[0] == minmax[1]) factor = 1.0;
						
						//console.log(factor);
						
						//minmax
					
						//if (typeof(this.infichart.curri) == 'undefined' || thenum > this.infichart.curri) {
							
							this.infichart.ctx.fillRect(x+barx+padding,bottom_line,this.infichart.barwidth,Math.min(-1, factor*barheight)); 
							this.infichart.ctx.strokeRect(x+barx+padding,bottom_line,this.infichart.barwidth,Math.min(-1, factor*barheight));
						//}
					}
					
					barx+=this.infichart.barwidth+padding+padding;
				}					
				
				//if (((infichart.endval-(Math.abs(num)/infichart.incby))+infichart.startval)  >= infichart.endval) break;
				if ((Math.abs(num)/this.infichart.incby) >= this.infichart.endval) break;
			
			}
		
		}
		
		
    
    	x += incby;
    	num--;
    	if (x > w) break;
    }
    
    if (this.infichart.type == infichart.LINE_CHART) {
		var tension = 1;

		for (var i in pts) {
			this.infiChartSetColor(i);
			drawCurve(this.infichart.ctx, pts[i]);
			this.infichart.ctx.stroke();
		}
		
		//console.log(pts);
	}
	
	
	//this.infichart.ctx.rect(0,0,w,h);
	this.infichart.ctx.restore();
	
	this.drawScale(bottom_line, minmax[0], minmax[1]);
	
	if (this.infichart.type == infichart.BAR_CHART) {
		this.drawBottomLine(bottom_line);
	}
	
	
    
    //infichart.ctx.beginPath();
    
    //infichart.ctx.moveTo(w/2, bottom_line-15);
    //infichart.ctx.lineTo(w/2, bottom_line);
    
    //infichart.ctx.stroke();
    
    //infichart.ctx.beginPath();
    
    //var curr_num = (getInfiChartCurrentValue()+infichart.startval);
	this.infichart.currval = curr_num;
    
    var numstr = '' + (curr_num);
    this.infichart.ctx.font = this.infichart.fontsize + " Normal"; //"8px Arial";
    numstr += (curr_num ==1?this.infichart.labels.single:this.infichart.labels.multi);
    //infichart.ctx.fillText(numstr, (w/2)-(numstr.length*4), h/2-20);
    //infichart.ctx.fill();
    
    if (curr_num >= this.infichart.endval-1) {
    	//setTimeout(function() {
    			console.log(curr_num + " - " + (this.infichart.endval-1));
    		obj.infiChartAppendChunks(5);
    	//}, 20);
    }
    else if (curr_num <= this.infichart.startval && curr_num > 0) {
    	//setTimeout(function() {
    		obj.infiChartPrependChunks(5);
    	//}, 20);
    }
    
}

infidaychart.prototype.refreshInfiChart=function() {
		var barwidth = this.infichart.barwidth+this.infichart.barpadding*2 + this.infichart.unitpadding;
		var numbars = this.infichart.numbars;
		if (this.infichart.type == infichart.LINE_CHART) numbars = 1;
		
		var val = this.infichart.currval;
		
		
		
		this.setInfiChartRez();
		this.infichart.numintervals = this.getInfiChartWidth() / (barwidth*numbars);
		this.drawInfiChart(); // reset resolution
		this.setInfiChartValue(val); // set stored value
		//setInfiChartCenter(); // finally set center
}

function setChartOptions(chart) {
	chart.infichart.barwidth = 10;
	chart.infichart.barpadding = 1;
	chart.infichart.unitpadding = 5;
	switch (Math.min(chart.infichart.numbars, 3)) {
		case 3:
			if (chart.infichart.type == infichart.LINE_CHART) {
				chart.infichart.unitpadding = 15;
				chart.infichart.barwidth = 25;
			}
			else if (chart.infichart.type == infichart.BAR_CHART) {
				chart.infichart.unitpadding = 5;
				chart.infichart.barwidth = 10;
			}
			break;
		case 2:
			if (chart.infichart.type == infichart.LINE_CHART) {
				chart.infichart.unitpadding = 10;
				chart.infichart.barpadding = 0;
				chart.infichart.barwidth = 40;
			}
			else if (chart.infichart.type == infichart.BAR_CHART) {
				chart.infichart.unitpadding = 10;
				chart.infichart.barpadding = 3;
				chart.infichart.barwidth = 20;
			}
			break;
		case 1:
			if (chart.infichart.type == infichart.LINE_CHART) {
				/*chart.infichart.unitpadding = 10;
				chart.infichart.barpadding = 0;
				chart.infichart.barwidth = 40;*/
				chart.infichart.unitpadding = 10;
				chart.infichart.barpadding = 5;
				chart.infichart.barwidth = 10;
			}
			else if (chart.infichart.type == infichart.BAR_CHART) {
				chart.infichart.unitpadding = 10;
				chart.infichart.barpadding = 5;
				chart.infichart.barwidth = 20;
				
				//chart.infichart.unitpadding = 10;
				//chart.infichart.barpadding = 6;
				//chart.infichart.barwidth = 10;
			}
			break;
	}
	if (chart.infichart.labelmode == 'months' && chart.infichart.numbars == 1) {
		chart.infichart.unitpadding+=5;
		chart.infichart.barpadding+=2;
	}
	if (chart.infichart.labelmode == 'weeks' && chart.infichart.numbars == 1) {
		chart.infichart.unitpadding+=15;
		chart.infichart.barpadding+=5;
	}
	if (chart.infichart.labelmode == 'weeks' && chart.infichart.numbars > 1) {
		chart.infichart.unitpadding+=3;
		chart.infichart.barpadding+=3;
	}
	//chart.infichart.barwidth = 80;
}
var helpModel = {
	"Feed": [
	{ module: "Feed", menu: false, txt: '<p>Welcome to <B><span style="color: red;">Fit</span>-<span style="color: blue;">Stepper</span></B></p><p>Use <B>Back</B> and <B>Next</B> to walk through tutorial and <b>Close</B> to exit it.</p>' },
	{ module: "Feed", menu: false, notice: "#usettings", txt: '<p>Settings is where you set up your personal information.</p>' },
	{ module: "Feed", menu: false, notice: "#msgcnt", txt: '<p>This is where you can see messages from your team members.</p>' },
  { module: "Feed", menu: false, notice: "#friendscnt", txt: '<p>This is where team member requests can be found.</p>' },
	{ module: "Feed", menu: false, notice: "#feedad:visible", txt: '<p>This is a list of your top team members.</p>' },
	{ module: "Feed", menu: false, notice: "#chartlargeitem:visible,#chart:visible", txt: '<p>This is a chart of your daily step progress.</p>' },
	{ module: "Feed", menu: false, notice: ".STEPPER:visible", txt: '<p>This box shows the current tally of your steps.</p>' },
	{ module: "Feed", menu: false, notice: ".EXBURNED:visible>td", border: true, txt: '<p>This is the count of calories burned from activity.</p>' },
	{ module: "Feed", menu: false, notice: ".INTAKE:visible>td", border: true, txt: '<p>This is tally of nutrients you have consumed today.</p><p>This can be logged via <b>MY LOG</b> &gt; <b>Log Food</b>.</p>' },
	{ module: "Feed", menu: false, notice: ".schedtoday:visible", txt: '<p>This is a list of all exercises you have scheduled today.</p><p>This can logged via <b>MY PLAN</b> &gt; <b>Schedule Strength/Cardio</b>.</p>' },
	{ module: "Feed", menu: false, notice: ".ADHERECALC:visible", txt: '<p>This is a display of how well you have been adhereing to your plan.</p><p>A plan is a list of rules each of which gets graded to give you a total score of how you are doing.</p><p>A is the best and F is a failing grade.</p>' },
	{ module: "Feed", menu: false, notice: ".postfeed:visible", txt: '<p>This allows you to post text and pictures to your feed so team members can view, like and share.</p>' },
	{ module: "Feed", menu: false, notice: "#mutual_friends:visible", txt: '<p>This is a list of members connected to your team members.</p>' },
	{ module: "Feed", menu: false, notice: "#feedupdates:visible", glow:true, txt: '<p>This is where all feed updates will be displayed.</p>' },
	{ module: "Feed", menu: false, notice: "#mynetwork", txt: '<p>This module contains a list of views that relate to you, your team and live feed.</p>' },
	{ module: "Feed", menu: "#mynetwork"  },
	{ module: "Feed", menu: "#mynetwork", notice: "#feed", txt: '<p>This view contains your live feed, a list of your top team members, your current activity, intake and plan adherence.</p>'  },
	{ module: "Feed", menu: "#mynetwork", notice: "#friends", txt: '<p>This view contains a list of all your team members and team requests.</p>' },
	{ module: "Feed", menu: "#mynetwork", notice: "#profile", txt: '<p>This view contains your profile and your live wall feed.</p>' },
	{ module: "Feed", menu: "#mynetwork", notice: "#search", txt: '<p>This view allows you to search and invite people to join your team.</p>' },
	{ module: "Feed", menu: "#mynetwork", notice: "#messages", txt: '<p>This view contains a list of all your private messages.</p>'  },
	{ module: "Feed", menu: false, notice: "#myplan", txt: '<p>This module contains everything pertaining to your plan, such as exercises and group discussion.</p>' },
	{ module: "Feed", menu: "#myplan"  },
	{ module: "Feed", menu: "#myplan", notice: "#strengthoutline", txt: '<p>This view allows you to view and schedule strength exercises.</p>' },
	{ module: "Feed", menu: "#myplan", notice: "#cardiooutline", txt: '<p>This view allows you to view and schedule cardio exercises.</p>' },
	{ module: "Feed", menu: "#myplan", notice: "#discussion", txt: '<p>This view is a live discussion allowing everyone on your plan type to participate.</p>' },
	
	{ module: "Feed", menu: "#myplan", notice: "#changeplan", txt: '<p>This view allows you to change to a plan that will help you reach your goals.</p>' },
	{ module: "Feed", menu: false, notice: "#mylog", txt: '<p>This module allows you to log your dietary intake, your exercise, your weight and custom plan attributes.</p>' },
	{ module: "Feed", menu: "#mylog"  },
	{ module: "Feed", menu: "#mylog", notice: "#logfood", txt: '<p>This view allows you to search our food database and record your food intake.</p><p>It allows you to create custom foods as well.</p>'  },
	{ module: "Feed", menu: "#mylog", notice: "#logstrength", txt: '<p>This views allows you to search our exercise database and record exercises pertaining to strength building.</p>'  },
	{ module: "Feed", menu: "#mylog", notice: "#logcardio", txt: '<p>This view allows you to search our exercise database and record exercises that pertain to cardiovascular endurance.</p>'  },
	{ module: "Feed", menu: "#mylog", notice: "#logprogress", txt: '<p>This view allows you to record your weight and custom plan attributes that can be reported on in the <b>MY PROGRESS</b> module.</p>'  },
	{ module: "Feed", menu: false, notice: "#myprogress", txt: '<p>This is a reporting module that allows you to see graphs on your plan adherence, your weight trend, your exercise progress and your daily steps.</p>' },
	{ module: "Feed", menu: "#myprogress"  },
	{ module: "Feed", menu: "#myprogress", notice: "#viewplanadherence", txt: '<p>This view allows you to see a chart showing your adherence to the plan.</p>' },
	{ module: "Feed", menu: "#myprogress", notice: "#viewweighttrend", txt: '<p>This view displays a chart showing your weight trend.</p>' },
	{ module: "Feed", menu: "#myprogress", notice: "#viewprogress", txt: '<p>This view allows you to report on exercise and plan progression.</p>' },
	{ module: "Feed", menu: "#myprogress", notice: "#viewsteps", txt: '<p>This view displays a chart measuring your daily steps.</p>' },
	{ module: "Feed", menu: false, txt: '<p>That is the end of this tutorial.</p>' },
  
	],
/*	"Profile": [
	{ module: "Profile", menu: false },
	{ module: "Profile", menu: false, notice: ".profilepic" },
	{ module: "Profile", menu: false, notice: ".writemsg:visible" },
	{ module: "Profile", menu: false, notice: ".friendreq:visible" },
	{ module: "Profile", menu: false, notice: "#feedad:visible" },
	{ module: "Profile", menu: false, notice: ".planbox:visible" },
	{ module: "Profile", menu: false, notice: "article.totals:not(.planbox):visible" },
	{ module: "Profile", menu: false, notice: ".writeonwall:visible" },
	{ module: "Profile", menu: false, notice: "#feedupdates:visible", glow:true },
	{ module: "Profile", menu: false },
	],
	"LogFood": [
		{ module: "LogFood", menu: false, txt: '<p>This view allows you log your food intake.</p><p>Simply use <b>Back</b> and <b>Next</b> to move through tutorial.</p>'  },
		{ module: "LogFood", menu: false, notice: "label[for=restrictfoods]", txt: '<p>If checked this will only show foods that your plan allows.</p>' },
		{ module: "LogFood", menu: false, notice: "#searchinputfood", txt: '<p>This is where you input a food to search for.</p>' },
		{ module: "LogFood", menu: false, notice: "#searchinputfood", val: "Rib-Eye", txt: '<p>We will enter &quot;Rib-Eye&quot; as an example.</p>' },
		{ module: "LogFood", menu: false, notice: "#results>.foodresult:first", unblock: true, txt: '<p>A list of search results is displayed. We will select the first as an example.</p>' },
		{ module: "LogFood", menu: false, notice: "#results>.foodresult:first", click: true, txt: '<p>This popup allows you to enter a number of servings to log.</p>' },
		{ module: "LogFood", menu: false, notice: "#numservings", blocked: true,txt: '<p>In this input we will enter number of servings.</p>' },
		{ module: "LogFood", menu: false, notice: "#numservings", blocked: true,val: "2", txt: '<p>We will input 2 servings as an example.</p>' },
		{ module: "LogFood", menu: false, notice: "#logit", blocked: true,txt: '<p>This button will log the food.</p>' },
		{ module: "LogFood", menu: false, notice: "#logit", gonext:true,click: true },
		{ module: "LogFood", menu: false, notice: "#addedfoods>.foodresult:first", unblock: true, txt: '<p>This is the food we haved logged for today.</p><p>As an example we shall edit the number of servings by clicking on it.</p>' },
		{ module: "LogFood", menu: false, notice: "#addedfoods>.foodresult:first", click: true },
		{ module: "LogFood", menu: false, notice: "#numservings", blocked: true,txt: '<p>We will change number of servings to 3.</p>' },
		{ module: "LogFood", menu: false, notice: "#numservings", blocked: true,val: "3" },
		{ module: "LogFood", menu: false, notice: "#logit", blocked: true,txt:'<p>We will now confirm the change.</p>' },
		{ module: "LogFood", menu: false, notice: "#logit", blocked: true,gonext:true,click: true },
		{ module: "LogFood", menu: false, notice: "#addedfoods>.foodresult:first" },
		{ module: "LogFood", menu: false, notice: "#addedfoods>.foodresult:first .removelog", txt: '<p>As this is an example we shall remove the food we logged.</p>' },
		{ module: "LogFood", menu: false, notice: "#addedfoods>.foodresult:first .removelog", click: true },
		{ module: "LogFood", menu: false, notice: ".inpcals", unblock: true, txt: '<p>This button allows you to manually input nutrients.</p><p>You can create your own custom foods or meals with this button.</p>' },
		{ module: "LogFood", menu: false, notice: ".inpcals", blocked: true,click: true },
		{ module: "LogFood", menu: false, notice: "[name=nname]", blocked: true,txt: '<p>We shall name this custom log as <b>Dinner</b>.</p>' },
		{ module: "LogFood", menu: false, notice: "[name=nname]",blocked: true, val: "Dinner" },
		{ module: "LogFood", menu: false, notice: "[name=calories]",blocked: true, txt: '<p>We shall log this as 500 calories.</p>' },
		{ module: "LogFood", menu: false, notice: "[name=calories]",blocked: true, val: "500" },
		{ module: "LogFood", menu: false, notice: "#logit",blocked: true,gonext:true, click: true },
		{ module: "LogFood", menu: false, notice: "#addedfoods>.foodresult:first" },
		{ module: "LogFood", menu: false, notice: "#addedfoods>.foodresult:first .removelog", txt: '<p>As this is an example we shall remove the food we logged.</p>' },
		{ module: "LogFood", menu: false, notice: "#addedfoods>.foodresult:first .removelog", click: true },
		{ module: "LogFood", menu: false, notice: "#searchinputfood" },
		{ module: "LogFood", menu: false, notice: "#searchinputfood", val: "", run: '$("#searchtype").val("foods").triggerHandler("change");' },
		{ module: "LogFood", menu: false, notice: "#searchtype:visible,label[for=srecent]:visible", txt: '<p>You can also search your recent entries.</p>' },
		{ module: "LogFood", menu: false, notice: "#searchtype", val: "recent" },
		{ module: "LogFood", menu: false, notice: "#searchtype", val: "foods", txt: '<p>That is the end of this tutorial.</p>' }	
	],
	"LogProgress": [
		{ module: "LogProgress", menu: false },
	],
	"LogExercise": [
	{ module: "LogExercise", menu: false, txt: '<p>This view allows you log your exercise.</p><p>Simply use <b>Back</b> and <b>Next</b> to move through tutorial.</p>' },
		{ module: "LogExercise", menu: false, notice: "label[for=restrictex]", txt: '<p>If checked this will only show exercises that your plan allows.</p>' },
		{ module: "LogExercise", menu: false, notice: "#searchinputexercise", txt: '<p>This is where you input an exercise to search for.</p>' },
		{ module: "LogExercise", menu: false, notice: "#searchinputexercise", val: "A", txt: '<p>We will enter &quot;A&quot; as an example.</p>' },
		{ module: "LogExercise", menu: false, notice: "#results a:first", unblock: true, txt: '<p>A list of search results is displayed. We will select the first as an example.</p>' },
		{ module: "LogExercise", menu: false, notice: "#results a:first", blocked: true,click: true, txt: '<p>This popup allows you to enter exercise stats.</p>' },
		{ module: "LogExercise", menu: false, notice: "#sets",blocked: true, txt: '<p>This input allows you to input the number of sets.</p>' },
		{ module: "LogExercise", menu: false, notice: "#sets",blocked: true, val: "2", txt: '<p>We will enter <b>2</b> as an example.</p>' },
		{ module: "LogExercise", menu: false, notice: "#reps",blocked: true, txt: '<p>This input allows you to input the number of reps.</p>' },
		{ module: "LogExercise", menu: false, notice: "#reps",blocked: true, val: "3", txt: '<p>We will enter <b>3</b> as an example.</p>' },
		{ module: "LogExercise", menu: false, notice: "#weight",blocked: true, txt: '<p>This input allows you to input the amount of weight.</p>' },
		{ module: "LogExercise", menu: false, notice: "#weight",blocked: true, val: "50", txt: '<p>We will enter <b>50</b> lbs as an example.</p>' },
		{ module: "LogExercise", menu: false, notice: "#distance",blocked: true, txt: '<p>This input allows you to input the distance.</p>' },
		{ module: "LogExercise", menu: false, notice: "#distance", blocked: true,val: "4", txt: '<p>We will enter <b>4</b> miles as an example.</p>' },
		{ module: "LogExercise", menu: false, notice: "#time",blocked: true, txt: '<p>This input allows you to input the durations.</p>' },
		{ module: "LogExercise", menu: false, notice: "#time",blocked: true, val: "60", txt: '<p>We will enter <b>60</b> mins as an example.</p>' },
		{ module: "LogExercise", menu: false, notice: "#logit",blocked: true, txt: '<p>We will now confirm the log entry.</p>' },
		{ module: "LogExercise", menu: false, notice: "#logit",blocked: true, click: true, gonext:true },
		{ module: "LogExercise", menu: false, notice: "#addedex>.exercise:first", txt: '<p>This is our new log entry.</p>' },
		{ module: "LogExercise", menu: false, notice: "#addedex>.exercise:first .removelog", txt: '<p>We will now remove the example log entry.</p>' },
		{ module: "LogExercise", menu: false, notice: "#addedex>.exercise:first .removelog", click: true },
		{ module: "LogExercise", menu: false, notice: ".inpcals",  txt: '<p>This button allows us to manually enter a custom exercise log and stats.</p>' },
		{ module: "LogExercise", menu: false, notice: ".inpcals",blocked: true, click: true },
		{ module: "LogExercise", menu: false, notice: "#name",blocked: true, txt: '<p>We will create this log entry as <b>Gardening</b>.' },
		{ module: "LogExercise", menu: false, notice: "#name",blocked: true, val: "Gardening" },
		{ module: "LogExercise", menu: false, notice: "#calories",blocked: true, txt: '<p>As an example will enter <b>200</b> calories burned.</p>' },
		{ module: "LogExercise", menu: false, notice: "#calories",blocked: true, val: "200" },
		{ module: "LogExercise", menu: false, notice: "#logit",blocked: true,gonext:true, click: true },
		{ module: "LogExercise", menu: false, notice: "#addedex>.exercise:first", txt: '<p>This is our custom exercise log entry.</p>' },
		{ module: "LogExercise", menu: false, notice: "#addedex>.exercise:first .removelog", txt: '<p>We will now remove the example log entry.</p>' },
		{ module: "LogExercise", menu: false, notice: "#addedex>.exercise:first .removelog", click: true },
		{ module: "LogExercise", menu: false, notice: "#searchinputexercise" },
		{ module: "LogExercise", menu: false, notice: "#searchinputexercise", val: "", run: '$("#searchtype").val("exercises").triggerHandler("change");' },
		{ module: "LogExercise", menu: false, notice: "#searchtype,label[for=srecent]:visible",  txt: '<p>You can also search your recent entries.</p>' },
		{ module: "LogExercise", menu: false, notice: "#searchtype", val: "recent" },
		{ module: "LogExercise", menu: false, notice: "#searchtype", val: "exercises", txt: '<p>That is the end of this tutorial.</p>' }	
	],
	"Outline" : [
		{ module: "Outline", menu: false, notice: "#showtypeselector>p" },
		{ module: "Outline", menu: false, notice: "a.exercise:first" },
		{ module: "Outline", menu: false, notice: "a.exercise:first", click: true },
		{ module: "Outline", menu: false, notice: ".sched-btn:visible" },
		{ module: "Outline", menu: false, notice: ".sched-btn:visible", click: true },
		{ module: "Outline", menu: false, notice: ".fc-agenda-view" },
		{ module: "Outline", menu: false, notice: ".backinfo:visible" },
		{ module: "Outline", menu: false, notice: ".backinfo:visible", click: true },
		{ module: "Outline", menu: false, notice: ".back:visible" },
		{ module: "Outline", menu: false, notice: ".back:visible", click: true },
		{ module: "Outline", menu: false, notice: "#addexercise" },		
	],
	"Discussion": [
		{ module: "Discussion", menu: false },
		{ module: "Discussion", menu: false, notice: "#newdiscuss" },
		{ module: "Discussion", menu: false, notice: "#newdiscuss", click: true },
		{ module: "Discussion", menu: false, notice: "#msgsubject" },
		{ module: "Discussion", menu: false, notice: "#msgtxt" },
		{ module: "Discussion", menu: false, notice: "#searchfilter" },
		{ module: "Discussion", menu: false, notice: "a.discuss:first" },
		
	],
	"Discuss": [
		{ module: "Discuss", menu: false },
		{ module: "Discuss", menu: false, notice: ".feeditem:first:visible" },
		{ module: "Discuss", menu:false, notice: "#newmsg" },
		{ module: "Discuss", menu:false, notice: "#feedupdates" },
		
	],
	"ChangePlan": [
		{ module: "ChangePlan", menu: false },
	],*/
  };

function runHelp(module) {
	
	module = module || "Feed";
  
  var notice = 1;
  
  
  
  if (typeof(helpModel[module]) == 'undefined') {
	  notice = 0;
	  return;
  }
  
  var noticef = function() {
	  if (notice == 1) {
		  setTimeout(noticef, 250);
		  notice = 2;
		  $(".takenotice,.takenotice2").removeClass("takenotice").removeClass("takenotice2").addClass("takenotice2");
	  }
	  else if (notice == 2) {
		  setTimeout(noticef, 250);
		  notice = 1;
		  $(".takenotice,.takenotice2").removeClass("takenotice").removeClass("takenotice2").addClass("takenotice");
	  }
	  
  };
  
 setTimeout(noticef, 650);
  
  var block = '<div id="helpcontainer" style="top: 0px; left: 0px; z-index:999999; width: 100%; height: 100%; position: fixed; display: table; background-color: rgba(192, 192, 192, 0.2);">\
    <div id="helpblock" style="box-sizing: border-box; border-top: 2px solid #000000; position: fixed; top: ' + (window.innerHeight - 200) + 'px; left: 0px; width: 100%; height: 200px; display: table; background-color: #ffffff; padding: 4px;">\
    <!--<h3>Fit-Stepper Walkthrough</h3>-->\
    <div id="helptxt" style="box-sizing: border-box; padding-left: 8px; padding-right: 7px; margin-bottom: 4px; margin-top: 7px; overflow-y: scroll; height: 100px; border: 1px solid #000000; background-color:#eeeeee;"></div>\
    <div><a id="prevhelp" class="btn-gray">&lt; Back</a> <a id="nexthelp" class="btn-green" style="margin-left: 10px;">Next &gt;</a><a class="btn-red-abs" id="closehelp" style="z-index:9999999; position: absolute; right: 10px;">Close</a></div>\
    </div>\
  </div>';
  
  $("body").append(block);
  
  var step = 0;
  
  var animating = false;
  
  
  function runStep(next) {
	  
	$(".takenotice,.takenotice2").removeClass("takenotice").removeClass("takenotice2");
	  
	noMenuCloseTimer = helpModel[module][step].menu !== false;
	var f = function() {
	  $("#helptxt").html(helpModel[module][step].txt || '');
	
		if (helpModel[module][step].menu !== false) {
			showSubMenu($(helpModel[module][step].menu));
		}
		if (typeof(helpModel[module][step].notice) != 'undefined') {
			if ($(helpModel[module][step].notice).length == 0) {
				if (next) {
					if (step == helpModel[module].length-1) {
						animating = false;
						return;
					}
					step = Math.min(step+1, helpModel[module].length-1);
					animating = false;
					return runStep(next);
				}
				else {
					step = Math.max(0, step-1);
					animating = false;
					return runStep(next);
				}
			}
			
			
			if (typeof(helpModel[module][step].blocked) == 'undefined') {
				unblockWindow();
			}
			
			
			animating = true;
			$('html, body').stop().animate({
				scrollTop: Math.max($($(helpModel[module][step].notice).get(0)).offset().top - 50, 0)
			}, 500, 'swing', function() {
				animating = false;
				
				if (typeof(helpModel[module][step].run) != 'undefined') {
					eval(helpModel[module][step].run);
				}
				
				if (typeof(helpModel[module][step].click) != 'undefined') {
					$(helpModel[module][step].notice).click();
				}
				else if (next && typeof(helpModel[module][step].val) != 'undefined') {
					$(helpModel[module][step].notice).val(helpModel[module][step].val);
					if ($(helpModel[module][step].notice).prop('tagName').toLowerCase() == 'select') {
						$(helpModel[module][step].notice).triggerHandler('change');
					}
					else {
						$(helpModel[module][step].notice).triggerHandler('keyup');
					}
				}
				else if (! next && typeof(helpModel[module][step].prevval) != 'undefined') {
					$(helpModel[module][step].notice).val(helpModel[module][step].prevval);
					if ($(helpModel[module][step].notice).prop('tagName').toLowerCase() == 'select') {
						$(helpModel[module][step].notice).triggerHandler('change');
					}
					else {
						$(helpModel[module][step].notice).triggerHandler('keyup');
					}
				}
				else {
					$(helpModel[module][step].notice).addClass("takenotice");
					if (typeof(helpModel[module][step].glow) != 'undefined') {
						$(helpModel[module][step].notice).addClass("glow");
					}
					else if (typeof(helpModel[module][step].border) != 'undefined') {
						$(helpModel[module][step].notice).addClass("border");
					}
				}
				
				
				if (typeof(helpModel[module][step].gonext) != 'undefined') {
					if (next) {
						$('html, body').stop().animate({
							scrollTop: 0
							}, 500, 'swing', function() {});
					}
				}
			});
			
		}
		
	};
	
	if (g_mainWindow && g_mainWindow.windowName != helpModel[module][step].module) {
	  animating = true;
	  setWindow(helpModel[module][step].module, null, null, f);
	}
	else {
	  f();
	}
	
	
	return;
  }
  
  $("#nexthelp").click(function(e) {
     e.preventDefault();
	 if (animating) {
		 return;
	 }
     
     step = Math.min(step+1, helpModel[module].length-1);
     
     runStep(true);
     
     
  });
  
  
  
  $("#prevhelp").click(function(e) {
     e.preventDefault();
	 
	 if (animating) {
		 return;
	 }
      
      step = Math.max(0, step-1);
      

      runStep();

  });
  
  var rsz = function() {
      var h = Math.max(150, parseInt(window.innerHeight * 0.33));
      $("#helpblock").css("top", (window.innerHeight - h) + 'px').css("height", h + "px");
      $("#helptxt").css("height", (h - 70) + "px");
  };
  
  $(window).resize(rsz);
  
  
  
  $("#closehelp").click(function(e) {
      e.preventDefault();
      noMenuCloseTimer = false;
	  notice = 0;
	  $(".takenotice,.takenotice2").removeClass("takenotice").removeClass("takenotice2");
       $(window).off("resize", rsz);
      $("#helpcontainer").fadeOut('slow', function() {
          $("#helpcontainer").empty().remove();
      });
  });
  
  rsz();
  runStep();
  
}