$(document).ready(function(){
	 $("#header_clock").mousemove(function(e){
	 	var screen_width = parseInt($("body").width());
  	var page_width = parseInt($("#banner").width());
		//alert(" S = " + screen_width + " P = " + page_width);
		var diff_in_w = screen_width - page_width;
		diff_in_w = diff_in_w / 2;
		//alert(diff_in_w);
		
		var max_page_x = page_width + diff_in_w;
		var min_page_x = max_page_x - 85;

		//alert(max_page_x + ", " + min_page_x + ", and total = " + page_width);
		
		var min_page_y = 30;
		var max_page_y = 120;

  
    page_x = e.pageX;
    page_y = e.pageY;
    //alert("X = " + page_x + ", X2 = " + page_x2);
    if(page_x > min_page_x && page_x < max_page_x &&  page_y > min_page_y && page_y < max_page_y)
		{
			$("#clock_rollover").show().stop().animate ({right: "120px", top: "25px", opacity:'1'}, 250);
		}
  }); 
})


$(function() {
	$("#header_clock").append ('<div id="clock_rollover"></div>');
	$("#clock_rollover").css({opacity:0}).hide();
	$("#header_clock").hover (function (e) {
		if (e.target.nodeName.toLowerCase()=='svg')
		{
			$("#clock_rollover").show().stop().animate ({right: "120px", top: "25px", opacity:'1'}, 250);
		}
		else
		{
			// do something here for IE/webkit based browsers
		}
	}, function () {
		// mouseout
		$("#clock_rollover").animate ({right: "170px", top: "25px", opacity:'0'}, 1000, function () {$(this).hide()});
	});
});