function changeText(newText, nameLayer) {
	if (document.getElementById) {
		layerObject = document.getElementById(nameLayer);
	} else if (document.all) {
		layerObject = document.all[nameLayer];
	}
	
	layerObject.innerHTML = newText;
}

   var pn = -1;

  function loadPerson() {
     if (pn != -1)
  	changePerson(1); 
  }


    function imageSwap(imageObject,imageName){
	imageDirectory = "menu_icons/";
	// Set the image source of the image object 
	document.images[imageObject].src = imageDirectory + imageName;
    }


function setBackgroundColor(name, bgcolor){
	// If it is NETSCAPE
	if(document.layers){
		// Set the layer visible
		document.layers[name].bgColor = bgcolor;

	// If it is EXLORER
	}else if(document.all){
		// Set the layer visible
		document.all[name].style.backgroundColor = bgcolor;
	}
}

function popup(url, name){

	// Popup window
	theWindow = window.open(url, name, "width=650,height=550,left=0,top=0,status=no,menubar=yes,resizable=yes,location=yes,,directories=yes,scrollbars=yes,toolbar=yes");
	
	// Make sure that the window is in front
	theWindow.focus();
}






// VARS FOR FORMATTING HOME LOOK
home_content = 	"<div style='position: absolute; left: 0; top: 0; z-index: 4'><img src='front.gif'></div>";
title = "<div class='date_day'  style='position: absolute; left: 3; top: -20;'><br>digital<font class='title'><br><strong>&nbsp &nbsp diary</strong></font></div>";
		 
function home() {
	changeText(home_content, 'main_new'); 
	changeDate("", title);
	changeImages(""); 
}




























//month = string
//day = string...
//dayWeek = string
//monthDay = object string
function newDay(month, day, dayWeek, monthDay) {
	changeText(monthDay, 'main_new');
	changeImages(month+day); 
	changeDate(month, dayWeek);
	changeMonthColor(month); 
	changeDayColor(day);
	
}

function changeImages(picName) {
	pics = picName; 
	if (document.getElementById) {
		box4Object = document.getElementById('box4');
		box5Object = document.getElementById('box5');
		box6Object = document.getElementById('box6');
	} else if (document.all) {
		box4Object = document.all['box4'];
		box5Object = document.all['box5'];
		box6Object = document.all['box6'];
	}
	pic1 = picName+"a.jpg";
	pic2 = picName+"b.jpg";
	pic3 = picName+"c.jpg";
	box4Object.innerHTML = "<img src='panel/"+picName+"a.jpg' onClick='mainImage(1);'>";
	box5Object.innerHTML = "<img src='panel/"+picName+"b.jpg' onClick='mainImage(2);'>";
	box6Object.innerHTML = "<img src='panel/"+picName+"c.jpg' onClick='mainImage(3);'>";
}

pic1 = "a1";
pic2 = "b1";
pic3 = "c1";
pics = " ";

// picName = "july01" or "june01" 

function mainImage(n) {
	changeImages(pics); 
	if (document.getElementById) {
		layerObject = document.getElementById('main_new');
		box4Object = document.getElementById('box4');
		box5Object = document.getElementById('box5');
		box6Object = document.getElementById('box6');
	} else if (document.all) {
		layerObject = document.all['main_new'];
		box4Object = document.all['box4'];
		box5Object = document.all['box5'];
		box6Object = document.all['box6'];
	}
	myString = pics +"cap"+n;
	//alert(myString);  
	if (n == 1) {
		layerObject.innerHTML = "<div style='position: absolute; top: 20; left: 20; width: 280; height: 325'><img src='pic/"+pic1+"'></div>";
		box4Object.innerHTML = "<div class='captions'>"+eval(myString)+"</div>"; 
	} else if (n == 2) {
		layerObject.innerHTML = "<div style='position: absolute; top: 20; left: 20; width: 280; height: 325'><img src='pic/"+pic2+"'></div>";
		box5Object.innerHTML = "<div class='captions'>"+eval(myString)+"</div>";
	} else {
		layerObject.innerHTML = "<div style='position: absolute; top: 20; left: 20; width: 280; height: 325'><img src='pic/"+pic3+"'></div>";
		box6Object.innerHTML = "<div class='captions'>"+eval(myString)+"</div>";
	}
}

  
function changeMonthColor(nameLayer) {
	if (document.getElementById) {
		juneObject = document.getElementById('june');
		julyObject = document.getElementById('july');
		augObject = document.getElementById('aug');
		layerObject = document.getElementById(nameLayer);
	} else if (document.all) {
		juneObject = document.all['june'];
		julyObject = document.all['july'];
		augObject = document.all['aug'];
		layerObject = document.all[nameLayer];
	}
	juneObject.style.color = "#FFAF87";
	julyObject.style.color = "#FFAF87";	
	augObject.style.color = "#FFAF87";
	layerObject.style.color = "#FF6600";
}

function changeDayColor(nameLayer) {
	if (document.getElementById) {
		layerObject = document.getElementById(nameLayer);
	} else if (document.all) {
		layerObject = document.all[nameLayer];
	}
	
	var days = new Array("01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31");
	for (k = 0; k<31; k++) {
		l = days[k]; 
		if (document.getElementById) {
			la = document.getElementById(l);
		} else if (document.all) {
			la = document.all[l];
		}
		la.style.color = "#FFAF87";  //NUM COLOR
	}
	layerObject.style.color = "#FF6600";  //NUMS LIT COLOR
}

function changeText(newText, nameLayer) {
	if (document.getElementById) {
		layerObject = document.getElementById(nameLayer);
	} else if (document.all) {
		layerObject = document.all[nameLayer];
	}
	
	layerObject.innerHTML = "<div style='position: absolute; top: 20; left: 20; width: 280; height: 325'>"+newText+"</div>";
}

function changeDate(month, dayWeek) {
	if (document.getElementById) {
		monthLayer = document.getElementById('month_title');
	} else if (document.all) {
		monthLayer = document.all['month_title'];
	}
	monthLayer.innerHTML = "<strong>"+month+"</strong>";
	
	if (document.getElementById) {
		dayLayer = document.getElementById('day_title');
	} else if (document.all) {
		dayLayer = document.all['day_title'];
	}
	dayLayer.innerHTML = dayWeek;
	
	

}