$(document).ready(function() {
  //fancybox modal boxes.
	$("#serial-no").fancybox({
	  autoDimensions:false,
    height:380,
	  padding:10,
	  width:630
	});
	$("#countrieslink1").fancybox({
	  autoDimensions:false,
    height:450,
	  padding:10,
	  width:650
	});
	$("#countrieslink2").fancybox({
	  autoDimensions:false,
    height:450,
	  padding:10,
	  width:650
	});
	$(".close-fancybox").click(function() {
		$.fancybox.close();
		return false;
  });
  
  $('#country-selector').change(function(){window.location=$(this).attr('value');});
  
  /*
  Phone number form fields grey out and prefill/unfill
  */
  var COUNTRY_CODE = "+00";
  var AREA_CODE = "00000";
  var PHONE_NUM = "000000";
  
  if($('#registration_tel_country_code').val() == "" || $('#registration_tel_country_code').val() == COUNTRY_CODE) {
    $('#registration_tel_country_code').addClass('greyout');
  }
  
  if($('#registration_tel_area_code').val() == "" || $('#registration_tel_area_code').val() == AREA_CODE) {
    $('#registration_tel_area_code').addClass('greyout');
  }
  
  if($('#registration_tel_phone').val() == "" || $('#registration_tel_phone').val() == PHONE_NUM) {
    $('#registration_tel_phone').addClass('greyout');
  }
    
  function onfocusclear(obj, default_text) {
    if($(obj).val() == default_text) $(obj).val('').removeClass('greyout');
  }
  function onblurfill(obj, default_text) {
    if($(obj).val() == '' || $(obj).val() == ' ') $(obj).val(default_text).addClass('greyout');
  }
  //country code text field value
	$('#registration_tel_country_code').focus(function(){
	  onfocusclear(this, COUNTRY_CODE);
	});
	$('#registration_tel_country_code').blur(function(){
		onblurfill(this, COUNTRY_CODE);
	});
	//area code text field value
	$('#registration_tel_area_code').focus(function(){
	  onfocusclear(this, AREA_CODE);
	});
	$('#registration_tel_area_code').blur(function(){
		onblurfill(this, AREA_CODE);
	});
	//tel number text field value
	$('#registration_tel_phone').focus(function(){
	  onfocusclear(this, PHONE_NUM);
	});
	$('#registration_tel_phone').blur(function(){
		onblurfill(this, PHONE_NUM);
	});
	/*
  END Phone number form fields grey out and prefill/unfill
  */
	
});
