function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function checkFormFields()
	{
		//alert('Event launched');
		var card_but	= document.getElementById('btn_card');
		var check_but	= document.getElementById('btn_check');
		var phone_but	= document.getElementById('btn_phone');

		//var elements	= document.forms[0].elements;
		var plan_box=document.getElementById('plan_box');

		if (plan_box.selectedIndex == 1) {
			//alert('Enabling phone');
			//card_but.disabled = check_but.disabled = true;
			phone_but.disabled = false;
			//card_but.src = card_but.src.replace('card_a.gif','card.jpg');
			//check_but.src = check_but.src.replace('check_a.gif','check.jpg');
			phone_but.src = phone_but.src.replace('.gif','_a.gif');
		} else {
			//alert('Disabling phone');
			//card_but.disabled = check_but.disabled = false;
			//phone_but.disabled = true;
			//card_but.src = card_but.src.replace('card.jpg','card_a.gif');
			//check_but.src = check_but.src.replace('check.jpg','check_a.gif');
			phone_but.src = phone_but.src.replace('_a.gif','.gif');
		}
	}

function btnphone_click(btn){
	// should throw alert if btn is disabled
	var plan_box=document.getElementById('plan_box');
	if(plan_box.selectedIndex != 1){
		alert('Phone payment is only available with monthly membership plans. Please choose monthly membership plan and try again.');
		return false;
	}
	else {
		return true;
	}
}

function preloadimages(){
	var card_but	= document.getElementById('btn_card');
	var check_but	= document.getElementById('btn_check');
	var phone_but	= document.getElementById('btn_phone');

	//var elements	= document.forms[0].elements;
	var plan_box=document.getElementById('plan_box');
	if (plan_box.selectedIndex == 1) {
		//MM_preloadImages(card_but.src.replace('card.jpg','card_a.gif'), check_but.src.replace('check.jpg','check_a.gif'), phone_but.src.replace('phone_a.gif','phone.jpg'));
		MM_preloadImages(phone_but.src.replace('_a.gif','.gif'));
	}
	else {
		//MM_preloadImages(card_but.src.replace('card_a.gif','card.jpg'), check_but.src.replace('check_a.gif','check.jpg'), phone_but.src.replace('phone.jpg','phone_a.gif'));
		MM_preloadImages(phone_but.src.replace('.gif','_a.gif'));
	}
}

// function to populate various event listeners
function addEvent(obj, evType, fn){
 if (obj.addEventListener){
   obj.addEventListener(evType, fn, true);
   return true;
 } else if (obj.attachEvent){
   var r = obj.attachEvent("on"+evType, fn);
   return r;
 } else {
   return false;
 }
}

function checkName()
{	
	var name = document.getElementById('usr_name_field');
	var url = 'http://nats.profitx.com/signup/reader.php?';
	el = document.getElementById('in_use');
	var pars = 'username='+name.value;
	var myAjax = new Ajax.Request( url, { method: 'get', parameters: pars, 
	onComplete: function(originalRequest) 
				{ 
				  	reg = /.+username=([^&]+).+/i; 
				  	var par = reg.exec(myAjax.url);
					if (par[1] != document.getElementById('usr_name_field').value)
					{
					  	return false;
					}
					showResponse(originalRequest);
				}
	});

	function showResponse(originalRequest)
	{
		if (originalRequest.responseText == 1)
		{
			el.className = 'join_error';  
			el.innerHTML = 'This name is not available';	
		}  
		else
		{
			el.className = '';  
			el.innerHTML = '';  
		}
	}
		
}

/* It's better to populate all body onload events into this function */
function init() {
	//alert('Init');
	checkFormFields();
	addEvent(document.getElementById('plan_box'), 'change', checkFormFields);
	preloadimages();
	// replace rel="external" with target="_blank"
}

addEvent(window, 'load', init);