$(document).ready(
function() {
	$("#script_hide").show();
	update_wangs();
	update_change();
	active_fields();
	create_form();
	create_form2();
	$("#more").click(function() { more() }); 
	$('.charlimit').keypress(charlimit);
	set_accept_form(true);
	
	$('#stats').corners("5px");
	$("#name").autocomplete("ml.php", { minChars:3 });
	$("input[name='player_type']").change(
		function() {
			update_change();
		}
	);
	
	
	var validateUsername = $('#validateUsername');
  $('#name_new').keyup(function () {
  	if ($("input[name='player_type']:checked").val() == 'new') {
    var t = this; 
    if (this.value != this.lastValue) {
    	validateUsername.fadeOut();
      if (this.timer) clearTimeout(this.timer);
      validateUsername.removeClass('error').html('Checking availability...');
      this.timer = setTimeout(function () {
				$.get("index.php?action=check_username&name="+t.value, function(data) {
					validateUsername.text(data);
					validateUsername.fadeIn();
				});
      }, 200);
      
      this.lastValue = this.value;
    }
  } else {
  	//
  	
  }
  });
	
	
});

function set_accept_form(j) {
  window.accept_form = j;
}


function update_wangs() {
	$(".user_"+window.user_id).show();
	last_id=$("#wangs li.wang").attr("id");
	
  $.get("index.php?action=wangs&last="+last_id, function(data) {
  $("#new_wangs").html(data);
  if(data!="") { 
  	$("#new_wangs").hide();
  	$("#new_wangs").fadeIn("1500");

  }
  $('#new_wangs .wang').corners("top-left 16px bottom-right 16px");
  window.setTimeout(update_wangs, 5000);
  window.setTimeout(shift_wangs, 3000);
  });
}
function shift_wangs() {
	old = $("#new_wangs").html();
	$("#wangs").prepend(old);
	$("#new_wangs").html(" ");
	
}
function more() {
	last_id=$("#wangs li.wang:last").attr("id");
	 $.get("index.php?action=morewangs&last="+last_id, function(data) {
	 	if(data!="all") {
  $("#wangs").append(data); 
   $('.appended').corners("top-left 16px bottom-right 16px");
			}
			else {
				$('#all').fadeIn();
				$('#more').hide();
			}
  });	

}

function update_change() {
 	if ($("input[name='player_type']:checked").val() == 'new') {
				$("p.change").text("my name is");
				$("p.change_pass").text("and I'd like my password to be");
				value = $("#name").val();
				$("#name_new").val(value);
				$("#name").css("display","none"); 
				$("#name_new").css("display","inline"); 
				
			} else {
				$('#validateUsername').text(" ");
				$("p.change").text("the name I used was");
				$("p.change_pass").text("and my password was");
				value = $("#name_new").val();
				$("#name").val(value);
				$("#name_new").css("display","none"); 
				$("#name").css("display","inline"); 
			}	
}

function active_fields() {
	inp1 = $("#name");
	inp2 = $("#name_new");
	inp3 = $("#pass");
	inp1.addClass("inactive_input");
	inp2.addClass("inactive_input");
	inp3.addClass("inactive_input");
	inp1.focus( function () {focus_f($(this)) });
	inp1.blur( function () {blur_f($(this)) });
	inp2.focus( function () {focus_f($(this))} );
	inp2.blur( function () {blur_f($(this)) });
	inp3.focus( function () {focus_f($(this))} );
	inp3.blur( function () {blur_f($(this)) });
}
function focus_f(obv) {
	obv.removeClass("inactive_input").addClass("active_input");
}
function blur_f(obv) {
	obv.addClass("inactive_input").removeClass("active_input");
}
function create_form() {
    $(function() {  

      $(".button").click(function() {  
        // validate and process form here  
      $('.error').hide();
      if ($("input[name='player_type']:checked").val() == 'new') {
     		playertype="new";
  	 		 var name = $("input#name_new").val();
  	 		 name_field = $("input#name_new");
  		} else {
  			playertype="old";
  			 var name = $("input#name").val();
  			 name_field = $("input#name");
  		}
  		if (name == "") {
        $("#name_error").show();
        name_field.focus();
        return false;
      }
  		var pass = $("input#pass").val();
  		if (pass == "") {
        $("#pass_error").show();
        $("input#pass").focus();
        return false;
      }
  		var wang = $("input#wang").val();
  		if (wang == "") {
        $("#wang_error").show();
        $("input#wang").focus();
        return false;
      }
      wang = clean_wang(wang);
        var dataString = 'player_type=' + playertype + '&name='+ name + '&pass=' + pass + '&wang=' + wang;
  //alert (dataString);return false;
  loading();
  $.ajax({
    type: "POST",
    url: "index.php",
    data: dataString,
    success: function(response) {
      
    	var responses = response.split(", ");
      if(responses[0] != "success") {
      	$("#"+response).show();
      } else {
      
      	logged_in(responses[1], responses[2]);
      	change_form(responses[1], responses[2], responses[3]);
      	window.user_id = responses[1];
      }
      loading();
    }
  });
  return false;
  
      
      });  
    });  
}

function charlimit(){
var text = $(this).val();
if (text.length > 20) {
	$(this).val(text.substr(0, 20));
	$("#charlimit_error").show();
} else {
	$("#charlimit_error").hide();
}

}

function logged_in(user_id, user_name) {
	
}
function change_form(user_id, user_name, score) {
	$('#form').hide();
	$('#form2').show();
	$('#user').show();
	$('.namevar').html(user_name);
	$('.scorevar').html(score);
	if(score>0) {
	 $('.backvar').html("back");
	} else {
   $('.backvar').html("");
  }

}

function create_form2() {
    $(function() {  
      $(".button2").click(function() {  
        // validate and process form here  
      $('.error').hide();
  		var wang = $("input#wang2").val();
  		if (wang == "") {
        $("#wang_error").show();
        $("input#wang2").focus();
        return false;
      }
      if (window.accept_form==false) {
       $("#patience_error").show();
       clearTimeout(window.form_timer);
       window.form_timer = setTimeout("set_accept_form(true)", 1000);
       return false;
      }
      set_accept_form(false);
      window.form_timer = setTimeout("set_accept_form(true)", 1000);
      wang = clean_wang(wang);
      var dataString = 'wang=' + wang + '&form2=t';
  //alert (dataString);return false;
  loading();
  $.ajax({
    type: "POST",
    url: "index.php",
    data: dataString,
    success: function(response) {
    
    	var responses = response.split(", ");
    	
      if(responses[0] != "success") {
      	$("#"+response).show();
      } else {
      	$('input#wang2').val("");
      	$('.scorevar').html(responses[3]);
      	 window.user_id = responses[1];
      }
      loading();
    }
  });
  return false;
  
      
      });  
    });  
}

function loading() {
	$(".loading").toggle();
}

function handlePaginationClick(new_page_index, pagination_container) {
    // This selects 20 elements from a content array
    
//    $('#leader_board').html(" ");
    $.get("index.php?action=leaderboard&index="+new_page_index, function(data) { 
    $('#leader_board').html(data);
    //setTimeout($("#leader_board")..fadeIn(),10000);
    	//$('#leader_board')
    	//$('#leader_board').stop()
    	});
    return false;
}

function clean_wang(string) {
string = string.replace("+", "%2B");
return string.replace("&", "%26");
}