// JavaScript Document

	var divText = '<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onmouseover="clearhidemenu()" onmouseout="dynamichide(event)">&nbsp;</div>'

	var imgSrc=new Array()
	imgSrc[0]='images/met_menu_off.gif'
	imgSrc[1]='images/met_menu_about.gif'
	imgSrc[2]='images/met_menu_services.gif'
	imgSrc[3]='images/met_menu_career.gif'
	imgSrc[4]='images/met_menu_clientele.gif'
	imgSrc[5]='images/met_menu_contact.gif'

/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
***********************************************/

var menu1=new Array()
menu1[0]='<a href="m_about_vision.html">Vision + Mission</a>'
menu1[1]='<a href="#">History</a>'
menu1[2]='<a href="#">What Metier means</a>'
menu1[3]='<a href="#">Recruitment methods</a>'

var menu2=new Array()
//menu2[0]='<a href="m_services_execsearch.html">Executive Search</a>'
menu2[0]='<a href="m_services_recruitment.html">Recruitment</a>'
menu2[1]='<a href="m_services_hr.html">HR Outsourcing</a>'
		
var menuwidth='165px' //default menu width
var menubgcolor='lightyellow'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}

return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
if (navigator.userAgent.indexOf("Firefox")!=-1){
	curX = getMouseX(e);
 	dropmenuobj.style.left=curX-dropmenuobj.x-clearbrowseredge(obj, "rightedge")-30+"px";
	dropmenuobj.style.top="25px"
	
}
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu


function getMouseX(e) {
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	// posx and posy contain the mouse position relative to the document
	// Do something with this information
	return posx
}

function switchImage(imgIdx){
	

	var imgSrc=new Array()
	imgSrc[0]='images/met_menu_off.gif'
	imgSrc[1]='images/met_menu_about.gif'
	imgSrc[2]='images/met_menu_services.gif'
	imgSrc[3]='images/met_menu_career.gif'
	imgSrc[4]='images/met_menu_clientele.gif'
	imgSrc[5]='images/met_menu_contact.gif'


  if (document.images)

  {

    if (imgSrc != "none")

    {

      document.images['metmenu'].src = imgSrc[imgIdx];

    }

  }

}

function bodyLoad()
{
document.getElementById("ColMain").className="#ColMain";
}


i = 0
var speed = 1
function scroll() {
	i = i + speed;
	var div = document.getElementById("jobs");
	div.scrollTop = i;
	if (i > div.scrollHeight - 200) {i = 0};
	t1=setTimeout("scroll()",100);
}




/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}



/* IMAGE ROTATION */

// <![CDATA[
    
//boolean: whether or not we are fading
var doingFade = true;   

//use as a handle on the timeout loop  
var timeout;   

//variable to hold global opactiy          
var globalOpacity = 0;  

var imageNames = "images/logo01.jpg images/logo02.jpg images/logo03.jpg images/logo04.jpg images/logo05.jpg images/logo06.jpg images/logo07.jpg images/logo08.jpg images/logo09.jpg images/logo10.jpg images/logo11.jpg images/logo12.jpg images/logo13.jpg images/logo14.jpg images/logo15.jpg images/logo16.jpg ".split(" ");

//next image index to be faded
var indexValue = Math.floor(Math.random()*imageNames.length-1)+1;

//variables for container/controller/target
var containerID = 'container';
var targetID    = 'target';
var controlID   = 'control';
var container   = null;
var target      = null;
var control     = null;


function startPhoto()
{
	if (!document.getElementById) return;
	
	//set references to container && target ** a href    
	container = document.getElementById(containerID);
	target = document.getElementById(targetID);
	control = document.getElementById(controlID);
		
	setalpha(0) ;
	timeout = window.setTimeout("nextPhoto()", 4000);
}

function nextPhoto() 
{
	if (!document.getElementById) return; 
	
	// only one transition at a time, please
	clearTimeout(timeout); 
	
	//flip image and container
	switchContainer();    
	
	//load next image   
	target.src = imageNames[indexValue];
	
	//get new index differnet from current
	var newvalue = indexValue;
	/*while(newvalue == indexValue)
	{
		newvalue = Math.floor(Math.random()*imageNames.length);
	}
	indexValue = newvalue;*/
	if(imageNames.length>indexValue){
		indexValue++;
	}else{
		indexValue=0;	
	}
	//fade image in
	timeout = window.setTimeout("reveal('0')", 500);
}


function switchContainer()
{
	if (!document.getElementById) return;
	
	//make container background current image
	container.style.backgroundImage = 'url(' + target.src + ')';    
	
	//make image 0
	setalpha(0) ;
}


function reveal(opacity) 
{
  if (!document.getElementById) return;
  
  if (document.getElementById && opacity <= 100 ) 
  {
	setalpha(opacity); 
	
	//numero = document.getElementById('numero');
	//numero.innerHTML = opacity + '%';
	
	opacity += 5;
	
	//store globally fo restart
	globalOpacity = opacity;
	
	//fade next step
	timeout = window.setTimeout("reveal("+opacity+")", 100);
  }
  else
  {
	//we are done .. load next photo in 5 seconds
	timeout = window.setTimeout("nextPhoto()", 5000);
	
	switchContainer();
  }
}


function stopPhoto()
{
	if (!document.getElementById) return;
	
	if(doingFade)
	{
		//stopfade
		control.innerHTML = "start fade";
		clearTimeout(timeout);
	}
	else
	{
		//start fade from where we left off
		control.innerHTML = "stop fade";
		timeout = window.setTimeout("reveal("+globalOpacity+")", 100);
	}
	//invert variable
	doingFade = !doingFade;
}

/** a derivation (or mangling) of a script from Scott Andrew (www.scottandrew.com) **/
function addEvent(obj, evType, fn)
{ 
	if (obj.addEventListener)
	{ 
		obj.addEventListener(evType, fn, true); 
		return true; 
	} 
	else if (obj.attachEvent)
	{ 
		var r = obj.attachEvent("on"+evType, fn); 
		return r; 
	} 
	else 
	{ 
		return false; 
	} 
}  


function setalpha(opacity) 
{
  if (document.getElementById ) 
  {    
	//fade next step based onbrowser compatibility
	if (target.style.MozOpacity!=null) {
	   target.style.MozOpacity = (opacity/100) - 0.001; //patrick h. lauke (http://www.splintered.co.uk/) workaround for Mozilla 'flash' bug - I _never_ would have caught that
	} else if (target.style.opacity!=null) {
	   target.style.opacity = opacity/100;
	} else if (target.style.filter!=null) {
	   target.style.filter = "alpha(opacity=" + opacity + ")";
	} else if (target.style.KhtmlOpacity!=null) {
	   target.style.KhtmlOpacity = opacity/100;
	}
  }
}    
				
// ]]>

var delayb4scroll=1000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=0 //Pause marquee onMousever (0=no. 1=yes)?


var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",70)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee