var player;
	var oArrowOverlayLayer;
	var oLocator;
	var oOverlay
	var mousePositionX = 0
	var mousePositionY = 0
	
	function Locator( oElement )
	{
		this._element   = oElement;
		this.__construct();
	};
	Locator.prototype.__construct = function()
	{
		this._getOffset();
	};
	Locator.prototype._getOffset = function( oParent )
	{
		if ( typeof oParent != "object" )
			oParent = document.body;

		var oCurrent = this._element;
		this.x       = 0;
		this.y       = 0;

		do
		{
					
			this.x += oCurrent.offsetLeft;
			this.y += oCurrent.offsetTop;
			
		//	alert(oCurrent.tagName + ':' + oCurrent.className +' = '+ oCurrent.offsetTop);
		//	this.obj = oCurrent;
		}
		while( ( oCurrent != oParent && ( oCurrent = oCurrent.offsetParent ) ) );
	};

	function generalApplication()
	{
        var dvinciWindow = window.open('', '', 'scrollbars=yes,left=50,top=50');
    	dvinciWindow.location.href = 'https://media-saturn-jobs.dvinci.de/cgi-bin/appl/selfservice.pl?action=unsolicitedmmnl;loc_nr=795B3EC5-4102-4923-8A4A-8E7DDD654C5A;lang=nl';
	};

	function playerReady(obj)
	{
		player = document.getElementById(obj['id']);
    	player.addModelListener("STATE", "attachStateListener");
		player.sendEvent("PLAY","true");
	};
	
	function attachStateListener(obj) 
	{ 
		if (obj.newstate == 'COMPLETED')
			displayCompleted();
	};
	
	function displayCompleted()
	{
        player.sendEvent('SEEK', 10);
        player.sendEvent('PLAY', 'false');
        
        oOverlay = document.getElementById('overlay');
    	oOverlay.style.display = 'block';
        
//        oPlayer = new Locator(document.getElementById('player'));
  //      alert(oPlayer.y);
		//document.body.appendChild(oOverlay);
		  
		
		
	};
	function initializePersons()
	{
		var oPersons = document.getElementById('persons');
		var aPersonImages = oPersons.getElementsByTagName('IMG');
		
		for (var i=0; i < aPersonImages.length; ++i)
		{
			aPersonImages[i].onmouseover = function()
			{
				toggleArrowOverlay(this.id, true);
			}
			aPersonImages[i].onmouseout = function()
			{
				toggleArrowOverlay(this.id, false);
			}
		}
	};
	
	function toggleArrowOverlay(sImageId, bVisible)
	{
		oArrowOverlayLayer = document.getElementById('arrowoverlay');
		
		if (!bVisible)
		{
			oArrowOverlayLayer.style.display = 'none';
			return;
		}
		oLocator = new Locator(document.getElementById('contentwrapper'));
		
		document.onmousemove = setArrowOverlayPosition;

		if ( sImageId == "arrowoverlay" ) //  weak...
			oArrowOverlayLayer.src = "/media/image/clear.gif";
		else
			oArrowOverlayLayer.src = "/media/image/arrow/" + sImageId + ".gif";

		
		oArrowOverlayLayer.style.display = 'block';
	};

	function setArrowOverlayPosition(e)
	{
		var mousePositionX = ( !window.event && e.pageX ? e.pageX : window.event.clientX );
		var mousePositionY = ( !window.event && e.pageY ? e.pageY : window.event.clientY );

		mousePositionX -= oLocator.x;
		mousePositionY -= oLocator.y;

		if (window.event)
		{
			mousePositionY += document.documentElement.scrollTop
			//mousePositionX += document.documentElement.scrollLeft
			
		}
		else
			//mousePositionY += window.pageYOffset;

		if (mousePositionX < 0){mousePositionX = 0}
		if (mousePositionY < 0){mousePositionY = 0}

		oArrowOverlayLayer.style.top  = ( mousePositionY - 15) +'px';
		oArrowOverlayLayer.style.left = ( mousePositionX + 20) +'px';
		
		//alert('x:'+mousePositionX+',y:'+mousePositionY);
		
		
		return true
	};

	/*  not for re-use  */
	function searchFieldHint( oInput, sDefault, bFocus )
	{
		if ( oInput && sDefault )
		{
			if ( bFocus )
			{
				if ( oInput.value == sDefault )
					oInput.value = "";
				oInput.className = "focus";
			}
			else
			{
				if ( oInput.value == "" || oInput.value == sDefault )
				{
					oInput.value     = sDefault;
					oInput.className = "blur";
				}
			}
		}
	}