$(function(){
  $("#submitButton").live("click", function(){	
	var msisdn = $("#msisdn").val();
	var pin = $("#noPIN").val();
	
	if(msisdn=='')
	{
	  alert('Masukan nomor hape kamu!!');
	  return;
	}
	
	if(pin=='')
	{
      alert('Masukan pin sesuai sms yang kamu terima..');
      return;
	}
	
	$.ajax({
	  type: "POST",
	  url: "submit_pin.php",
	  dataType: "text",
	  data: "msisdn=" + msisdn + '&pin=' + pin,
	  beforeSend: function(){
		$("#contentBoxBiru").html('<img src="images/ajax-loader.gif"/>');
	  },
	  success: function(result){		
		switch(result)
		{
		  case 'success':
		    var content = '<div style="margin-left:50px;color:#FFF; font-size:0.7em; font-weight:bold;">';
		     content += 'Selamat, sekarang kamu adalah member dari WAPAKU<br/>';	         
	         content += 'Kamu akan menerima sms konfirmasi sebagai tanda kamu adalah member WAPAKU';
	         content += '</div>';
	        $("#contentBoxBiru").html(content);
	        break;
		  case 'not_match':
			var content = '<p2><font color="#FFF"><b>Maaf, PIN yang kamu masukkan tidak valid!!</b></font></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 'already_member':
			var content = '<p2></p2>';
		         content += '<br />';
		         content += '<p1>Anda sudah terdaftar pada layanan WAPAKU</p1>'; 
		         content += '<br/>';
		         content += '';
		    $("#contentBoxBiru").html(content);
			break;
		  case 'bad_request':
			var content = '<p2></p2>';
		         content += '<br />';
		         content += '<p1>Error, missing parameter</p1>'; 
		         content += '<br/>';
		         content += '';
		    $("#contentBoxBiru").html(content);
			break;
		  case 'not_indosat':
			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>';
		    $("#contentBoxBiru").html(defaultContent);
		    $.facebox('<a href="#" class="popout"><div id="popup"></div></a>');
		    break;
		}
	  },
	  complete: function(result){
	        
	  }
	});
  });
});