/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

$(function(){

    // Tabs
    $('#eamcet_search_tabs').tabs({
        fx: {
            opacity: 'toggle'
        }
    });
    /* validation for college search through rank */
    searchClgByRankValidation();
    /* validation for search rank by college */
    searchClgMatrixValidation();
    /* option select suggestion details validation */
    optFormSuggestValidation();

    //get collges on region change
    $('#clg_region').change(function(){
      var region=$(this).val();
      getEamcetColleges('college',region);
    });

    //alpha numeric validation for rank
    $('#rank').numeric();

});

function checkRankRange(){

        var rank1=$('#rank1').val();
        var rank2=$('#rank2').val();
        if(parseInt(rank2)>(parseInt(rank1)+50000)){
            //alert("A maximum of 50,000 ranks difference is allowed");
            return false;
        }else if(parseInt(rank2)<parseInt(rank1)){
            //alert("(Rank To) Must be Greater than (Rank From)");
            return false;
        }else{
            return true;
        }

}


/* validation for college search through rank */
function searchClgByRankValidation(){
    $("#by_rank_form").validate({
        rules :{
            region:{
                required: true
            },
            course: {
                required:true
            },
            category:{
                required:true
            },
            gender:{
                required:true
            },
            rank:{
                required:true,
                number:true,
                minlength:1,
                maxlength:6,
                min:1
            }
        },
        messages:{
           region:{
                required:"Please select the region"
            },
            course:{
                required:"Please select the course"
            },
             category:{
                required: "Please select the category"
            },
             gender:{
                required:"Please select the Gender"
            },
            rank:{
                required:"Please enter your EAMCET Rank",
                number:"Enter your rank correctly"
            }
        },
        errorPlacement: function(error, element){

            error.appendTo(element.parent("div"));
            element.parent().addClass("error");

        },
        unhighlight: function(element, errorClass){

            $(element).parent().removeClass("error");
        },
        highlight: function(element, errorClass){

            $(element).parent().addClass("error");
        },
        errorElement: "strong",
        errorClass: "message"
    });
}
/* validation for search rank  of particular college */
function searchClgMatrixValidation(){
    $("#by_college_form").validate({
        rules :{
            clg_region:{
                required:true
            },
            college:{
                required: true
            }
        },
        messages:{
           region:{
                required:"Please select the region"
            },
            college:{
                required:"Please select the College"
            }
        },
        errorPlacement: function(error, element){

            error.appendTo(element.parent("div"));
            element.parent().addClass("error");

        },
        unhighlight: function(element, errorClass){

            $(element).parent().removeClass("error");
        },
        highlight: function(element, errorClass){

            $(element).parent().addClass("error");
        },
        errorElement: "strong",
        errorClass: "message"
    });


}

/* validation for college search through rank */
function optFormSuggestValidation(){


    $("#opt_select_form").validate({
        rules :{
            region:{
                required: true
            },
            course: {
                required:true
            },
            category:{
                required:true
            },
            gender:{
                required:true
            },
            rank1:{
                required:true,
                number:true,
                minlength:1,
                maxlength:6,
                min:1
            },
            rank2:{
                required:true,
                number:true,
                minlength:1,
                maxlength:6
            }
        },
        messages:{
           region:{
                required:"Please select the region"
            },
            course:{
                required:"Please select the course"
            },
             category:{
                required: "Please select the category"
            },
             gender:{
                required:"Please select the Gender"
            },
            rank1:{
                required:"Please enter Rank  from ",
                number:"Please enter a valid rank"
            },
             rank2:{
                required:"Please enter Rank To",
                number:"Please enter a valid rank"
            }
        },
        errorPlacement: function(error, element){

            error.appendTo(element.parent("div"));
            element.parent().addClass("error");

        },
        unhighlight: function(element, errorClass){

            $(element).parent().removeClass("error");
        },
        highlight: function(element, errorClass){

            $(element).parent().addClass("error");
        },
        errorElement: "strong",
        errorClass: "message",
        submitHandler:function(form){

            if(checkRankRange()){
                form.submit();
            }else{
                alert("Enter a valid rank range");
            }
        }
    });
}