var initDone = false;

function getObj(id) {
	if(document.layers) {
		return document.layers[id];
	} else if(document.all) {
		return document.all[id];
	} else if(document.getElementById) {
		return document.getElementById(id);
	}
}

function RollImage(image,src){
    var img = getObj(image);
    img.src = 'media/images/navigation/' + src;
}

function RollPerson(image,src){
    var img = getObj(image);
    img.src = src;
}

function testResizing(){
    setTimeout("window.onresize=InitHeader();",50)
}

function getPosition(el) {
	if(document.all) {
		return getPositionIE(el);
	} else if(document.getElementById) {
		return getPositionNS(el);
	}else if(document.layers){
	    return getPositionNS(el);
	}
}

function getPositionNS(el) {
	return new Point(el.x, el.y);
}

function getPositionIE(el) {
	var r = new Point(el.offsetLeft, el.offsetTop);
	
	if(el.offsetParent) {
		var tmp = getPositionIE(el.offsetParent);
		r.x += tmp.x;
		r.y += tmp.y;
	}

	return r;
}

function putObj(parent, target, offsetX, offsetY) {
	var pt = getPosition(parent);
	target.style.top = new String(pt.y + offsetY) + 'px';
	target.style.left = new String(pt.x + offsetX) + 'px';
	return pt;
}

function Point(x, y) {
	this.x = x + 1;
	this.y = y + 1;
}

function InitHeader() {
	var el = getObj('secondaryNavigation');
	var target = getObj('HeaderImage');
	var pt;

    version=0
    if (navigator.appVersion.indexOf("MSIE")!=-1){
        temp=navigator.appVersion.split("MSIE")
        version=parseFloat(temp[1])
    }
	pt = getPosition(el);
	target.style.display = 'block';
    if (version>=5.5) //NON IE browser will return 0
    {
        target.style.left = new String((el.offsetWidth + pt.x) - target.offsetWidth -502) + 'px';
        target.style.top = new String(pt.y + el.offsetHeight -125) + 'px';
    }else{
        target.style.display = 'none';
    }
	initDone = true;

}

function revealImage1()
    {
      var div = getObj('image1');
      div.style.display = 'block';
    }
 
    function hideImage1()
    {
      var div = getObj('image1');
      div.style.display = 'none';
    }
    
    function revealImage2()
    {
      var div = getObj('image2');
      div.style.display = 'block';
    }
 
    function hideImage2()
    {
      var div = getObj('image2');
      div.style.display = 'none';
    }
    
    function revealImage3()
    {
      var div = getObj('image3');
      div.style.display = 'block';
    }
 
    function hideImage3()
    {
      var div = getObj('image3');
      div.style.display = 'none';
    }