function init() {
	  disableSaveButton();
  }

  function disableSaveButton() {
	  var btn = document.getElementById("save");
	  btn.disabled = true;
  }

  function enableSaveButton() {
	  var btn = document.getElementById("save");
	  btn.disabled = false;
  }
  window.onload = init;
  //window.onload = function() {
	//  alert("onload");
  //}

  function showshopdetail() {
		var div_storelogo = document.getElementById("id_storelogo");
		var div_personalurl = document.getElementById("id_personalurl");
		var div_storedesc = document.getElementById("id_storedesc");
		var div_storecategory = document.getElementById("id_storecategory");
		var div_storebusiness = document.getElementById("id_storebusiness");
		//var div_country = document.getElementById("id_country");
		//var div_zone = document.getElementById("id_zone");
		var div_gender = document.getElementById("id_gender");
		var div_dob = document.getElementById("id_dob");
		div_storelogo.style.display = "block";
		div_personalurl.style.display = "block";
		div_storedesc.style.display = "block";
		div_storecategory.style.display = "block";
		div_storebusiness.style.display = "block";
		//div_country.style.display = "block";
		//div_zone.style.display = "none";
		div_gender.style.display = "none";
		div_dob.style.display = "none";
	}

	function hideshopdetail() {
		var div_storelogo = document.getElementById("id_storelogo");
		var div_personalurl = document.getElementById("id_personalurl");
		var div_storedesc = document.getElementById("id_storedesc");
		var div_storecategory = document.getElementById("id_storecategory");
		var div_storebusiness = document.getElementById("id_storebusiness");
		//var div_country = document.getElementById("id_country");
		//var div_zone = document.getElementById("id_zone");
		var div_gender = document.getElementById("id_gender");
		var div_dob = document.getElementById("id_dob");
		div_storelogo.style.display = "none";
		div_personalurl.style.display = "none";
		div_storedesc.style.display = "none";
		div_storecategory.style.display = "none";
		div_storebusiness.style.display = "none";
		//div_country.style.display = "none";
		//div_zone.style.display = "block";
		div_gender.style.display = "block";
		div_dob.style.display = "block";
		
		dwr.util.setValue("id_imagefile", "");
		dwr.util.setValue("id_vshopname", "");
		dwr.util.setValue("id_shopDescription", "");
		dwr.util.setValue("id_shopBusiness", "");
		dwr.util.setValue("id_invalidVShopName", "");
	}
	  
	function checkstoredescription() {
		  var str = dwr.util.getValue("id_shopDescription");
		  var len = str.length;
		  if(len > 500) {
			  dwr.util.setValue("id_shopdescriptiontoolong", "The descritpion is too long - English: 500 chars, Chinese: 100 chars.");
		  }
		  else {
			  dwr.util.setValue("id_shopdescriptiontoolong", "");
		  }
	  }
	  
	function checkstorebusiness() {
		  var str = dwr.util.getValue("id_shopBusiness");
		  var len = str.length;
		  if(len > 8000) {
			  dwr.util.setValue("id_shopbusinesstoolong", "The instruction is too long - English: 8000 chars, Chinese: 1200 chars.");
		  }
		  else {
			  dwr.util.setValue("id_shopbusinesstoolong", "");
		  }
	  }
  
  function checkAccount() {
	  var email = dwr.util.getValue("id_email");
	  var currentemail = dwr.util.getValue("id_currentEmail");
	  var userName = dwr.util.getValue("id_userName");
	  var currentUserName = dwr.util.getValue("id_currentUserName");
	  var telephone = dwr.util.getValue("id_telephone");
	  var shopName = dwr.util.getValue("id_vshopname");
	  var currentShopName = dwr.util.getValue("id_currentShopName");
	  var emailValid = false;
	  var userNameValid = false;
	  var telephoneValid = false;
	  
	  //check shop name
	  //alert("check shop name");
	  GenericValidator.checkShopNameEdit(shopName, currentShopName, function(data){
		  if(data == true)
		  {
			  dwr.util.setValue("id_invalidVShopName", "");
			  userNameValid = true;
		  }
		  else
		  {
			  dwr.util.setValue("id_invalidVShopName", "Invalid store name or already exists");
		  }
	  } );
	  
	  //check email
	  //alert("check email");
	  GenericValidator.checkEmailEdit(email, currentemail, function(data) {
		  if(data == true)
		  {
		  	  dwr.util.setValue("id_invalidEmailMsg", "");
		  	  emailValid = true;
		  }
		  else
		  {
			  dwr.util.setValue("id_invalidEmailMsg", "Invalid email format or the email address already occupied!");
		  }
	  });
	  
 	  //check user name
	  //alert("check user name");
	  GenericValidator.checkUserNameEdit(userName, currentUserName, function(data){
		  if(data == true)
		  {
			  dwr.util.setValue("id_invalidUserNameMsg", "");
			  userNameValid = true;
		  }
		  else
		  {
			  dwr.util.setValue("id_invalidUserNameMsg", "Invalid user name or already occupied");
		  }
	  } );
	  
	  //check telephone
	  GenericValidator.checkTelephone(telephone, function(data){
		  if(data == true)
		  {
			  dwr.util.setValue("id_invalidTelephoneMsg", "");
			  telephoneValid = true;
		  }
		  else
		  {
			  dwr.util.setValue("id_invalidTelephoneMsg", "Invalid telephone");
			  disableSaveButton();
		  }
	  } );
	  
	  checkAll();
  }

  function checkAll() {
	  //alert("ok");
	  var email = dwr.util.getValue("id_email");
	  var currentemail = dwr.util.getValue("id_currentEmail");
	  var userName = dwr.util.getValue("id_userName");
	  var currentUserName = dwr.util.getValue("id_currentUserName");
	  var telephone = dwr.util.getValue("id_telephone");
	  var shopName = dwr.util.getValue("id_vshopname");
	  var currentShopName = dwr.util.getValue("id_currentShopName");
	  GenericValidator.checkAllEdit(email, currentemail,  
			  userName, currentUserName, telephone, 
			  shopName, currentShopName, function(data) {
		  var btn = document.getElementById("save");
		  if(data)
		  {
			  btn.disabled = false;
		  }
		  else
		  {
			  btn.disabled = true;
		  }
	  });
  }
  
  function checkEmail() {
	  var email = dwr.util.getValue("id_email");
	  var currentemail = dwr.util.getValue("id_currentEmail");
	  GenericValidator.checkEmailEdit(email, currentemail, function(data) {
		  if(data == true)
		  {
		  	  dwr.util.setValue("id_invalidEmailMsg", "");
		  	  checkAll();
		  }
		  else
		  {
			  dwr.util.setValue("id_invalidEmailMsg", "Invalid email format or the email address already occupied!");
			  disableSaveButton();
		  }
	  });
  }

  function checkShopName() {
	  var shopName = dwr.util.getValue("id_vshopname");
	  var currentShopName = dwr.util.getValue("id_currentShopName");
	  GenericValidator.checkShopNameEdit(shopName, currentShopName, function(data){
		  if(data == true)
		  {
			  dwr.util.setValue("id_invalidVShopName", "");
			  checkAll();
		  }
		  else
		  {
			  dwr.util.setValue("id_invalidVShopName", "Invalid shop name or already occupied");
			  disableSaveButton();
		  }
	  } );
  }
  
  function checkUserName() {
	  var userName = dwr.util.getValue("id_userName");
	  var currentUserName = dwr.util.getValue("id_currentUserName");
	  GenericValidator.checkUserNameEdit(userName, currentUserName, function(data){
		  if(data == true)
		  {
			  dwr.util.setValue("id_invalidUserNameMsg", "");
			  checkAll();
		  }
		  else
		  {
			  dwr.util.setValue("id_invalidUserNameMsg", "Invalid user name or already occupied");
			  disableSaveButton();
		  }
	  } );
  }
  
  function checkTelephone() {
	  var telephone = dwr.util.getValue("id_telephone");
	  GenericValidator.checkTelephone(telephone, function(data){
		  if(data == true)
		  {
			  dwr.util.setValue("id_invalidTelephoneMsg", "");
			  checkAll();
		  }
		  else
		  {
			  dwr.util.setValue("id_invalidTelephoneMsg", "Invalid telephone");
			  disableSaveButton();
		  }
	  } );
  }
  

  function resetImageFile(imageFileID, fileID, logoID)
  {
  	dwr.util.setValue(imageFileID, "");
  	dwr.util.setValue(fileID, "");
  	
	var div_logo = document.getElementById(logoID); 
	div_logo.style.background = "url('/GiftExCentos/images/highstreet_store.jpg')";
	div_logo.style.backgroundRepeat="no-repeat";
	//div_logo.style.backgroundPosition="center center";
  }