var familybw = new Image();
var familycl = new Image();
familybw.src = "/gif/family/family.jpg";
familycl.src = "/gif/family/familycolor.jpg";

var timerID = 0;
var tStart = null;
var Id_No = 0;

var openImg = new Image();
openImg.src = "/gif/open.gif";

var closedImg = new Image();
closedImg.src = "/gif/closed.gif";

var regular = "#eeeeee";
var highlight = "#ffffff";
var regularYear = "#000000";
var highlightYear = "#000000";
var highlightBorder = "#cccccc";
var regularBorder = "#000000";
var regularDate = "#444444";

var DH = 0;
var an = 0;
var al = 0;
var ai = 0;

if (document.getElementById) {
	ai = 1;
	DH = 1;
} else {
	if (document.all) {
		al = 1;
		DH = 1;
	} else {
		browserVersion = parseInt(navigator.appVersion);
		if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {
			an = 1;
			DH = 1;
		}
	}
}

function BoldYear(Year){
	document.getElementById(Year).style.backgroundColor = highlightYear;
	document.getElementById(Year).style.borderColor = highlightBorder;
}

function RegularYear(Year){
	document.getElementById(Year).style.backgroundColor = regularYear;
	document.getElementById(Year).style.borderColor = regularYear;
}

function ShowCar(evt,car,deltaX,deltaY) {
	var wp = pw();
	dm = fd(car,0);
	if (dm.offsetWidth) ew = dm.offsetWidth;
	else if (dm.clip.width) ew = dm.clip.width;
	
	if (dm.offsetHeight) eh = dm.offsetHeight;
	else if (dm.clip.height) eh = dm.clip.height;

	lv = mouseX(evt) + deltaX;
	tv = mouseY(evt) + deltaY;
	
	if (deltaY < 1) tv = tv - eh - 1;
	
	if (tv < 1) tv = 5;
	
	if (deltaX < 1) lv = lv - ew - 1;

	if (lv < 2) lv = 2;
	else if (lv + ew > wp) lv = wp - ew - 30;

	if (!an) {
		lv += 'px';
		tv += 'px';
	}
	
	document.getElementById(car).style.left = lv;
	document.getElementById(car).style.top = tv;
	document.getElementById(car).style.visibility = "visible";
}

function HideCar(car) {
	document.getElementById(car).style.visibility = "hidden";
}

function fd(oi, wS) {
	if (ai) return wS ? document.getElementById(oi).style:document.getElementById(oi);
	if (al) return wS ? document.all[oi].style: document.all[oi];
	if (an) return document.layers[oi];
}

function pw() {
	return window.innerWidth != null? window.innerWidth: document.body.clientWidth != null? document.body.clientWidth:null;
}

function mouseX(evt) {
	if (evt.pageX) return evt.pageX;
	else if (evt.clientX) return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
	else return null;
}

function mouseY(evt) {
	if (evt.pageY) return evt.pageY;
	else if (evt.clientY) return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
	else return null;
}
	
function showBranch(branch){
	var objBranch = document.getElementById(branch).style;
	if (objBranch.display == "block")
		objBranch.display = "none";
	else
		objBranch.display = "block";
}

function swapFolder(img){
	objImg = document.getElementById(img);
	if (objImg.src.indexOf('closed.gif')>-1)
		objImg.src = openImg.src;
	else
		objImg.src = closedImg.src;
}

function ShowAll() {
	showBranch('branch1');
	swapFolder('folder1');
	showBranch('branch2');
	swapFolder('folder2');
	showBranch('branch3');
	swapFolder('folder3');
	showBranch('branch4');
	swapFolder('folder4');
	showBranch('branch5');
	swapFolder('folder5');
}

