Помощь в JS (плавное динамическое изменение фона без обновления страницы)

SIR2100 · 24.10.2012

Привет ребят. У меня вопрос.
У меня есть скрипт, меняющий файлы css в зависимости от времени без обновления странички. Меня интересует то, как же сделать перетекающее изменение файлов css, вместе с картинками и прочим.
Подскажите, или поправьте код =)
Код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>test</title>

<script language="javascript">
function loadcssfile(filename){
	document.getElementsByTagName('head')[0].removeChild(document.getElementsByTagName('link')[0]);
	var link = document.createElement('link');
	link.setAttribute('type','text/css');
	link.setAttribute('rel','stylesheet');
	link.setAttribute('href',filename);
 	document.getElementsByTagName('head')[0].appendChild(link);
}
</script>

<link type="text/css" rel="stylesheet" href="style_1.css"></head>
<body>
<script language="javascript">
var int=self.setInterval(function(){clock()},1000);
function clock()
{
date = new Date();
var t=date.getSeconds();
if ((t>0 && t<10) || (t>20 && t<30) || (t>40 && t<50))
{
loadcssfile("style1.css");
}
else
{
loadcssfile("style2.css")
}
document.getElementById("clock").value=t;
}
</script>
<input id="clock">
<div id="стиль_из_css_файла_1></div>
<div id="стиль_из_css_файла_2"></div>

</body>
</html>
Т.е. нужно сделать так, чтобы стиль плавно перетекал из первого css файла во второй =)

SIR2100 · 26.10.2012

Ребят, хелп))

Помощь в JS (плавное динамическое изменение фона без обновления страницы)

SIR2100

SIR2100