// form validation function //

function validate(form) 
{
      var name = document.getElementById("txtName").value;
      var phone = document.getElementById("txtPhone").value;
      var mobile = document.getElementById("txtMobile").value;
            
      var nameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
      var phoneRegex = /^\d{3,5}(-?\d{5,15})?$/;
      var mobRegex = /^\d{10,15}/;
      var cityRegex = /^(.*[a-z0-9].*?([\s\n\r]+)?){3}.*$/;
            
      if(name == "")
      {
        inlineMsg('txtName','Name field cannot be left blank.',2);
        return false;
      }
      
      if(!name.match(nameRegex))
      {
        inlineMsg('txtName','You have entered an invalid name.',2);
        return false;
      }
      //Either phone or mob.
      if(phone == "" && mobile=="") 
      {
        inlineMsg('txtPhone','Either phone number or mobile number has to be filled.\n',2);
        return false;
      }
      if(phone!="")
      {
          if(!phone.match(phoneRegex))
          {
            inlineMsg('txtPhone','You have entered an invalid phone no.',2);
            return false;
          }
      }
      if(mobile!="")
      {
          if(!mobile.match(mobRegex))
          {
            inlineMsg('txtMobile','You have entered an invalid Mobile no.',2);
            return false;
          }
      }
      //On city not selected
       if ( document.getElementById("lstCity").selectedIndex == 0 )
       {
            inlineMsg('lstCity','City has to be selected.',2);
            return false;
        }
      //
      if(document.getElementById("cityDiv").style.display !="none")
      {      
          if (document.getElementById("txtOtherCity").value == "")
          {
            inlineMsg('txtOtherCity','Please enter City name.',2);
            return false;
          }
          else
          {
              var oCity =document.getElementById("txtOtherCity").value;
            
              if(!oCity.match(cityRegex))
              {
                inlineMsg('txtOtherCity','You have entered an invalid City name.',2);
                return false;
              }
          }
      }
      return true;
}
//On Other City Select
    function OnCitySelect()
    {
        //---
        if ( document.getElementById("lstCity").value == "Other City")
        {
            document.getElementById("cityDiv").style.display="block";
            document.getElementById("txtOtherCity").disabled=false;
            inlineMsg('lstCity','Service not available in your city.<br>Please submit your details,we will contact you as soon as service is available in your city.',2);
            //document.getElementById("txtOtherCity").focus();
        }
        else
        {               
             document.getElementById("cityDiv").style.display="none";
        }
    }

// START OF MESSAGE SCRIPT //

var MSGTIMER = 20;
var MSGSPEED = 5;
var MSGOFFSET = 3;
var MSGHIDE = 3;

// build out the divs, set attributes and call the fade function //
function inlineMsg(target,string,autohide) {
  var msg;
  var msgcontent;
  if(!document.getElementById('msg')) {
    msg = document.createElement('div');
    msg.id = 'msg';
    msgcontent = document.createElement('div');
    msgcontent.id = 'msgcontent';
    document.body.appendChild(msg);
    msg.appendChild(msgcontent);
    msg.style.filter = 'alpha(opacity=0)';
    msg.style.opacity = 0;
    msg.alpha = 0;
  } else {
    msg = document.getElementById('msg');
    msgcontent = document.getElementById('msgcontent');
  }
  msgcontent.innerHTML = string;
  msg.style.display = 'block';
  var msgheight = msg.offsetHeight;
  var targetdiv = document.getElementById(target);
  targetdiv.focus();
  var targetheight = targetdiv.offsetHeight;
  var targetwidth = targetdiv.offsetWidth;
  var topposition = topPosition(targetdiv) - ((msgheight - targetheight) / 2);
  var leftposition = leftPosition(targetdiv) + targetwidth + MSGOFFSET;
  msg.style.top = topposition + 'px';
  msg.style.left = leftposition + 'px';
  clearInterval(msg.timer);
  msg.timer = setInterval("fadeMsg(1)", MSGTIMER);
  if(!autohide) {
    autohide = MSGHIDE;  
  }
  window.setTimeout("hideMsg()", (autohide * 2000));
}

// hide the form alert //
function hideMsg(msg) {
  var msg = document.getElementById('msg');
  if(!msg.timer) {
    msg.timer = setInterval("fadeMsg(0)", MSGTIMER);
  }
}
// face the message box //
function fadeMsg(flag) {
  if(flag == null) {
    flag = 1;
  }
  var msg = document.getElementById('msg');
  var value;
  if(flag == 1) {
    value = msg.alpha + MSGSPEED;
  } else {
    value = msg.alpha - MSGSPEED;
  }
  msg.alpha = value;
  msg.style.opacity = (value / 100);
  msg.style.filter = 'alpha(opacity=' + value + ')';
  if(value >= 99) {
    clearInterval(msg.timer);
    msg.timer = null;
  } else if(value <= 1) {
    msg.style.display = "none";
    clearInterval(msg.timer);
  }
}

// calculate the position of the element in relation to the left of the browser //
function leftPosition(target) {
  var left = 0;
  if(target.offsetParent) {
    while(1) {
      left += target.offsetLeft;
      if(!target.offsetParent) {
        break;
      }
      target = target.offsetParent;
    }
  } else if(target.x) {
    left += target.x;
  }
  return left;
}

// calculate the position of the element in relation to the top of the browser window //
function topPosition(target) {
  var top = 0;
  if(target.offsetParent) {
    while(1) {
      top += target.offsetTop;
      if(!target.offsetParent) {
        break;
      }
      target = target.offsetParent;
    }
  } else if(target.y) {
    top += target.y;
  }
  return top;
}

// preload the arrow //
if(document.images) {
  arrow = new Image(7,80); 
  arrow.src = "images/msg_arrow.gif"; 
}