$(document).ready(function() {
		       $('.date-container').append('<div id="clock-icon"><img src="images/clock-icon.png" width="28" height="28" alt="Clock icon" /></div><div class="date"></div>');
		       
		       $('.date').jclock();
		       
		       $('.text-size').append('<a class="bigger" title="Increase size" onclick="changeFontSize(2); return false;">A+</a> | <a class="smaller" title="Decrease size" onclick="changeFontSize(-2); return false;">A-</a> | <a class="reset" title="Revert styles to default" onclick="revertStyles(); return false;">Reset</a>');
		       
		       $('#striped tbody tr:odd').addClass('highlight-dark');
		       
		       $('.toolTip').hide();
		       
		       $('#scenicExpress li').hover(function() {
				$(this).find('.toolTip').css("right", "-270px");
				$(this).find('.toolTip').stop().fadeTo(200, 1).animate({right : "-255px"}, 400, "easeOutBounce");
			}, function() {
				$(this).find('.toolTip').stop().animate({right : "-270px"}, 100).fadeTo(200, 0, function() {
					$(this).hide();	 
				});
			});

	var flashvars = {};
	var params = {};
	params.wmode = "transparent";
	var attributes = {};
	swfobject.embedSWF("swf/clock.swf", "clock-icon", "28", "28", "9.0.0", "swf/expressInstall.swf", flashvars, params, attributes);
	swfobject.embedSWF("swf/header.swf", "header-image", "880", "180", "9.0.0", "swf/expressInstall.swf", flashvars, params, attributes);
	
});
