// JavaScript Document

//addLoadEvent(placeDivs); 
addLoadEvent(setMenuOnMouseOver); 

window.onresize = placeDivs;


function placeDivs()
{
	var p = Position.cumulativeOffset($('homeImg'));
	var x = p[0];
	var y = p[1];
	var dimensions = $('homeImg').getDimensions(); 
	
//	moveMenu(x, y, dimensions);
	moveCalendar(x, y, dimensions);
}


function moveMenu(x, y, dimensions)
{
    $('menu').style.top  = (y + 23) + 'px';
    $('menu').style.left = (x + dimensions.width - 50) + 'px';
}


function moveCalendar(x, y, dimensions)
{
    $('cal1Container').style.top    = (y + 170) + 'px';
    $('cal1Container').style.left   = (x + dimensions.width - 3) + 'px';
}


function setMenuOnMouseOver()
{
    if (document.getElementById('menu'))
	{
		var links = $('menu').getElementsByTagName("a");
		for  (var i=0; i<links.length; i++)
		{
			links[i].onmouseover = function() {
				this.getElementsByTagName("img")[0].className="imglink-hover";
			}
			
			links[i].onmouseout = function() {
				this.getElementsByTagName("img")[0].className="imglink";			
			}
			
		}
	}

    if (document.getElementById('menuv2'))
	{
		var links = $('menuv2').getElementsByTagName("a");
		for  (var i=0; i<links.length; i++)
		{
			links[i].onmouseover = function() {
				var src = this.getElementsByTagName("img")[0].src;
				this.getElementsByTagName("img")[0].src = src.substring(0, src.indexOf(".png")) + "1.png";
			}
			
			links[i].onmouseout = function() {
				var src = this.getElementsByTagName("img")[0].src;
				this.getElementsByTagName("img")[0].src = src.substring(0, src.indexOf("1.png")) + ".png";
			}
			
		}
	}
}