var $active_recommendation = $("#recommendations div.item:first")

function nextRecommendation(e) {
    if(e !== undefined)
        e.preventDefault();

    var direction = ($(e.target).attr('id') == "prev-recommendation") ? "prev" : "next";
    var $next_recommendation;
    
    if(direction == "next") {
        $next_recommendation = $active_recommendation.next('div.item');
        if($next_recommendation.length == 0)
            $next_recommendation = $("#recommendations div.item:first");
    } else {
        $next_recommendation = $active_recommendation.prev('div.item');
        if($next_recommendation.length == 0)
            $next_recommendation = $("#recommendations div.item:last");
    }
  
  
    var next_index = $next_recommendation.index();
    var left_offset = next_index*720
    var next_height = $next_recommendation.height();

    $("#recommendation_box").animate({ height : next_height })
    $("#recommendations").animate({ left : '-'+left_offset });
    $active_recommendation = $next_recommendation;

    return true;
}

function initRecommendations() {
    $("#next-recommendation").click(nextRecommendation);
    $("#prev-recommendation").click(nextRecommendation);
}
$(initRecommendations);