var qno = ["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22"];

function update_no(){
    var i=1;
     $.each(qno,function(key,val){
        if(val!="N"){
             var s="#no"+(key+1);
             qno[key]=i;
             $(s).html(qno[key]);
             i+=1;
         }
     });
}
function validate(){
    var retval=true;
    var errmsg="";

     $('div.wrapper').each(function(index){
        if(index!=21){
            if(qno[index]!="N"){
                if($(this).find("div > label.check").length){
                    if (undefined === $(this).find(":checkbox:checked").val()) {
                        errmsg += "<span>    </span><li> Please answer question "+qno[index]+"</li>";
                        retval=false;
                    }
                }else if($(this).find("div > label.radio").length){
                    if(undefined === $(this).find(":radio:checked").val()) {
                        errmsg += "<span>    </span><li> Please answer question "+qno[index]+"</li>";
                        retval=false;
                    }
                }else if($(this).find("div > label.text").length){
                    if( "" == $(this).find(":input").val()) {
                        errmsg += "<span>    </span><li> Please answer question "+qno[index]+"</li>";
                        retval=false;
                    }
                }
             }
        }
     });
     $("#messageBox").html(errmsg);
     if (retval!=true){
        jAlert('Please answer all questions.', 'Alert Dialog');
     }else{
        $("input#item_qnumber").each(
            function(index){
                $(this).val(qno[index]);
        });
     }
     return retval;
}
$(document).ready(function(){
    $("#parent3").css("display","none");
    $("#parent9").css("display","none");
    $("#parent15").css("display","none");
    $("#parent17").css("display","none");
    $("#parent20").css("display","none");
    $(".q1").click(function(){
    	if ($('input[name=q2]:checked').val() == "No" && $('input[name=q1]:checked').val() == "No") {
            $("#parent3").slideUp("fast"); //Slide Up Effect
            $.cookie('showTop3', 'collapsed');
            $.each(qno, function(key,val){if(key>1){qno[key]="N";}});
        } else {
            $("#parent3").slideDown("fast");	//Slide Down Effect
            $.cookie('showTop3', 'expanded');
            $.each(qno, function(key,val){
                if(key==8||key==14||key==16||key==19){
                    qno[key]="N";
                }else{
                    qno[key]="Y";
                }
            });
        }
        update_no();
     });
    $(".q2").click(function(){
    	if ($('input[name=q2]:checked').val() == "No" && $('input[name=q1]:checked').val() == "No") {
            $("#parent3").slideUp("fast"); //Slide Up Effect
            $.cookie('showTop3', 'collapsed');
            $.each(qno, function(key,val){if(key>1){qno[key]="N";}});
        } else {
            $("#parent3").slideDown("fast");	//Slide Down Effect
            $.cookie('showTop3', 'expanded');
            $.each(qno, function(key,val){
                if(key==8||key==14||key==16||key==19){
                    qno[key]="N";
                }else{
                    qno[key]="Y";
                }
            });
        }
        update_no();
     });  
    $(".q8").click(function(){
    	if ($('input[name=q8]:checked').val() == "No" ) {
            $("#parent9").slideUp("fast"); //Slide Up Effect
            $.cookie('showTop9', 'collapsed');
            qno[8]="N";
        } else {
            $("#parent9").slideDown("fast");	//Slide Down Effect
            $.cookie('showTop9', 'expanded');
            qno[8]="Y";
        }
        update_no();
     });
     $(".q14").click(function(){
    	if ($('input[name=q14]:checked').val() == "No" ) {
            $("#parent15").slideUp("fast"); //Slide Up Effect
            $.cookie('showTop15', 'collapsed');
            qno[14]="N";
        } else {
            $("#parent15").slideDown("fast");	//Slide Down Effect
            $.cookie('showTop15', 'expanded');
            qno[14]="Y";
        }
        update_no();
     });
     $(".q16").click(function(){
    	if ($('input[name=q16]:checked').val() != "Yes") {
            $("#parent17").slideUp("fast"); //Slide Up Effect
            $.cookie('showTop17', 'collapsed');
            qno[16]="N";
        } else {
            $("#parent17").slideDown("fast");	//Slide Down Effect
            $.cookie('showTop17', 'expanded');
            qno[16]="Y";
        }
        update_no();
     });
     $(".q19").click(function(){
    	if ($('input[name=q19]:checked').val() == "No" ) {
            $("#parent20").slideUp("fast"); //Slide Up Effect
            $.cookie('showTop20', 'collapsed');
            qno[19]="N";
        } else {
            $("#parent20").slideDown("fast");	//Slide Down Effect
            $.cookie('showTop20', 'expanded');
            qno[19]="Y";
        }
        update_no();
     });

      var showTop3 = $.cookie('showTop3');
      if (showTop3 == 'expanded') {
      	$("#parent3").show("fast");
        $.each(qno, function(key,val){
                if(key==8||key==14||key==16||key==19){
                    qno[key]="N";
                }else{
                    qno[key]="Y";
                }
        });
      } else {
      	$("#parent3").hide("fast");
        $.each(qno, function(key,val){if(key>1){qno[key]="N";}});
      }
      var showTop9 = $.cookie('showTop9');
      if (showTop9 == 'expanded') {
      	$("#parent9").show("fast");
        qno[8]="Y";
      } else {
      	$("#parent9").hide("fast");
      }
      var showTop15 = $.cookie('showTop15');
      if (showTop15 == 'expanded') {
      	$("#parent15").show("fast");
        qno[14]="Y";
      } else {
      	$("#parent15").hide("fast");
      }
      var showTop17 = $.cookie('showTop17');
      if (showTop17 == 'expanded') {
      	$("#parent17").show("fast");
        qno[16]="Y";
      } else {
      	$("#parent17").hide("fast");
      }
      var showTop20 = $.cookie('showTop20');
      if (showTop20 == 'expanded') {
      	$("#parent20").show("fast");
        qno[19]="Y";
      } else {
      	$("#parent20").hide("fast");
      }
      update_no();
      $("#register").validate({
		rules: {
                    email: {
                        required: true,
                        email: true
                    }
		},
		messages: {
			email: "Please input valid email address."
		}
	});
});