function bindOIMClick() {
    var oim_check = $('#oekoinfomobil');
    var oim_fields = $('#oim-fields');
    var oimstops_field = $('#oimstops-field');
    var region_select = $('#oekoinfomobilregion');
    var region = region_select.val();

    if (oim_check.is(":checked")) {
        oim_fields.show();
        oimstops_field.show();
        listStops(region);
    }
    
    oim_check.bind("click", function() {
    	var el = $(this);
    	if (el.is(":checked")) {
            oim_fields.show();
            oimstops_field.show();
            listStops(region);
        }
        else {
            oim_fields.hide();
        }
    });    
}

function getBaseUrl(){
    var bhref = $('base')[0].href;
    if (bhref.substr(bhref.length-1,1)!='/') {
        bhref += "/";  
    }
    
    return bhref
}

function listStops(region) {
    var oimstops_field = $('#oimstops-field');
    var oimstops_select = $('#oekoinfomobilstops');

    $.post(getBaseUrl()+'get_oekoinfomobil_info',{ region_id: region },function(data){		    
        var regions = data.split('|');

        oimstops_select.contents().remove();
        for (var i = 0; i < regions.length; i++) {
            var info = regions[i];
            var street = info.split(':')[0];
            var day_time = info.split(':')[1];
            var item = street + ' ' + day_time;
            oimstops_select.append('<option value="' + street + '">' + item + '</option>')    
        }
        
        oimstops_field.show();

    });
} 

function bindRegionSelect() {
    var region_select = $('#oekoinfomobilregion');
    
    region_select.bind("change", function() {
    	var el = $(this);
    	var region = el.val();
    	listStops(region);
    });
}

$(bindOIMClick);
$(bindRegionSelect);