function HideLegends() {
	DarkPictures();
	
	if (document.getElementById('andrey')) document.getElementById('andrey').style.visibility = "hidden";
	if (document.getElementById('alexandr')) document.getElementById('alexandr').style.visibility = "hidden";
	if (document.getElementById('dmitriy')) document.getElementById('dmitriy').style.visibility = "hidden";
	if (document.getElementById('michael')) document.getElementById('michael').style.visibility = "hidden";
	if (document.getElementById('natasha')) document.getElementById('natasha').style.visibility = "hidden";
	if (document.getElementById('weather')) document.getElementById('weather').style.visibility = "hidden";
	if (document.getElementById('chicagogas')) document.getElementById('chicagogas').style.visibility = "hidden";
	
	for (var mn = 1; mn <= 12; mn++) {
	        for (var dn = 1; dn <= 31; dn++) {
			if (document.getElementById('cal-date-' + mn + '-' + dn)) {
			        document.getElementById('cal-date-' + mn + '-' + dn).style.visibility = "hidden";
			}
	        }
	}
}

function DarkPictures() {
	if (document.getElementById('michael-y')) document.getElementById('michael-y').style.display = "none";
	if (document.getElementById('natasha-y')) document.getElementById('natasha-y').style.display = "none";
	if (document.getElementById('andrey-y')) document.getElementById('andrey-y').style.display = "none";
	if (document.getElementById('alexandr-y')) document.getElementById('alexandr-y').style.display = "none";
	if (document.getElementById('dmitriy-y')) document.getElementById('dmitriy-y').style.display = "none";

	if (document.getElementById('michael-b')) document.getElementById('michael-b').style.display = "block";
	if (document.getElementById('natasha-b')) document.getElementById('natasha-b').style.display = "block";
	if (document.getElementById('andrey-b')) document.getElementById('andrey-b').style.display = "block";
	if (document.getElementById('alexandr-b')) document.getElementById('alexandr-b').style.display = "block";
	if (document.getElementById('dmitriy-b')) document.getElementById('dmitriy-b').style.display = "block";

	if (document.getElementById('michael-t')) document.getElementById('michael-t').style.color = "#ffffff";
	if (document.getElementById('natasha-t')) document.getElementById('natasha-t').style.color = "#ffffff";
	if (document.getElementById('andrey-t')) document.getElementById('andrey-t').style.color = "#ffffff";
	if (document.getElementById('alexandr-t')) document.getElementById('alexandr-t').style.color = "#ffffff";
	if (document.getElementById('dmitriy-t')) document.getElementById('dmitriy-t').style.color = "#ffffff";
}

function ShowLegend(evt,legend,deltaX,deltaY) {
	HideLegends();

	var wp = pw();
	dm = fd(legend,0);
	if (dm.offsetWidth) ew = dm.offsetWidth;
	else if (dm.clip.width) ew = dm.clip.width;
	
	if (dm.offsetHeight) eh = dm.offsetHeight;
	else if (dm.clip.height) eh = dm.clip.height;

	lv = mouseX(evt) + deltaX;
	tv = mouseY(evt) + deltaY;
	
	if (tv < 1) tv = 5;
	
	if (lv < 2) lv = 2;
	else if (lv + ew > wp) lv = wp - ew - 30;

	if (!an) {
		lv += 'px';
		tv += 'px';
	}
	
	document.getElementById(legend).style.left = lv;
	document.getElementById(legend).style.top = tv;
	document.getElementById(legend).style.visibility = "visible";
}

function LightPicture(legend) {
	DarkPictures();

	var hid = legend + '-b';
	document.getElementById(hid).style.display = "none";
	var img = legend + '-y';
	document.getElementById(img).style.display = "block";
	var txt = legend + '-t';
	document.getElementById(txt).style.color = "#ff00ff";
}

function RegCal(cal, dt) {
	document.getElementById(cal).style.fontWeight = "normal";
	document.getElementById(cal).style.borderColor = regularBorder;
	// if (dt) {document.getElementById(cal).style.backgroundColor = regularDate;}
	// else {document.getElementById(cal).style.backgroundColor = regularYear;}
}

function BoldCal(cal) {
	document.getElementById(cal).style.fontWeight = "bold";
	document.getElementById(cal).style.borderColor = highlightBorder;
	// document.getElementById(cal).style.backgroundColor = highlightYear;
}

