﻿// JScript File
//Uses functions from Prototype!!!

 var posY;
    


//slide marker to desired element
function moveMarkerTo(elem) {
  
  var posX;
  
  posX = elem.cumulativeOffset()[0] + (Element.getWidth(elem)/2) - 7;
 
  new Effect.Move('marker', { 
    x: posX, 
    y: posY,
	  mode: "absolute",
    duration: 0.25
  });

}

//slide marker to current menuitem.
function resetMarker() {

	var current;
	current = $$('li.current')[0];

	
	moveMarkerTo(current);
}

//sets the marker on the current menuitem without slide effect and shows it. Used in window.onload to set marker.
function setMarker() {

  var current;
	current = $$('li.current')[0];
	
	var posX;
  posX = current.cumulativeOffset()[0] + (current.getWidth()/2) - 7;

  //determine y position of marker here 
  posY = $('nav').cumulativeOffset()[1] + 30;
  //fix for positioning in IE
  if (isIE()) posY = posY - 1;
    
   
  new Effect.Move('marker', { 
    x: posX, 
    y: posY,
	  mode: "absolute",
    duration: 0.0
  });

  $('marker').style.visibility='visible';

}

//------------------------------------------------------


function isIE(){
  return (/MSIE (\d+\.\d+);/.test(navigator.userAgent)); //test for MSIE x.x;
}




//------------------------------------------------------
function showBubble(caller, name){ 

  var bubble;
  
  bubble = $(name);

  var h;
  h = bubble.getHeight();
   
  
  bubble.style.left = caller.offsetLeft + Element.getWidth(caller) + "px";//findPosX(caller) + "px";//caller.offsetLeft + caller.getWidth();
   
  bubble.style.top = caller.offsetTop - (h / 2 ) + "px";//findPosY(caller) + "px";


  bubble.style.display = 'block';
  //bubble.style.visibility= 'visible';
}

function hideBubble(name){ 
 //document.getElementById(name).style.visibility = 'hidden';
  bubble = $(name);
  bubble.style.display = 'none';
 }