function closeWhy(){
  document.getElementById("whyBox").style.visibility = "hidden";
}

function whyBoxshow(){
  document.getElementById("whyBox").style.visibility = "visible";
}

function registerBox(){
  document.getElementById("menubody").innerHTML = "<form name='register' method='post' onSubmit='return validateRegister();'><table><tr><td colspan='2'>Please fill in the following details below:</td></tr><tr><td>email:</td><td><input type='text' size='15' name='email'></td></tr><tr><td>Password:</td><td><input size='15' type='password' name='pass1'></td></tr><tr><td>Confirm:</td><td><input size='15' type='password' name='pass2'></td></tr><tr><td>Address:</td><td><input size='15' type='text' name='address1'></td></tr><tr><td></td><td><input size='15' type='text' name='address2'></td></tr><tr><td>Post Code:</td><td><input size='15' type='text' name='postcode'></td></tr><tr><td>Job Role:</td><td><input size='15' type='text' name='jobrole'></td></tr><tr><td>Company:</td><td><input size='15' type='text' name='company'></td></tr><tr><td colspan='2'><input type='submit' name='subit' value='Register'> <input type='button' onClick='normalBox();' value='Cancel'></td></tr></table></form>"
}

function normalBox(){
  document.getElementById("menubody").innerHTML = "<form method='post' name='loginbox'><table><tr><td colspan='2'>Not registered? Register <a href='javascript:registerBox();'>here</a></td></tr><tr><td><b>email:</b> </td><td><input size='13' type='text' name='fddUser'></td></tr><tr><td><b>Password:</b> </td><td><input size='13' type='password' name='fddPass'></td></tr><tr><td><input style='font-weight:bold;' type='submit' name='subit' value='Login'></td><td><a href='javascript:whyBoxshow();'>Why register?</a></td></tr></table></form>"
}