$(document).ready(function() {
	
	$('textarea[maxlength]').keyup(function(){
		var max = parseInt($(this).attr('maxlength'));
		if($(this).val().length > max){
			$(this).val($(this).val().substr(0, $(this).attr('maxlength')));
		}
	});


   	$("button").button();
	
	// Register
	$("#register").live('click', function(e) {
		e.preventDefault();
		
		$('#loading_img').fadeIn(300);
		
		var username = encodeURIComponent($("#username").val());
		var password = encodeURIComponent($("#password").val());
		var re_password = encodeURIComponent($("#re_password").val());
		var email = encodeURIComponent($("#email").val());
		var birthdate_month = encodeURIComponent($("#birthdate_month").val());
		var birthdate_day = encodeURIComponent($("#birthdate_day").val());
		var birthdate_year = encodeURIComponent($("#birthdate_year").val());
		var gender = encodeURIComponent($("input[@name='gender']:checked").val());

		$('#sa_response_error').hide();
		$('#sa_response_success').hide();
		
		var dataString = 'username=' + username + '&password=' + password + '&re_password=' + re_password + '&email=' + email + '&birthdate_month=' + birthdate_month + '&birthdate_day=' + birthdate_day + '&birthdate_year=' + birthdate_year + '&gender=' + gender + '&opt=register';
		$.ajax({
			url: "http://likeordislike.net/ajax_php/profile.php",
			type: "POST",
			data: dataString,
			cache: false,
			success: function (html) {
				$('#loading_img').fadeOut(300);
				html = html.split("|");
				msg_type = html[0];
				msg = html[1];
				if(msg_type=="success"){
					//$('#sa_response_success').html(msg);
					//$('#sa_response_success').fadeIn(300);
					setTimeout('window.location.replace("/profile/")', 1);
					$("input").val("");
					
					$('#account_list').html(acc_list);
				}
				else if(msg_type=="error"){
					$('#sa_response_error').html(msg);
					$('#sa_response_error').fadeIn(300);
					setTimeout('$("#sa_response_error").fadeOut(300)', 5000);
				}
			}		
		}); // ajax
	});
	
	// Log in
	$("#login").live('click', function(e) {
		e.preventDefault();
		
		$('#loading_img').fadeIn(300);
		
		var username = encodeURIComponent($("#username").val());
		var password = encodeURIComponent($("#password").val());
		
		$('#sa_response_error').hide();
		$('#sa_response_success').hide();
		
		var dataString = 'username=' + username + '&password=' + password + '&opt=login';
		$.ajax({
			url: "http://likeordislike.net/ajax_php/login.php",
			type: "POST",
			data: dataString,
			cache: false,
			success: function (html) {
				$('#loading_img').fadeOut(300);
				html = html.split("|");
				msg_type = html[0];
				msg = html[1];
				if(msg_type=="success"){
					//$('#sa_response_success').html(msg);
					//$('#sa_response_success').fadeIn(300);
					//setTimeout('window.location.replace("/profile/")', 1);
					$('#login_form').submit();
				}
				else if(msg_type=="error"){
					$('#sa_response_error').html(msg);
					$('#sa_response_error').fadeIn(300);
					setTimeout('$("#sa_response_error").fadeOut(300)', 5000);
				}
			}		
		}); // ajax
	});
	
	// Reminder
	$("#remind").live('click', function(e) {
		e.preventDefault();
		
		$('#loading_img').fadeIn(300);
		
		var email = encodeURIComponent($("#email").val());
		
		$('#sa_response_error').hide();
		$('#sa_response_success').hide();
		
		var dataString = 'email=' + email + '&opt=remind';
		$.ajax({
			url: "http://likeordislike.net/ajax_php/login.php",
			type: "POST",
			data: dataString,
			cache: false,
			success: function (html) {
				$('#loading_img').fadeOut(300);
				html = html.split("|");
				msg_type = html[0];
				msg = html[1];
				if(msg_type=="success"){
					//$('#sa_response_success').html(msg);
					//$('#sa_response_success').fadeIn(300);
					setTimeout('window.location.replace("/login/")', 1);
					//$('#login_form').submit();
				}
				else if(msg_type=="error"){
					$('#sa_response_error').html(msg);
					$('#sa_response_error').fadeIn(300);
					setTimeout('$("#sa_response_error").fadeOut(300)', 5000);
				}
			}		
		}); // ajax
	});
	
	// Upload photo
	$("#upload").live('click', function(e) {
		e.preventDefault();
		$('#loading_img_1').fadeIn(300);
		
		$('#sa_response_error').hide();
		$('#sa_response_success').hide();
		
		var options = { 
			success: function(html) { 
				$('#loading_img_1').fadeOut(300);
				html = html.split("|");
				msg_type = html[0];
				msg = html[1];
				if(msg_type=="success"){
					$('#sa_response_success').html(msg);
					$('#sa_response_success').fadeIn(300);
					$('#photo_s').attr("src", html[2]);
				}
				else if(msg_type=="error"){
					$('#sa_response_error').html(msg);
					$('#sa_response_error').fadeIn(300);
					setTimeout('$("#sa_response_error").fadeOut(300)', 5000);
				}
			} 
		}; 
		
		$('#upload_form').ajaxSubmit(options);
			
	});
	
	// Save profile
	$("#save_profile").live('click', function(e) {
		e.preventDefault();
		
		$('#loading_img_2').fadeIn(300);
		
		var password = encodeURIComponent($("#password").val());
		var re_password = encodeURIComponent($("#re_password").val());
		var name = encodeURIComponent($("#name").val());
		var location = encodeURIComponent($("#location").val());
		var about = encodeURIComponent($("#about").val());
		var website = encodeURIComponent($("#website").val());
		var facebook_link = encodeURIComponent($("#facebook_link").val());
		var myspace_link = encodeURIComponent($("#myspace_link").val());
		var twitter_link = encodeURIComponent($("#twitter_link").val());
		var flickr_link = encodeURIComponent($("#flickr_link").val());
		var youtube_link = encodeURIComponent($("#youtube_link").val());
		var email = encodeURIComponent($("#email").val());
		var birthdate_month = encodeURIComponent($("#birthdate_month").val());
		var birthdate_day = encodeURIComponent($("#birthdate_day").val());
		var birthdate_year = encodeURIComponent($("#birthdate_year").val());
		var gender = encodeURIComponent($("input[@name='gender']:checked").val());
		var notif = encodeURIComponent($("input[@name='notif']:checkbox:checked").val());

		$('#sa_response_error_2').hide();
		$('#sa_response_success_2').hide();
		
		var dataString = 'password=' + password + '&re_password=' + re_password + '&name=' + name + '&location=' + location + '&about=' + about + '&website=' + website + '&facebook_link=' + facebook_link + '&myspace_link=' + myspace_link + '&twitter_link=' + twitter_link + '&flickr_link=' + flickr_link + '&youtube_link=' + youtube_link + '&email=' + email + '&birthdate_month=' + birthdate_month + '&birthdate_day=' + birthdate_day + '&birthdate_year=' + birthdate_year + '&gender=' + gender + '&notif=' + notif + '&opt=save_profile';
		$.ajax({
			url: "http://likeordislike.net/ajax_php/profile.php",
			type: "POST",
			data: dataString,
			cache: false,
			success: function (html) {
				$('#loading_img_2').fadeOut(300);
				html = html.split("|");
				msg_type = html[0];
				msg = html[1];
				if(msg_type=="success"){
					$('#sa_response_success_2').html(msg);
					$('#sa_response_success_2').fadeIn(300);
					//setTimeout('window.location.replace("/profile/")', 1);
				}
				else if(msg_type=="error"){
					$('#sa_response_error_2').html(msg);
					$('#sa_response_error_2').fadeIn(300);
					setTimeout('$("#sa_response_error_2").fadeOut(300)', 5000);
				}
			}		
		}); // ajax
	});
	
	// on gender select
	$("#gender").change(function() {
        var gender = $("option:selected", this).val();
		
        var dataString = 'gender=' + gender;
		$.ajax({
			url: "http://likeordislike.net/ajax_php/rate_params.php",
			type: "POST",
			data: dataString,
			cache: false,
			success: function (html) {
				$('#filter_form').submit();
				//setTimeout('window.location.replace("/rate/")', 1);
			}		
		}); // ajax
    });
	
	// on age select
	$("#age").change(function() {
        var age = $("option:selected", this).val();
		
        var dataString = 'age=' + age;
		$.ajax({
			url: "http://likeordislike.net/ajax_php/rate_params.php",
			type: "POST",
			data: dataString,
			cache: false,
			success: function (html) {
				$('#filter_form').submit();
				//setTimeout('window.location.replace("/rate/")', 1);
			}		
		}); // ajax
    });
	
	// Send message
	$("#send_msg").live('click', function(e) {
		e.preventDefault();
		
		$('#loading_img').fadeIn(300);
		
		var to = encodeURIComponent($("#to").val());
		var subject = encodeURIComponent($("#subject").val());
		var message = encodeURIComponent($("#message").val());
		
		$('#sa_response_error').hide();
		$('#sa_response_success').hide();
		
		var dataString = 'to=' + to + '&subject=' + subject + '&message=' + message + '&opt=send_msg';
		$.ajax({
			url: "http://likeordislike.net/ajax_php/msg.php",
			type: "POST",
			data: dataString,
			cache: false,
			success: function (html) {
				$('#loading_img').fadeOut(300);
				html = html.split("|");
				msg_type = html[0];
				msg = html[1];
				if(msg_type=="success"){
					//$('#sa_response_success').html(msg);
					//$('#sa_response_success').fadeIn(300);
					setTimeout('window.location.replace("/messages/sent/")', 1);
				}
				else if(msg_type=="error"){
					$('#sa_response_error').html(msg);
					$('#sa_response_error').fadeIn(300);
					setTimeout('$("#sa_response_error").fadeOut(300)', 5000);
				}
			}		
		}); // ajax
	});
	
	// Delete message
	$("#delete_msg").live('click', function(e) {
		e.preventDefault();
		
		msg_id = $(this).attr("name");
		
		var dataString = 'msg_id=' + msg_id + '&opt=delete';
		$.ajax({
			url: "http://likeordislike.net/ajax_php/msg.php",
			type: "POST",
			data: dataString,
			cache: false,
			success: function (html) {
				html = html.split("|");
				msg_type = html[0];
				msg = html[1];
				if(msg_type=="success"){
					//$('#sa_response_success').html(msg);
					//$('#sa_response_success').fadeIn(300);
					$('div#msg' + msg_id).fadeOut(300, function() {
						$('div#msg' + msg_id).remove();
					});
				}
				else if(msg_type=="error"){
					//$('#sa_response_error').html(msg);
//					$('#sa_response_error').fadeIn(300);
//					setTimeout('$("#sa_response_error").fadeOut(300)', 5000);
				}
			}		
		}); // ajax
	});
	
	// Reply message
	$("#reply_msg").live('click', function(e) {
		e.preventDefault();
		
		$('#loading_img').fadeIn(300);
		
		msg_id = encodeURIComponent($("#msg_id").val());
		var message = encodeURIComponent($("#message").val());
		
		$('#sa_response_error').hide();
		$('#sa_response_success').hide();
		
		var dataString = 'msg_id=' + msg_id + '&message=' + message + '&opt=reply_msg';
		$.ajax({
			url: "http://likeordislike.net/ajax_php/msg.php",
			type: "POST",
			data: dataString,
			cache: false,
			success: function (html) {
				$('#loading_img').fadeOut(300);
				html = html.split("|");
				msg_type = html[0];
				msg = html[1];
				if(msg_type=="success"){
					//$('#sa_response_success').html(msg);
					//$('#sa_response_success').fadeIn(300);
					setTimeout('window.location.replace("/messages/read/" + msg_id +"/")', 1);
				}
				else if(msg_type=="error"){
					$('#sa_response_error').html(msg);
					$('#sa_response_error').fadeIn(300);
					setTimeout('$("#sa_response_error").fadeOut(300)', 5000);
				}
			}		
		}); // ajax
	});
	
});