var recipe_request = null;

$(document).ready(function(){
    $("#search_input_criteria").bind("focus", function(event){
        this.value = '';
    });
});

function recipe_createRequest(){
    try {
        recipe_request = new XMLHttpRequest();
    }
    catch (trymicrosoft){
        try {
            recipe_request = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (failed){
            recipe_request = null;
        }
    }
    if(recipe_request == null)
        alert("Error creating request object");
}

function recipe_updatePage(){
    if(recipe_request.readyState==4){
        var RatingResponse = recipe_request.responseText;
        ResponseArray = RatingResponse.split("|")
        document.getElementById("rating_label").innerHTML = ResponseArray[0];
        if(ResponseArray[1] < 0.5){
            document.getElementById("ul_rating").innerHTML = "<ul class='rating nostar'></ul>"
        }
        if(ResponseArray[1] >= 0.5 & ResponseArray[0] < 1.5){
            document.getElementById("ul_rating").innerHTML = "<ul class='rating onestar'></ul>"
        }
        if(ResponseArray[1] >= 1.5 & ResponseArray[0] < 2.5){
            document.getElementById("ul_rating").innerHTML = "<ul class='rating twostar'></ul>"
        }
        if(ResponseArray[1] >= 2.5 & ResponseArray[0] < 3.5){
            document.getElementById("ul_rating").innerHTML = "<ul class='rating threestar'></ul>"
        }
        if(ResponseArray[1] >= 3.5){
            document.getElementById("ul_rating").innerHTML = "<ul class='rating fourstar'></ul>"
        }
    }
}

function recipe_updateRating(slugger, vote){
    recipe_createRequest();
    var url = "/recipes/rating/?slug="
    url = url + slugger + "&rater=" + vote;
    recipe_request.open("GET", url, true);
    recipe_request.onreadystatechange = recipe_updatePage;
    recipe_request.send(null);
    recipe_updatePage();
}