$(function(){
  $("#gabungButton").live('click', function(){
	var msisdn = $("#noHP").val();
	var setuju = $("#chk_setuju:checked").val();
	
	if(msisdn=='')
	{
	  alert('Masukan nomor hape kamu!!');
	  return;
	}
	
	if(setuju!=1)
	{
      alert('Pastikan anda setuju dengan aturan dan kondisi');
      return;
	}
	
	var defaultContent = '<p1>Masukkan No HP kamu: </p1> <input class="noHP" type="text" name="noHP" id="noHP" value="08xxxxxxxxx"/>';
	defaultContent += '<button type="submit" id="gabungButton"></button>';
	defaultContent += '<br/>';
	defaultContent += '<p2><input id="chk_setuju" type="checkbox" value="1" name="chk_setuju" style="vertical-align:middle" checked="checked">Saya setuju dengan semua peraturan yang berlaku.</p2>';
	
	$.ajax({
	  type: "POST",
	  url: "request_pin.php",
	  dataType: "text",
	  data: "msisdn=" + msisdn,
	  beforeSend: function(){
		$("#contentBoxBiru").html('<img src="images/ajax-loader.gif"/>');
	  },
	  success: function(result){		
		switch(result)
		{
		  case 'success':
		    var content = '<p2>Kamu akan menerima sms yang berisi PIN.</p2>';
	         content += '<br /><input type="hidden" id="msisdn" name="msisdn" value="' + msisdn + '">';
	         content += '<p1>Masukkan PIN kamu disini: </p1> <input class="noHP" type="text" name="noPIN" id="noPIN"/> ';	         
	         content += '<button type="submit" id="submitButton"></button>';
	        $("#contentBoxBiru").html(content);
	        break;
		  case 'not_indosat':			
		    $("#contentBoxBiru").html(defaultContent);
		    $.facebox('<a href="#" class="popout"><div id="popup"></div></a>');
			break;
		  case 'bad_request':			
		    $("#contentBoxBiru").html(defaultContent);
			$.facebox('Error!!, missing parameter...');
			break;
		  case 'already_member':
			var content = '<p2></p2>';
		         content += '<br />';
		         content += '<p1>Maaf, Anda sudah terdaftar pada layanan WAPAKU</p1>'; 
		         content += '<br/>';
		         content += '';
		    $("#contentBoxBiru").html(content);
			break;
	      default:	    	
	        $("#contentBoxBiru").html(defaultContent);
	    	break;
		}
	  },
	  complete: function(result){
	        
	  }
	});
  });
});