$(document).ready(function () {

	/* Add print button to page */			
	$("div.hr").before('<a class="print-recipe"><span class="icon"></span><span class="text">print this recipe</span></a>');
	
	$(".print-recipe").hover(
      function () {
        $("span.icon").css({backgroundPosition:"0 -22px"});
		$("span.text").css({textDecoration:"underline"});
      }, 
      function () {
        $("span.icon").css({backgroundPosition:"0 0"});
		$("span.text").css({textDecoration:"none"});
      }
    );

	$(".print-recipe").click(function () { 
		window.print();
		return false;
    });
    
	
	
	
    /* Recipe rating functionality */
	var recipeId = $("#ratings-form #recipe-id").val();
	var rating = $("#ratings-form #recipe-rating").val();
	$("#ratings-form").replaceWith('<div id="ratings-widget"></div>');
    
    var html = '';
    for (i = 1; i < 6; i++) {
        html += '<span';
        if (i <= rating) {
            html += ' class="rated"';
        }
        html += ' id="star_' + i + '">' + i + ' star</span>' + "\n"
    }
    
	$("#ratings-widget").html(html);

    $("#ratings-widget span").mouseover(function() {
        var over = $(this).text().substring(0,1);
        switch (over) {
            case '1':
              $("#star_1").addClass("over");
              break;
            case '2':
                $("#star_1").addClass("over");
                $("#star_2").addClass("over");
              break;
            case '3':
                $("#star_1").addClass("over");
                $("#star_2").addClass("over");
                $("#star_3").addClass("over");
              break;
            case '4':
                $("#star_1").addClass("over");
                $("#star_2").addClass("over");
                $("#star_3").addClass("over");
                $("#star_4").addClass("over");
              break;
            case '5':
                $("#star_1").addClass("over");
                $("#star_2").addClass("over");
                $("#star_3").addClass("over");
                $("#star_4").addClass("over");
                $("#star_5").addClass("over");
              break;
        }
    });
    
    $("#ratings-widget span").mouseout(function() {
        var over = $(this).text().substring(0,1);
        switch (over) {
            case '1':
              $("#star_1").removeClass("over");
              break;
            case '2':
              $("#star_1").removeClass("over");
              $("#star_2").removeClass("over");
              break;
            case '3':
              $("#star_1").removeClass("over");
              $("#star_2").removeClass("over");
              $("#star_3").removeClass("over");
              break;
            case '4':
              $("#star_1").removeClass("over");
              $("#star_2").removeClass("over");
              $("#star_3").removeClass("over");
              $("#star_4").removeClass("over");
              break;
            case '5':
              $("#star_1").removeClass("over");
              $("#star_2").removeClass("over");
              $("#star_3").removeClass("over");
              $("#star_4").removeClass("over");
              $("#star_5").removeClass("over");
              break;
        }
    });

    $("#ratings-widget span").click(function() {
        var score = $(this).text().substring(0,1);
        $.ajax({
            type: "POST",
            url: "/recipes/rate/",
            data: "id=" + recipeId + "&score=" + score,
            dataType: "json",
            success: function (msg) {
                $("#ratings-widget").html('<img src="/assets/img/recipes-stars' + score + '_blk.png" />');
            }
        });
    });
    
});