

function registerStep1 () {
	if ($('register-form')) {
		fields = $('register-form').elements;
		for (i=0;i<fields.length;i++) {
			f = fields[i];
			if (f.type && (f.type == "text" || f.type == "password")) {
				sp = new Element("span");
				sp.setAttribute("id", "span_" + f.name);
				sp.innerHTML = f.value;
				f.parentNode.appendChild(sp);
				newField = new Element("input");
				newField.set("type", "hidden");
				newField.set("value", f.value);
				newField.set("name", f.name);
				newField.replaces($(f));
				
				//val = f.value;
				//f.type = "hidden";
				//f.value = val;
				
			}
		}
		$('back-btn').setStyles({display: 'block'});
		$('register-btn').setStyles({display: "none" });
		$('confirm-btn').setStyles({display: "inline" });
		//$('register-btn').src = root + "/images/lightbox/btn_confirm1.gif";
		//$('register-btn').setAttribute("title", "Confirm");
	}
	
}


function registerBack () {
	if ($('msg-div')) {
		$('heading').setStyles({display: 'block'});
		$('register-table').setStyles({display: 'block'});
		$('msg-div').dispose();
		$('tmp-back-btn').dispose();
		if($('register-content')){
			$('register-content').removeClass('reg-conf');
		}
	}
	if ($('register-form')) {
		fields = $('register-form').elements;
		for (i=0;i<fields.length;i++) {
			f = fields[i];
			if (f.type && f.type == "hidden") {
				newField = new Element("input");
				newField.set("value", f.value);
				if (f.name == "password" || f.name == "confirm_password") newField.set("type", "password");
				else newField.set("type", "text");
				newField.set("class", "textfield required");
				newField.replaces($(f));
				if ($("span_" + f.name)) $("span_" + f.name).dispose();
			}
		}
		$('back-btn').setStyles({display: 'none'});
		//$('register-btn').src = root + "/images/lightbox/btn_register1.gif";
		//$('register-btn').setAttribute("title", "Register");
		$('register-btn').setStyles({display: "inline" });
		$('confirm-btn').setStyles({display: "none" });
	}
	
}

function initTabs (num) {
	/*
	var tabs = new MGFX.Tabs('.tab','.feature', {
				autoplay: false
			});
	*/
	
	var inners = $$('#tabs-wrapper .tabs-inner-content')

	if(inners.length > 0){
		var show = 0;
		if(num){ show = num; }
		var tabs = new SimpleTabs(inners[0], {
 			selector: 'h4',
			show: show
	 	});
	}
			
	var loginValidator = new FormValidator.Inline($('login-form'), {
				scrollToErrorsOnSubmit: false,
				onFormValidate: function(passed, form, event) {
					if (passed) {
						event.preventDefault(); //stop the normal behavior of submitting the form.
							form.set('send', {onComplete: function(response) { 
								if (response == "Success") {
									window.location.href = root + "online-account/index.php";
								}
								else {
									responseMsg = new Element("div");
									responseMsg.set("id", "login-response");
									responseMsg.set("class", "ajax-error");
									responseMsg.appendText(response);
									responseMsg.inject($('login-form'));
								}
								
							}});
							if ($('login-response')) $('login-response').dispose();
							form.send();	
					}
				}
			});
			
	var forgotValidator = new FormValidator.Inline($('forgot-form'), {
				scrollToErrorsOnSubmit: false,
				onFormValidate: function(passed, form, event) {
					if (passed) {
						event.preventDefault(); //stop the normal behavior of submitting the form.
							form.set('send', {onComplete: function(response) { 
								if (response == "Success") {
									responseMsg = new Element("div");
									responseMsg.set("id", "forgot-response");
									responseMsg.set("class", "ajax-message");
									responseMsg.appendText("Your password has been emailed to you.");
									responseMsg.inject($('forgot-form'));
								}
								else {
									responseMsg = new Element("div");
									responseMsg.set("id", "forgot-response");
									responseMsg.set("class", "ajax-error");
									responseMsg.appendText(response);
									responseMsg.inject($('forgot-form'));
								}
							}});
							if ($('login-response')) $('login-response').dispose();
							if ($('forgot-response')) $('forgot-response').dispose();
							form.send();	
					}
				}
			});
			
	var myValidator = new FormValidator.Inline($('register-form'), {
				scrollToErrorsOnSubmit: false,
				onFormValidate: function(passed, form, event) {
					if (passed) {
						event.preventDefault(); //stop the normal behavior of submitting the form.
						if ($('register-btn').getStyle('display').indexOf("inline") != -1) registerStep1();
						else if ($('register-btn').getStyle('display') == "none") {
							var spinner = new Element("img");
							spinner.set("src", root + "/images/ajax-loader.gif");
							spinner.set("id", "ajax-loader-gif");
							spinner.inject($('confirm-btn').getParent());
							form.set('send', {onComplete: function(response) { 
								if ($('ajax-loader-gif')) $('ajax-loader-gif').destroy();
								if (response == "Success") {
									msgDiv = new Element("div", {styles:{ padding: '0 12px'}});
									myHeading = new Element("h5");
									myHeading.appendText("Thank you for registering!");
									myHeading.inject(msgDiv);
									msgDiv.innerHTML += "<p>You will be receiving a confirmation email with access to your online account shortly.</p>";
									$('register-form').dispose();
									msgDiv.innerHTML += "<p><a href='#' onclick='closeLightBox();return false;'><img src='" + root + "/images/lightbox/btn_closewindow1.gif' alt='Close Window' title='Close Window' border='0'/></a></p>";
									msgDiv.inject($('register-content'));
								}
								else {
									$('heading').setStyles({display: 'none'});
									msgDiv = new Element("div", {styles:{ padding: '0 12px'}});
									msgDiv.set('id', 'msg-div');
									myHeading = new Element("h5");
									myHeading.appendText("Sorry");
									myHeading.inject(msgDiv);
									msgDiv.innerHTML += "<p>There was a problem with the registration: " + response + "</p>";
									$('register-table').setStyles({display: 'none'});
									msgDiv.inject($('register-content'), 'top');
									tmpBackBtn = $('back-btn').clone();
									tmpBackBtn.set("id", "tmp-back-btn");
									tmpBackBtn.inject($('register-form'));
								}
								
								if($('register-content')){
									$('register-content').addClass('reg-conf');
								}
							}});
							
							form.send();

						}
						
					}
				}
			});
			myValidator.add('matchField', {
			    errorMsg: 'Confirmation does not match.',
			    test: function(field, props){
				if ($(props.matchField)) {
						otherField = $(props.matchField);
					//alert(field.get('value') + "," + otherField.get("value"));	
			        	return field.get('value') == otherField.get("value");
				}
				return true;
			    }
			});
			
			initRollovers($('tabs-wrapper'));
}

