Подарок Мише
и всем

скопировать в файл например tipharethscript.js
coхранить в папке на диске
прикрутить к сайту
в опере: настройки для сайта...->Скрипты->папка пользовательских скриптов
клавиши:
n-назад по времени(или клик на свободном месте)
m-вперед
с-рандомизация цвета

// JavaScript Document
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
}
else {
window.onload = function() {
oldonload();
func();
//attachEvent( "onclick" , handler) ;
}
}
}
//-----------------------------------------------------

function f()
{
/*document.getElementsByTagName('td')[0].style.background=RandColor();
document.getElementsByTagName('td')[4].style.background=RandColor();
document.getElementsByTagName('td')[3].style.background=RandColor();
document.getElementsByTagName('td')[5].style.background=RandColor();
document.getElementsByTagName('td')[6].style.background=RandColor();
document.getElementsByTagName('td')[7].style.background=RandColor();
document.getElementsByTagName('td')[2].style.background=RandColor();
document.getElementsByTagName('td')[8].style.background=RandColor();
document.getElementsByTagName('td')[1].style.background=RandColor();
document.getElementsByTagName('td')[9].style.background=RandColor();*/
for(var j=0; j<10; j++)
{
document.getElementsByTagName('td')[j].style.background=RandColor();
//document.getElementsByTagName('td')[j].style.color=RandColor();

}

//parentNode.style.background
document.getElementsByTagName('body')[0].style.background=RandColor();

var docd = document.getElementsByTagName('font');
var tddocd = document.getElementsByTagName('em');
var tdnode = document.getElementsByTagName('td');
var thnode = document.getElementsByTagName('th');
var ll=tddocd.length;
tdnode[0].style.background=RandColor();//'#99aaef';
// alert( tddocd[1].style.background);

for(var j=0; j<ll; j++)
{
tddocd[j].parentNode.style.background=RandColor();//'#33dd33';
}
ll=thnode.length;
for(var j=0; j<ll; j++)
{
thnode[j].style.background=RandColor();//'#3C74e0';
}
var nn=docd.length;
var rege = new RegExp("20..-..-..", "i");
var darray=new Array();
var DObj=new Array();
var TempDObj=new Array();
var i=0;


for(var j=0; j<nn; j++)
{
var s=docd[j].innerHTML;
if(s.match(rege)!=null)
{
try {
var newDateObj = new Date(docd[j].innerHTML);
darray[i]=docd[j].innerHTML;
DObj[i]=docd[j];
DObj[i].parentNode.style.background='#77aaaa';
DObj[i].parentNode.style.background
// alert(newDateObj);
i++;
}
catch(e) { }
}
}
var docdi = document.getElementsByTagName('i');
var nni=docdi.length;
// alert(i);
if(nni>0)
{
for(var j=0; j<nni; j++)
{
// alert(docdi[j].innerHTML);
var s=docdi[j].innerHTML;

if(s.match(rege)!=null)
{
try {
var newDateObj = new Date(docdi[j].innerHTML);
darray[i]=docdi[j].innerHTML;
DObj[i]=docdi[j];
DObj[i].parentNode.style.background=RandColor();
i++;
} catch(e) { // Create local variable e.
// response.write(e)
// Prints "[object Error]".
}
}
}
}
//alert(DObj[2].style.color );
darray.sort();

// alert(darray);
var l=DObj.length;
TempDObj=DObj;
// alert(TempDObj);
if(l>=3)
{
i=-1;
do{
i++;
}
while(DObj[i].innerHTML!=darray[l-1])
DObj[i].style.color = '#ff0156';
DObj[i].style.font = 22;
DObj[i].parentNode.parentNode.parentNode.style.color='#A90156';
DObj[i].parentNode.style.background='#A90156';
// DObj[i].parentNode.parentNode.parentNode.style.background='#A90156';
//DObj[i].parentNode.parentNode.parentNode.getElementsByTagName('td')[2].style.background='#A90156';
DObj[i].parentNode.parentNode.parentNode.style.font=18;
var br= DObj[i].getBoundingClientRect();
document.body.scrollTop +=br.top;//.scrollTop;
var carrentpos=DObj.length;
// alert(DObj[i].offset);
i=-1;
do{
i++;
}
while(DObj[i].innerHTML!=darray[l-2]||i>l)
DObj[i].style.color = '#000066';
DObj[i].style.font = 21;
DObj[i].parentNode.parentNode.parentNode.style.color='#006600';
DObj[i].parentNode.style.background='green';
//DObj[i].parentNode.parentNode.parentNode.style.background='green';
DObj[i].parentNode.parentNode.parentNode.style.font=18;
i=-1;
do{
i++;
}
while(DObj[i].innerHTML!=darray[l-3]||i>l)
DObj[i].style.color = '#009999';
DObj[i].style.font = 20;
DObj[i].parentNode.parentNode.parentNode.style.color='#000099';
DObj[i].parentNode.style.background='blue';
// DObj[i].parentNode.parentNode.parentNode.style.background='blue';
DObj[i].parentNode.parentNode.parentNode.style.font=18;
//----------------HANDLER---------------------------------------------
var rr1=Math.round(20*Math.random()+7);
var rg2=Math.round(20*Math.random()+15);
var rb3=Math.round(20*Math.random()+22);

var Actdateind=DObj.length-1;
//alert(Actdateind);
var Actualdate=null;
var Barray=new Array();
for(var i=0;i<DObj.length;i++) Barray[i]=true; // var srrr = s.createRange();
// srrr.text.color='#A90156';
//-------------------- handler = function() -------------------
var handler = function() {

Actdateind=DObj.length-1;
var Actual=null;
var brs;
//alert(darray[carrentpos]);

while(Actdateind>-1){
if (DObj[Actdateind].innerHTML==darray[carrentpos]&&Barray[Actdateind])
{
Actual=DObj[Actdateind];
Barray[Actdateind]=false;
break;
}
Actdateind--;
}

if(Actual!=null)
{
// alert(carrentpos);
brs= Actual.getBoundingClientRect();

var sst='#';
var kk=(15+Math.round(200/l)*carrentpos);
var csst=2+rr1+kk;//*carrentpos;
var pp=csst;
sst+= IntToHex(csst);
csst=25+rg2+kk;//*carrentpos;
pp*=csst;
sst+= IntToHex(csst);
csst=2+rb3+kk;//*carrentpos;
pp*=csst;
sst+= IntToHex(csst);
// alert(sst);

Actual.parentNode.parentNode.parentNode.style.background="#68BB94";//'#33eeaa';
document.body.scrollTop +=brs.top-53;
// document.body.scrollTop=getOffsetSum(Actual.parentNode);
// carrentpos--;
if(Actual!=null) window. setTimeout (fnHide2, 500);
function fnHide2() {
Actual.parentNode.parentNode.parentNode.style.background=sst;
if(l-carrentpos>4) Actual.parentNode.style.background=RandColor();
if(pp<1181200)
{
// alert(Actual.parentNode.parentNode.parentNode.font);
//Actual.parentNode.style.background='green';
Actual.parentNode.parentNode.parentNode.style.color="#FFFFFF";
}
}
}

//carrentpos--;
for(var i=0;i<DObj.length;i++) Barray[i]=true;
}

function handler1()
{
carrentpos--;
if(carrentpos==-1)
{
for(var i=0;i<=DObj.length-1;i++) Barray[i]=true;
rr1=Math.round(50*Math.random()+2);
rg2=Math.round(50*Math.random()+2);
rb3=Math.round(50*Math.random()+2);
carrentpos= DObj.length-1;
}

handler();

}
attachEvent( "onclick" , handler1) ;
attachEvent("onkeypress", Key);