$(function() {
	//captcha
	$('.c_form').submit(function(){
		var nofade=$('#c_nofade').val();
		var username=$('#form_user').val();
		var c_val=$('#c_login').val();
		if (c_val.length<1){
			$.post("members/captcha/permissionCheck.php",{username : username},
			function(data){
				if (data.result=='0'){
					if (!document.getElementById('cDiv')){
						createCDiv();
					}
					if (!document.getElementById('fade')){
						openCModalDialog(nofade);
						randCaptcha();
					}
				}
				else
				if (data.result=='1'){
					$('#c_login').val('permission7');
					$(".c_btn").click();
				}
				else
				if (data.result=='2'){
					$('#c_login').val('permission10');
					$(".c_btn").click();
				}
			},"json");
		}
		else{
			return true;
		}
		return false;
	});
	
	$('#proceed').live("click",function(){
		var c_val=$('#c_vl').val();
		if (c_val.length<1){
			
		}
		else{
			$('#c_login').val(c_val);
			$('#fade , .popup_block').fadeOut('slow',function() {
				$('#fade').remove();
				$(".c_btn").click();
			});
		}
	});
});

function chooseThis(obj){
	$('#c_vl').val($(obj).text());
	$(obj).siblings('a').removeClass('sel').addClass('nsel');
	$(obj).removeClass('nsel').addClass('sel');
	return false;
}

function randomFromTo(from, to){
       return Math.floor(Math.random() * (to - from + 1) + from);
 }


function randCaptcha(){
	var cType=randomFromTo(1, 3);
	loadCaptcha(cType);
}

function loadCaptcha(type){
	if (type==1) 
		loadObjectCaptcha();
	else
	if (type==2) 
		loadFlipCaptcha();
	else
	if (type==3) 
		loadRandCodeCaptcha();
}

function reloadCaptcha(){
	randCaptcha();
}

function createCDiv(){
	var content;
	content='<div id="cDiv" class="popup_block" style="width:320px;"><div id="captcha"></div></div>';
	$('body').append(content); 
}

function openCModalDialog(nofade){
		var popID="cDiv";
		$('#' + popID).fadeIn('slow');
		var popMargTop = ($('#' + popID).height()) / 2;
		var popMargLeft = ($('#' + popID).width()) / 2;
		$('#' + popID).css({
				'margin-top' : -popMargTop,
				'margin-left' : -popMargLeft
		});
		if (nofade==1){
		}
		else{
			$('body').append('<div id="fade"></div>'); 
			$('#fade').css({'filter' : 'alpha(opacity=60)'}).fadeIn();
		}
		$(window).scrollTop();
		return false;
}

function loadObjectCaptcha(){
	var content;
	content='<div id="instruction"><b>Human testing : </b><br>Please choose picture containing <span id="c_hint"></span>.</div>';
	content+='<div id="image"><div id="imageList"></div><div id="proceedDiv"><input type="image" src="members/captcha/image/c_button.png"  name="proceed" id="proceed" value=""></div>';
	//content+='<div id="reload"><input type="image" class="c_reload" src="members/captcha/image/c_reload.png" onclick="reloadCaptcha();" value=""></div>';
	content+='</div><input type="hidden" name="c_vl" id="c_vl">';
	$('#captcha').html(content); 
	
	$.post("members/captcha/obj_captcha/random_init.php",{ajax : "1"},
		function(data){
			$('#imageList').load("members/captcha/obj_captcha/imgCaptcha.php",{category : data.category, count: data.count},function(){
						var content='<a href="#" onclick="chooseThis(this);" id="p1" class="">1</a>';
						content+='<a href="#" onclick="chooseThis(this);" id="p2" class="">2</a>';
						content+='<a href="#" onclick="chooseThis(this);" id="p3" class="">3</a>';
						content+='<a href="#" onclick="chooseThis(this);" id="p4" class="">4</a>';
						content+='<a href="#" onclick="chooseThis(this);" id="p5" class="">5</a>';
						$('#c_hint').html(data.count+' '+data.category);
						$('#imageList').append(content);
						$('#c_vl').val('');
					});
	},"json");
}

function loadFlipCaptcha(){
	var content;
	content='<div id="instruction"><b>Human testing : </b><br>Please choose upside down picture.</div>';
	content+='<div id="image"><div id="imageList"></div><div id="proceedDiv"><input type="image" src="members/captcha/image/c_button.png"  name="proceed" id="proceed" value=""></div>';
	//content+='<div id="reload"><input type="image" class="c_reload" src="members/captcha/image/c_reload.png" onclick="reloadCaptcha();" value=""></div>';
	content+='</div><input type="hidden" name="c_vl" id="c_vl">';
	$('#captcha').html(content); 
	$('#imageList').load("members/captcha/flip_captcha/imgCaptcha.php",{},function(){
		var content='<a href="#" onclick="chooseThis(this);" id="p1" class="">1</a>';
		content+='<a href="#" onclick="chooseThis(this);" id="p2" class="">2</a>';
		content+='<a href="#" onclick="chooseThis(this);" id="p3" class="">3</a>';
		content+='<a href="#" onclick="chooseThis(this);" id="p4" class="">4</a>';
		content+='<a href="#" onclick="chooseThis(this);" id="p5" class="">5</a>';
		$('#imageList').append(content);
		$('#c_vl').val('');
	}); 
}

function loadRandCodeCaptcha(){
	var content;
	content='<div id="instruction"><b>Human testing : </b><br>Please write down the code.</div>';
	content+='<div id="image"><div id="codeList"></div><div id="vlText"><input type="text" name="c_vl" id="c_vl" class="c_vlText" maxlength="5" size="5"></div><div id="proceedDiv"><input type="image" src="members/captcha/image/c_button.png"  name="proceed" id="proceed" value=""></div>';
	//content+='<div id="reload"><input type="image" class="c_reload" src="members/captcha/image/c_reload.png" onclick="reloadCaptcha();" value=""></div>';
	content+='</div>';
	$('#captcha').html(content); 
	
	$('#codeList').load("members/captcha/randcode_captcha/imgCaptcha.php",{},function(){
		$('#c_vl').val('');
		$('#c_vl').focus();
	}); 
}