$(function(){
	$("img[rel]").overlay();
})

/*
$(function(){
	$("#wrapper , #outer_wrapper").corner();
})
*/



$(function(){
	$.fn.extend({
		checkValue: function() {
			var ret = 0;
			var tmp_value = "";
			
			// Question 1
			tmp_value = $('input[name=radio_1]:checked').val();
			if (4 != tmp_value) {
				ret += 1;
				$("#error_msg_1").slideDown();
			} else {
				$("#error_msg_1").slideUp();
			}
			
			// Question 2
			tmp_value = "";
			var checkbox_2 = document.getElementsByName('checkbox_2');
			for (var i=0 ; i < checkbox_2.length ; i++) {
				if (checkbox_2[i].checked) {
					tmp_value += checkbox_2[i].value
				}
			}
			/*
			for (var i=0 ; i<4$("input#checkbox_2").length ; i++) {
				alert(i);
				if ($("input#checkbox_2")[i].checked) {
					tmp_value += $("input#checkbox_2")[i].value;
				}
			}*/
			//alert(tmp_value);
			if ("123" != tmp_value) {
				ret += 1;
				$("#error_msg_2").slideDown();
			} else {
				$("#error_msg_2").slideUp();
			}
			
			// Question 3
			tmp_value = "";
			var checkbox_3 = document.getElementsByName('checkbox_3');
			for (var i=0 ; i < checkbox_3.length ; i++) {
				if (checkbox_3[i].checked) {
					tmp_value += checkbox_3[i].value
				}
			}
			/*
			for (var i=0 ; i<$("input#checkbox_3").length ; i++) {
				if ($("input#checkbox_3")[i].checked) {
					tmp_value += $("input#checkbox_3")[i].value;
				}
			}*/
			if ("12" != tmp_value) {
				ret += 1;
				$("#error_msg_3").slideDown();
			} else {
				$("#error_msg_3").slideUp();
			}
			
			// Question 4
			tmp_value = "";
			tmp_value = $('input[name=radio_4]:checked').val();
			if (2 != tmp_value) {
				ret += 1;
				$("#error_msg_4").slideDown();
			} else {
				$("#error_msg_4").slideUp();
			}

			return ret;
		}
	});

//$("#video_list img[title]").tooltip();

$('.bgcolor').hover(function(){
	$(this).stop().animate({
			backgroundColor: '#fff'
		}, 300);
	}, function(){
		$(this).stop().animate({
			backgroundColor: '#eee'
		}, 500);
	});
	
	
	$("#video_open").toggle(function(){
		$("#video_div").slideDown(300)
	},function(){
		$("#video_div").slideUp(200)
	});
	/*
	$("#form_open").toggle(function(){
		$("#info_form").slideDown(300)
	},function(){
		$("#info_form").slideUp(200)
	});*/
	
	$("#form_open").click(function(){
		var ret = $('.select').checkValue();
		if (0 == ret) {			
			$("#error_msg_1").slideUp();
			$("#error_msg_2").slideUp();
			$("#error_msg_3").slideUp();
			$("#error_msg_4").slideUp();
			$("#first_submit").slideUp();
			$("#info_form").slideDown(300);
		} else {
			$("#info_form").slideUp(200)
		}		
	},function(){
		$("#info_form").slideUp(200)
	})

    $("#uppper_form_refresh").click(function(){
        // Remove all answer
        $('input[name=radio_1]:checked').attr("checked", false);
        $('input[name=radio_4]:checked').attr("checked", false);
        for (var i=0 ; i<$("input#checkbox_2").length ; i++) {
            $("input#checkbox_2")[i].checked = false;
        }
        for (var i=0 ; i<$("input#checkbox_3").length ; i++) {
            $("input#checkbox_3")[i].checked = false;
        }
        // Remove all erroe message
        $("#error_msg_1").slideUp();
        $("#error_msg_2").slideUp();
        $("#error_msg_3").slideUp();
        $("#error_msg_4").slideUp();
    })
    
    $("#lower_form_refresh").click(function(){
        // Remove all user data
        $('input#user_name').text = "";
        $('input#user_email').text = "";
        $('input#user_model').text = "";
        $('input#user_feathre').text = "";
        // Remove all erroe message
        $("#error_msg_name").slideUp();
        $("#error_msg_email").slideUp();
        $("#error_msg_format_email").slideUp();
        $("#error_msg_duplicated_email").slideUp();
    })

});