function sizeVerticalBar(){

	if(document.height){
		document.getElementById('verticalbarinner').style.height = document.height + 'px';
		//alert("blah" + document.height);
		if(document.height < 830){
			document.getElementById('verticalbarinner').style.height = '800px';
			}
		}else if(document.body.clientHeight){
		document.getElementById('verticalbar').style.height = document.body.clientHeight + 'px';
		document.getElementById('verticalbarinner').style.height = document.body.clientHeight + 'px';		
		if(document.body.clientHeight < 830){
			document.getElementById('verticalbar').style.height = '830px';
			document.getElementById('verticalbarinner').style.height = '830px';
			}
		}
	
}
	
function init(){
	sizeVerticalBar();
}


function checkUsername(){
	form = document.forms['membershipForm'];
	url = "/checkusername.php?username=" + form.elements['uname'].value;
	if(form.elements['uname'].value != ''){
		makeRequest(url, checkUsernameResponse);
	}
}

function checkUsernameResponse(){
	if (http_request.readyState == 4) {
		if (http_request.status == 200) { 
			
			var txtResp = http_request.responseText;
			if(txtResp > 0){				
				submitButton = document.forms['membershipForm'].elements['submit'].disabled = 'disabled';
				myElement = document.getElementById('uname');
				myElement.style.border = '1px solid #f00';
				myElement.style.background = '#fff url(\'/images/errortriangle.gif\') no-repeat right';
				errorMsg = document.getElementById('userErrorMsg').style.visibility = 'visible';
				//alert('Username already in use please try another');
			} else {
				myElement = document.getElementById('uname');
				myElement.style.border = '1px solid #999';
				myElement.style.background = '#fff';
				errorMsg = document.getElementById('userErrorMsg').style.visibility = 'hidden';
				submitButton = document.forms['membershipForm'].elements['submit'].disabled = '';
			}
			 
		} else {
			alert('There was a problem with the request. Function \"checkUsernameResponse\" - status = ' + http_request.status);
		}
	}
}	


function makeRequest(url,handlerFunction) {
	http_request = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType('text/xml');
			// See note below about this line
		}
	} else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
	
	if (!http_request) {
		alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}
	
	http_request.onreadystatechange = handlerFunction;
	http_request.open('GET', url, true);
	http_request.send(null);

}

function unhide(targetdiv){
        document.getElementById(targetdiv).style.display = 'block';
        linkId = "hidelink" + targetdiv;
        document.getElementById(linkId).style.display = 'inline';
        linkId = "unhidelink" + targetdiv;
        document.getElementById(linkId).style.display = 'none';
		linkId = "main" + targetdiv;
		document.getElementById(linkId).style.border = '1px solid #fff;';
    }
    
    function hide(targetdiv){
		document.getElementById(targetdiv).style.display = 'none';
		linkId = "hidelink" + targetdiv;
		document.getElementById(linkId).style.display = 'none';
		linkId = "unhidelink" + targetdiv;
		document.getElementById(linkId).style.display = 'inline';
		linkId = "main" + targetdiv;
		document.getElementById(linkId).style.border = '0px solid #fff;';
    }
    
    function updateFees(targetId){
        formName = "feesPaidForm" + targetId;
        var form = document.forms[formName];
        
        var newFee = form.elements['feesPaid'].value;
        var url="/updatefees.php?id=" + targetId + "&newfee=" + newFee;
        if(isNaN(form.elements['feesPaid'].value)) { alert('Not A Number!'); } else { makeRequest(url,updateFeesResponse); }
    }
    
    function updateMoneyOwed(targetId){
        formName = "moneyOwedForm" + targetId;
        var form = document.forms[formName];
        
        var newFee = form.elements['moneyOwed'].value;
        var url="/updatemoneyOwed.php?id=" + targetId + "&newfee=" + newFee;
        if(isNaN(form.elements['moneyOwed'].value)) { alert('Not A Number!'); } else { makeRequest(url,updateMoneyOwedResponse); }
    }  
    
    function updateConsent(targetId){
      var form = document.forms[formName];
      alert()
    }
    
    function updateFeesResponse(){
		if (http_request.readyState == 4) {
            if (http_request.status == 200) { 
				
				
				var returnText = http_request.responseText;
                if(returnText != "fail"){
                    returnText = parseInt(returnText);
                    formName = "feesPaidForm" + returnText;
                    //alert('formname = ' + formName);
                    document.forms[formName].elements['feesPaid'].style.border = '1px solid #0f0';
				} else {
                    alert('An Error has occured updating the database, please contact an admin');   
                }
                 
            } else {
                alert(http_request.status  + 'There was a problem with the request. ');
            }
        }     
    }
    
    function updateMoneyOwedResponse(){
		if (http_request.readyState == 4) {
            if (http_request.status == 200) { 
				
				var returnText = http_request.responseText;
                if(returnText != "fail"){
                    returnText = parseInt(returnText);
                    formName = "moneyOwedForm" + returnText;
                    //alert('formname = ' + formName);
                    document.forms[formName].elements['moneyOwed'].style.border = '1px solid #0f0';
				} else {
                    alert('An Error has occured updating the database, please contact an admin');   
                }
                 
            } else {
                alert('There was a problem with the request. ');
            }
        }     
    }