/**
 * @author arturo
 */
function send_sms() {
	id     = document.getElementById('id').value;
	phone  = document.getElementById('phone').value;
	prefix = document.getElementById('prefix').value;
	token  = document.getElementById('token').value;
	prefix = prefix.replace(/(\+)/g, '%2B');
	
	document.getElementById('send').disabled = true;
	toggle_class('span_form');
	toggle_class('span_loading');
	
	var url   = 'http://www.mobilauncher.com/push?nocache=' + Math.random();
	var peticion = new Ajax.Request(url, {
		method:       'post',
		asynchronous: true,
		postBody:     'id='+id+'&token='+token+'&phone='+phone+'&prefix='+prefix,
		onSuccess:    sms_sended
  });
}


function sms_sended(response) {
	
	if (response.responseText == '1') {
		toggle_class('span_result_ok');
	} else if (response.responseText == '-1') {
		toggle_class('span_wait');
	} else {
		toggle_class('span_result_fail');
	}
	
	toggle_class('span_loading');	
}

function shortcode_option() {
	toggle_class_value('boxGetShortcode', 'block');	
	toggle_class_value('boxGetSMS',       'none');
	toggle_class_value('boxGetQRCode',    'none');
}

function sms_option() {
	toggle_class_value('boxGetShortcode', 'none');	
	toggle_class_value('boxGetSMS',       'block');
	toggle_class_value('boxGetQRCode',    'none');
}

function qr_option() {
	toggle_class_value('boxGetShortcode', 'none');	
	toggle_class_value('boxGetSMS',       'none');
	toggle_class_value('boxGetQRCode',    'block');	
}

function sms_retry() {
	document.getElementById('send').disabled = false;

	toggle_class_value('span_loading', 'none');
	toggle_class_value('span_result_ok', 'none');
	toggle_class_value('span_result_fail', 'none');
	toggle_class_value('span_wait', 'none');
	toggle_class_value('span_form', 'block');
}

function toggle_class(layer){
	if (document.layers) {
		current = (document.layers[layer].display == 'none') ? 'block' : 'none';
		document.layers[layer].display = current;
	}
	else if (document.all) {
		current = (document.all[layer].style.display == 'none') ? 'block' : 'none';
		document.all[layer].style.display = current;
	}
	else if (document.getElementById) {
		vista = (document.getElementById(layer).style.display == 'none') ? 'block' : 'none';
		document.getElementById(layer).style.display = vista;
	}
}

function toggle_class_value(layer, value){
	if (document.layers) {
		current = (value == 'none') ? 'none' : 'block';
		document.layers[layer].display = current;
	}
	else if (document.all) {
		current = (value == 'none') ? 'none' : 'block';
		document.all[layer].style.display = current;
	}
	else if (document.getElementById) {
		vista = (value == 'none') ? 'none' : 'block';
		document.getElementById(layer).style.display = vista;
	}
}