$(document).ready(function() {
	$('#m3_login').hide();
	$('#m3_type').hide();

	$('#m3_img').mouseover(function(){
		$('#m3_img').attr('src','http://widget.sanook.com/themes-g/imgs/my_on.gif');
	});
	$('#m3_img').mouseout(function(){
		$('#m3_img').attr('src','http://widget.sanook.com/themes-g/imgs/my.gif');
	});
	// 1
	$('#sync_myfriend').click(function() {
		$('#sync_myfriend').hide();
		$('#m3_login').show();

	});

	// 2
	$('#m3_login > form').submit(function() {
		$.ajax({
			url: 'http://widget.sanook.com/slide-diy/myfriend_login.php',
			type: 'POST',
			data: $(this).find('input').serialize(),
			success: function(str) {
				if (str != '')
				{
					$('#m3_login').hide();
					$('#m3_type').show();
					$('#user_id').val(str);
				}
				else
				{
					alert('wrong password');
				}
			}
		});
		return false;
	});

	// 3
	$('#m3_type > form').submit(function() {
		user_id = $('#user_id').val();
		type = $('#type').val();
		code = $('#code1').val();
		$.post('http://widget.sanook.com/slide-diy/myfriend_post.php', { user_id: user_id, type: type, code: code, service: 'sanook' }, function(str) {
			if(str=='COMPLETE')
			{
				$('#m3_type').hide();
				$('#sync_myfriend').show();
				alert('complete');
			}
			else
			{
				$('#m3_type').hide();
				$('#sync_myfriend').show();
				//$('#m3_img').show();
				alert('Please try again');
			}
		});
		return false;

	});

});