// Loads up the various functions we are going to use
$(document).ready(function(){
	jsEnabled();
	lastLi();
	corners();
	imgLeft();
	imgRight();
	newerEntries();
	olderEntries();
});

function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=300,height=400,left = 362,top = 170');");
}

// Adds a class to the body so I can style differently depending on whether Javascript is enabled.
function jsEnabled() {
	$("body").addClass("jsenabled");	
}
function lastLi() {
	$("ul li:last-child").addClass("lastLi");	
}
function imgLeft() {
	$("img[align=left]").addClass("alignleft");	
}
function imgRight() {
	$("img[align=right]").addClass("alignright");	
}
// adds lots of divs used to create the rounded corners
function corners() {
  $("#header").append('<div class="rightShade"></div><div class="leftShade"></div><div class="leftCorner"><div class="dot1a dot dot0"></div><div class="dot1b dot dot0"></div><div class="dot1c dot dot30"></div><div class="dot1d dot dot50"></div><div class="dot2a dot dot0"></div><div class="dot2b dot dot50"></div><div class="dot2c dot"></div><div class="dot2d dot"></div><div class="dot3a dot dot30"></div><div class="dot3b dot"></div><div class="dot3c dot"></div><div class="dot3d dot"></div><div class="dot4a dot dot50"></div><div class="dot4b dot"></div><div class="dot4c dot"></div><div class="dot4d dot"></div></div><div class="rightCorner"><div class="dot1a dot dot0"></div><div class="dot1b dot dot0"></div><div class="dot1c dot dot30"></div><div class="dot1d dot dot50"></div><div class="dot2a dot dot0"></div><div class="dot2b dot dot50"></div><div class="dot2c dot"></div><div class="dot2d dot"></div><div class="dot3a dot dot30"></div><div class="dot3b dot"></div><div class="dot3c dot"></div><div class="dot3d dot"></div><div class="dot4a dot dot50"></div><div class="dot4b dot"></div><div class="dot4c dot"></div><div class="dot4d dot"></div></div>');
  $("#footer").append('<div class="rightShade"></div><div class="leftShade"></div><div class="leftCorner"><div class="dot1a dot dot0"></div><div class="dot1b dot dot0"></div><div class="dot1c dot dot30"></div><div class="dot1d dot dot50"></div><div class="dot2a dot dot0"></div><div class="dot2b dot dot50"></div><div class="dot2c dot"></div><div class="dot2d dot"></div><div class="dot3a dot dot30"></div><div class="dot3b dot"></div><div class="dot3c dot"></div><div class="dot3d dot"></div><div class="dot4a dot dot50"></div><div class="dot4b dot"></div><div class="dot4c dot"></div><div class="dot4d dot"></div></div><div class="rightCorner"><div class="dot1a dot dot0"></div><div class="dot1b dot dot0"></div><div class="dot1c dot dot30"></div><div class="dot1d dot dot50"></div><div class="dot2a dot dot0"></div><div class="dot2b dot dot50"></div><div class="dot2c dot"></div><div class="dot2d dot"></div><div class="dot3a dot dot30"></div><div class="dot3b dot"></div><div class="dot3c dot"></div><div class="dot3d dot"></div><div class="dot4a dot dot50"></div><div class="dot4b dot"></div><div class="dot4c dot"></div><div class="dot4d dot"></div></div>');
  $("#mainCol").append('<div class="rightShade"></div>');
}
function newerEntries() {
	$("h2.title a:contains('Newer Entries')").addClass("newerEntries");	
}
function olderEntries() {
	$("h2.title a:contains('Older Entries')").addClass("olderEntries");	
}