$(document).ready(function() {

if ($("[id$='_ddlType']").size()) {
    $("[id$='_ddlType']").change(function() {
    LoadGrade($("[id$='_ddlType'] option:selected").val());
        });

        if ($("[id$='_ddlType'] option:selected").val() != 'All') {
            LoadGrade($("[id$='_ddlType'] option:selected").val());
        }
    }



    $("a.fontSize").click(function() {
    $("link[id=FontSize]").attr("href", "/includes/css/" + $(this).attr('rel'));
    $.cookie("FontSize", $(this).attr('rel'), { expires: 365, path: '/' });
        return false;
    });

    SetCurrentStyle();
});


function RunSearch() {


    if ($("[id$='_ddlCounty'] option:selected").val() == "NI") {
        document.location = "/NI_Trails/Northen_Ireland_Trails.html";
    }
    else {
        document.location = "/trails.aspx?c=" + $("[id$='_ddlCounty'] option:selected").val() + "&t=" + $("[id$='_ddlType'] option:selected").val() + "&l=" + $("[id$='_ddlLength'] option:selected").val() + "&g=" + $("[id$='_ddlGrade'] option:selected").val();

    }

//"/trails.aspx?c=" + ddlCounty.SelectedValue + "&t=" + ddlType.SelectedValue + "&l=" + ddlLength.SelectedValue + "&g=" + ddlGrade.SelectedValue
}

function LoadGrade(option) {


    $.ajax({
        type: "POST",
        url: "/webservices/Trails.asmx/LoadGrades",
        data: "{'Category':'" + option +"'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {

            var data = (typeof msg.d) == 'string' ? eval('(' + msg.d + ')') : msg.d;

            $("select[id$='_ddlGrade']").empty(); // works clear dropdown list
            for (var i = 0; i < data.length; i++) {

                $("[id$='_ddlGrade']").append($("<option></option>").attr("value", data[i]).text(data[i]));

            }


        },
        error: function(msg) {
            // alert(msg);
        }
    });
};

function LoadReviews(ID) {


    $.ajax({
        type: "POST",
        url: "/webservices/Trails.asmx/LoadReviews",
        data: "{'TrailID':'" + ID + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            $(".reviewList").html('');
            $(".reviewListLarge").html('');
            var data = (typeof msg.d) == 'string' ? eval('(' + msg.d + ')') : msg.d;
            // alert(data);
            if (data.length < 1) {
                $(".reviewList").append("<p class=\"noReview\">There are no reviews for this trail. To write a review for this trail <a href='/writereview.aspx?trailid=" + $("input#trailID").val() + "'>click here</a></p>");
            }
            else {

                if (ID != "all") {
                    for (var i = 0; i < data.length; i++) {
                        var from = data[i].County;
                        if (from == "N/A") {
                            from = data[i].Country;
                        }

                        $(".reviewList").append("<div class='reviewSmallTitle'>" + data[i].Date + " by " + data[i].ReviewName + " from " + from + " <span class='starsSmall'><img alt='number stars' src='/images/star" + data[i].Rating + ".gif' /></span></div>");
                        $(".reviewList").append("<div class='reviewSmallContent'>" + data[i].Content + "</div>");

                    }
                }
                else {
                    for (var i = 0; i < data.length; i++) {
                        var from = data[i].County;
                        if (data[i].County == "N/A") {
                            from = data[i].Country;
                        }
                        $(".reviewListLarge").append("<div class='reviewLargeTitle'><a href=\"/Trail/" + data[i].TrailLink + "/" + data[i].ID + "/\">" + "<span class='reviewTrail'>" + data[i].TrailName + " - </span>" + data[i].Date + " by " + data[i].ReviewName + " from " + from + " <span class='starsSmall'><img alt='number stars' src='/images/star" + data[i].Rating + ".gif' /></span></a></div>");
                        $(".reviewListLarge").append("<div class='reviewLargeContent'>" + data[i].Content + "</div>");

                    }

                }
            }

        },
        error: function(msg) {
            alert(msg);
        }
    });
};


function SetCurrentStyle() {
    if ($.cookie("FontSize")) {
        $("link[id=FontSize]").attr("href", "/includes/css/" + $.cookie("FontSize"));
    }

}

function SetFont(size) {


    $.cookie("FontSize", size, { expires: 365, path: '/' });
}