$(document).ready(function (){
    // Add a div for each digit
    //$('#sausage_week_counter').append('<div id="counter_digit_1">'); 
    $('#sausage_week_counter').append('<div id="counter_digit_2">'); 
    $('#sausage_week_counter').append('<div id="counter_digit_3">'); 	

    var days_remaining = days_remaining_to_date("March 19, 2012")+1;
    // Add first 0 if needed and convert to string
	
    days_remaining = days_remaining < 100 ? '0'+days_remaining : ''+ days_remaining;
    days_remaining = days_remaining < 10 ? '0'+days_remaining : ''+ days_remaining;

    //set_image_number_bg($('#counter_digit_1'), parseInt(days_remaining.substr(0,1)));
    set_image_number_bg($('#counter_digit_2'), parseInt(days_remaining.substr(1,1)));
	set_image_number_bg($('#counter_digit_3'), parseInt(days_remaining.substr(2,1)));
});


function days_remaining_to_date(date_string) {
    var date = new Date(date_string);
    var now = new Date();
    var diff = date.getTime() - now.getTime();
    var days = Math.floor(diff / (1000 * 60 * 60 * 24))
    return days;
}

function set_image_number_bg(el, nr) {
    var image_width = 36; // image width in pixels
    var bg_offset = (nr+1) * image_width;
    var bg_offset_string = '-'+ bg_offset +'px';
    $(el).css('backgroundPosition', bg_offset_string);
}