// JavaScript Document
// standard rollover effect
// for use on standard sub home pages


// global vars

var wave_red_div;	// ref to red wave div
var thispage_x,thispage_y;   // coordinates for current page shadow/default position

var current_a = "";		// which wave anchor the mouse is hovering on

// offset variables
var xo, yo;
var pwidth = 1016;   // width of enclosing div


// width and height of graphic element
var xx = 240;
var yy = 40;

// global vars to keep track of home position of waves
var red_x, red_y;
var shadow_x, shadow_y;

 
// Upon pageload we need to get these things going

function init2() {
	wave_red_div = document.getElementById("wave_red");
	wave_red_div.style.visibility = 'Hidden';
	red_x = wave_red_div.offsetLeft;
	red_y = wave_red_div.offsetTop;

	//offset values for Firefox and Safari
	xo = 247; 	yo = -670;

	// of course IE7 likes something different
	if($.browser.msie) { yo = -610; xo=255;}

	$('#leftnav a').mouseenter(leftnav_over);
	$('#leftnav a').mouseleave(leftnav_off);
}


function leftnav_over() {
		my_x = this.offsetLeft;
		my_y = this.offsetTop;

		// adjust caculation based on content width
		dwidth = (document.width-pwidth)/2;   // find centered position
		dwidth = dwidth>0 ? dwidth : 0;  	// clip to 0 if its less then 0;

		// set red wave div to this location	
		wave_red_div.style.left = (my_x-dwidth+xo) + "px";
		wave_red_div.style.top = (my_y+yo) + "px";

		// make sure wave is visible
		wave_red_div.style.visibility = 'Visible';

		// Rollover version---  force display of a slideshow image
		myid = Number(this.id.slice(2));
		$('#homepics').cycle(myid); 
}

function leftnav_off() {
	wave_red_div.style.visibility = 'Hidden';
}