window.addEvent('domready', function() {
	// create the events for the menu
	$$('#menu ul').each( function(el) {
		if (el.className == "subMenu") {
			var menuitem = el.parentNode.getElementsByTagName('a')[0];
			menuitem.onmouseover = function() { showSubmenu(el); }
			el.onmouseover =  function() { showSubmenu(el); }
			menuitem.onmouseout = function() { hideSubmenu(el); }
			el.onmouseout = function() { hideSubmenu(el); }
		}
	});
	
	// initiate all tooltips
	var fb_mooTip = new MooTips($$('.mooTip'));
	
});

function showSubmenu(el)
{	
	el.style.display = 'block';	
}

function hideSubmenu(el)
{	
	el.style.display = 'none';	
}

function simulateOnChange() {

   var XHR = new Ajax('/job/random', {method: 'get', onComplete: setJob}).request();



}

function setJob(sResponse) {
   var obj = Json.evaluate(sResponse);

   $('jobs').innerHTML = '<h4 class="vacature">' + obj['title'] + '</h4>' + obj['text'];
   
   //alert(obj['title']);
   //for (var i=0; i<obj.length; i++) {
      //alert(obj[i]['title']);
   //} 
   //alert();
      window.setTimeout(simulateOnChange, 10000);
}
window.setTimeout(simulateOnChange, 10000);