// Signup Javascript

selected_plan=2;

function change_class(prefix, new_class) {
	var total_rows=9;
	
	for (i=1; i<=total_rows; i++) {
		if (document.getElementById(prefix + '_' + i)) document.getElementById(prefix + '_' + i).className = new_class;
	}	
}

function signup_hover(prefix) {
	if (prefix!=disabled_plan || disabled_plan!='0') {
		if (selected_plan!=prefix) change_class(prefix, 'unit_hover');
	}
}

function signup_mouseout(prefix) {
	if (prefix!=disabled_plan || disabled_plan!='0') {
		if (selected_plan==prefix) {
			change_class(prefix, 'unit_selected');
		} else {
			change_class(prefix, 'unit');
		}
	}
}

function signup_select(prefix) {
	
	if (prefix!=disabled_plan || disabled_plan!='0') {
		selected_plan=prefix;
		
		// Deselect all
		if (disabled_plan!='0') change_class('0','unit');
		change_class('1','unit');
		change_class('2','unit');
		change_class('3','unit');
		change_class('4','unit');
		
		change_class(prefix,'unit_selected');
		document.getElementById('radio_' + prefix).checked=true;
		
		toggle('term_0','none');
		toggle('term_1','none');
		toggle('term_2','none');
		toggle('term_3','none');
		toggle('term_4','none');
		if (document.getElementById('term_' + prefix)) toggle('term_' + prefix,'block');
		if (prefix==0) {
			toggle('payment_options','none');	
		} else {
			toggle('payment_options','block');
		}
	}
	
}

function upgrade_disable(prefix) {
	disabled_plan=prefix;
	
	if (prefix=='0' || prefix=='1') {
		signup_select('2');
	} else if (prefix=='2') {
		signup_select('3');
	} else if (prefix=='3') {
		signup_select('4');
	} else if (prefix=='4') {
		signup_select('3');
	}
	
	if (prefix=='0') {
		document.getElementById('radio_' + prefix).disabled=true;
		change_class(prefix,'unit_disabled');
	}
	
	toggle('upgrade_loading','none');
	toggle('upgrade_table','block');
	
}

function welcome_select(plan) {
	
    document.getElementById('plan_1').className='welcome_plan_div';
	document.getElementById('plan_2').className='welcome_plan_div';
	document.getElementById('plan_3').className='welcome_plan_div';
	document.getElementById('plan_4').className='welcome_plan_div';
	
    $j('.pl0').removeClass("pl_selected");    
    $j('.pl1').removeClass("pl_selected");    
    $j('.pl2').removeClass("pl_selected");
    $j('.pl3').removeClass("pl_selected");
    $j('.pl4').removeClass("pl_selected");
	
    document.getElementById('plan_' + plan).className='welcome_plan_div_selected';
    $j('.pl' + plan).addClass("pl_selected");
    
	document.getElementById('radio_' + plan).checked=true;
	
	toggle('monthly_detail_1','none');
	toggle('monthly_detail_2','none');
	toggle('monthly_detail_3','none');
	toggle('monthly_detail_4','none');
	toggle('annual_detail_1','none');
	toggle('annual_detail_2','none');
	toggle('annual_detail_3','none');
	toggle('annual_detail_4','none');	
    
    $j('#tr_m').show();
    
    if (plan != 0)  {
        $j('#rightPay').show();
    }
    
    if (plan == 0)  {
        $j('#rightPay').hide();
        $j('#term_m').removeAttr('checked');
        $j('#term_y').removeAttr('checked');
    }
    else {
        if (plan != 1)
	        toggle('monthly_detail_' + plan,'block');
        else {
            $j('#term_y').attr('checked','yes');
            $j('#tr_m').hide();
        }     
    }
    if (plan != 0)
	    toggle('annual_detail_' + plan,'block');
	
	document.getElementById('term_m').disabled=false;	
	document.getElementById('term_y').disabled=false;
	if (document.getElementById('term_m_label')) document.getElementById('term_m_label').style.color='#000';
	if (document.getElementById('term_y_label')) document.getElementById('term_y_label').style.color='#000';
	/*
	if (plan==current_plan && current_term) {
		document.getElementById('term_' + current_term).disabled=true;
		if (document.getElementById('term_' + current_term + '_label')) document.getElementById('term_' + current_term + '_label').style.color='#aaa';
		if (current_term=='m') {
			document.getElementById('term_y').checked=true;
		} else if (current_term=='y') {
			document.getElementById('term_m').checked=true;
		}
	}
    */
	
}