Переходы CSS не работают при назначении через JavaScript

У меня сильно болит голова при попытке применить CSS3 переходы к слайдшоу через JavaScript.

В основном JavaScript получает все слайды в слайд-шоу и применяет CSS классы к нужным элементам, чтобы создать красивый анимированный эффект, если нет поддержки CSS3 переходов, он просто применяет стили без перехода.

Теперь о моей "маленькой" проблеме. Все работает как ожидалось, все слайды получают правильные стили, код работает без ошибок (пока что). Но указанные переходы не работают, даже если применены правильные стили. Также стили и переходы работают, когда я применяю их сам через инспектор.

Поскольку я не смог найти логического объяснения сам, я подумал, что кто-то здесь может ответить на этот вопрос, пожалуйста?

Я собрал небольшой пример того, как код работает сейчас: http://g2f.nl/38rvma Или используйте JSfiddle (без изображений): http://jsfiddle.net/5RgGV/1/