//
// requires modifyButtonLabel to be set
// requires function SelectCourse(courseVariantId) to be set
//

document.observe('dom:loaded', function()
{
    RenderCourses(listCursussen);
});

function RenderCourses(listCourses)
{
    ClearChildren($('listCourses'));
    
    listCourses.each(RenderCourse);
}

function RenderCourse(course)
{
    var container = CreateContainer($('listCourses'), 'cursus_row');
    var cnr = course.nummer;
    if (cnr == "") cnr = "-"; 
    Event.observe(CreateDivLabel2(container, cnr, 'cursus_code cursus_clickable'), 'click', SelectCourse.curry(course.id));
    Event.observe(CreateDivLabel2(container, course.label, 'cursus_label cursus_clickable'), 'click', SelectCourse.curry(course.id));
    CreateDivLabel2(container, course.plaats, 'cursus_lokatie');
    CreateDivLabel2(container, 'vanaf '+course.prijs, 'cursus_prijs_met_vanaf');
    CreateDivLabel2(container, course.kolomindeling, 'cursus_niveau');
    CreateDivLabel2(container, course.duur, 'cursus_duur');
    CreateDivLabel2(container, course.lunch, 'cursus_lunch');
    CreateDivLabel2(container, course.instituutnaam, 'cursus_instituutnaam');
    //Event.observe(CreateDivLabel2(container, modifyButtonLabel, 'cursus_modify btnCommand'), 'click', SelectCourse.curry(course.id));
    CreateDivLabel2(container, course.description, 'cursus_description');
}

function CreateDivLabel2(container, text, className)
{
    return CreateDivLabel(container, (text == null) ? " " : text, className);
}