function UpdateTimer() {
	if (timerID) {
		clearTimeout(timerID);
	}

	// if	(!tStart)
		// tStart   = new Date();

	// var   tDate = new Date();
	// var   tDiff = tDate.getTime() - tStart.getTime();

	// tDate.setTime(tDiff);

	switch (Id_No) {
		case 1:
			if (document.getElementById("firefoxbw")) {
				document.getElementById("firefoxbw").style.display = "none";
				document.getElementById("firefoxcolor").style.display = "block";
			}
			break;
		case 2:
			if (document.getElementById("photos")) {
				document.getElementById("photos").style.background = 'url(/gif/button.gif)';
				document.getElementById("photos").style.backgroundRepeat = 'no-repeat';
				document.getElementById("photos").style.backgroundPosition = 'center center';
			}
			break;
		case 3:
			if (document.getElementById("rssfeeds")) {
				document.getElementById("rssfeeds").style.background = 'url(/gif/button.gif)';
				document.getElementById("rssfeeds").style.backgroundRepeat = 'no-repeat';
				document.getElementById("rssfeeds").style.backgroundPosition = 'center center';
			}
			break;
		case 4:
			if (document.getElementById("downloads")) {
				document.getElementById("downloads").style.background = 'url(/gif/button.gif)';
				document.getElementById("downloads").style.backgroundRepeat = 'no-repeat';
				document.getElementById("downloads").style.backgroundPosition = 'center center';
			}
			break;
		case 5:
			if (document.getElementById("blog")) {
				document.getElementById("blog").style.background = 'url(/gif/button.gif)';
				document.getElementById("blog").style.backgroundRepeat = 'no-repeat';
				document.getElementById("blog").style.backgroundPosition = 'center center';
			}
			break;
		case 6:
			if (document.getElementById("checkemail")) {
				document.getElementById("checkemail").style.background = 'url(/gif/button.gif)';
				document.getElementById("checkemail").style.backgroundRepeat = 'no-repeat';
				document.getElementById("checkemail").style.backgroundPosition = 'center center';
			}
			break;
		case 7:
			if (document.getElementById("checkmp3")) {
				document.getElementById("checkmp3").style.background = 'url(/gif/button.gif)';
				document.getElementById("checkmp3").style.backgroundRepeat = 'no-repeat';
				document.getElementById("checkmp3").style.backgroundPosition = 'center center';
			}
			break;
		case 8:
			if (document.getElementById("googlesearch")) {
				document.getElementById("googlesearch").style.background = 'url(/gif/button.gif)';
				document.getElementById("googlesearch").style.backgroundRepeat = 'no-repeat';
				document.getElementById("googlesearch").style.backgroundPosition = 'center center';
			}
			break;
		case 9:
			if (document.getElementById("googlelogo")) {
				document.getElementById("googlelogo").src = '/gif/google.gif';
				document.getElementById("googlelogo").style.backgroundRepeat = 'no-repeat';
				document.getElementById("googlelogo").style.backgroundPosition = 'center center';
			}
			break;
		case 10:
			if (document.getElementById("validhtml")) {
				document.getElementById("validhtml").src = '/gif/valid-html401.gif';
				document.getElementById("validhtml").style.backgroundRepeat = 'no-repeat';
				document.getElementById("validhtml").style.backgroundPosition = 'center center';
			}
			break;
		case 11:
			if (document.getElementById("validcss")) {
				document.getElementById("validcss").src = '/gif/vcss.gif';
				document.getElementById("validcss").style.backgroundRepeat = 'no-repeat';
				document.getElementById("validcss").style.backgroundPosition = 'center center';
			}
			break;
		case 12:
			if (document.getElementById("guestbook")) {
				document.getElementById("guestbook").src = '/gif/guestbook2.gif';
				document.getElementById("guestbook").style.backgroundRepeat = 'no-repeat';
				document.getElementById("guestbook").style.backgroundPosition = 'center center';
			}
			break;
		case 13:
			if (document.getElementById("counterbw")) {
				document.getElementById("counterbw").style.display = "none";
				document.getElementById("countercolor").style.display = "block";
			}
			break;
		case 14:
			if (document.getElementById("googlepackbw")) {
				document.getElementById("googlepackbw").style.display = "none";
				document.getElementById("googlepackcolor").style.display = "block";
			}
			break;
		case 15:
			for (i=1; i<13; i++) {
				if (document.getElementById("month" + i))
					document.getElementById("month" + i).style.backgroundColor = '#330066';
				if (document.getElementById("monthb" + i))
					document.getElementById("monthb" + i).style.backgroundColor = '#334455';
			}
			break;
		case 16:
			for (i=1; i<13; i++) {
				if (document.getElementById("sun" + i))
					document.getElementById("sun" + i).style.color = '#ff0000';
			}
			break;
		case 17:
			for (i=1; i<13; i++) {
				for (j=1; j<8; j++) {
					if (document.getElementById("day" + i + '-' + j))
						document.getElementById("day" + i + '-' + j).style.color = '#99ffff';
				}
			}
			break;
		case 18:
			for (i=1; i<13; i++) {
				if (document.getElementById("sun" + i)) {
					for (j=0; j<6; j++) {
						if (document.getElementById("sun" + i + "-" + j))
							document.getElementById("sun" + i + "-" + j).style.color = '#ff0000';
					}
				}
			}
			break;
		case 19:
			for (i=1; i<13; i++) {
				if (document.getElementById("sun" + i)) {
					for (j=0; j<6; j++) {
						for (k=1; k<8; k++) {
							if (document.getElementById("day" + i + "-" + j + "-" + k))
								document.getElementById("day" + i + "-" + j + "-" + k).style.color = '#99ffff';
						}
					}
				}
			}
			break;
		case 20:
			for (i=1; i<13; i++) {
				if (document.getElementById("sun" + i)) {
					for (j=1; j<32; j++) {
						if (document.getElementById("cal-" + i + "-" + j))
							document.getElementById("cal-" + i + "-" + j).style.backgroundColor = '#006633';
					}
				}
			}
			break;
		case 21:
			if (document.getElementById("googleadbw")) {
				document.getElementById("googleadbw").style.display = "none";
				document.getElementById("googleadcolor").style.display = "block";
			}
			break;
		case 22:
			if (document.getElementById("welcometext")) {
				document.getElementById("welcometext").style.color = '#99ffff';
			}
			break;
		case 23:
			if (document.getElementById("loginfrom")) {
				document.getElementById("loginfrom").style.color = '#ffff99';
			}
			break;
		case 24:
			if (document.getElementById("relaytest")) {
				document.getElementById("relaytest").style.background = 'url(/gif/button.gif)';
				document.getElementById("relaytest").style.backgroundRepeat = 'no-repeat';
				document.getElementById("relaytest").style.backgroundPosition = 'center center';
			}
			break;
		case 25:
			if (document.getElementById("mainframe")) {
				document.getElementById("mainframe").style.background = 'url(/gif/family/familycolor.jpg)';
				document.getElementById("mainframe").style.backgroundRepeat = 'no-repeat';
				document.getElementById("mainframe").style.backgroundPosition = 'center center';
			}
			break;
	}
	
	if (Id_No <= 25) {
		for (i=1; i<Id_No+1; i++) {
			if (document.getElementById("progressbar"+i)) {
				document.getElementById("progressbar"+i).style.visibility = "visible";
			}
		}
		Id_No++;
		timerID = setTimeout("UpdateTimer()", 250);
	} else {
		if (document.getElementById("progressbar")) {
			document.getElementById("progressbar").style.display = "none";
			document.getElementById("adnote").style.display = "block";
		}
	}
}

function StartTimer() {
	tStart = new Date();
	timerID  = setTimeout("UpdateTimer()", 250);
}

function RegDesc(cal, dt) {
	for (var i=0; i<10; i++) {
		if (document.getElementById(cal+'-'+i)) {
			document.getElementById(cal+'-'+i).style.fontWeight = "normal";
			document.getElementById(cal+'-'+i).style.borderColor = regularBorder;
		}
	}
	// if (dt) {document.getElementById(cal).style.backgroundColor = regularDate;}
	// else {document.getElementById(cal).style.backgroundColor = regularYear;}
}

function BoldDesc(cal) {
	for (var i=0; i<10; i++) {
		if (document.getElementById(cal+'-'+i)) {
			document.getElementById(cal+'-'+i).style.fontWeight = "bold";
			document.getElementById(cal+'-'+i).style.borderColor = highlightBorder;
		}
	}
	// document.getElementById(cal).style.backgroundColor = highlightYear;
}