function doMedewerkers()
{
	/* Mouseover image medewerker */
	$("ul#medewerkers li").hover(function(){
		var a = $(this).attr("afdeling");
		var b = a.indexOf("|", 1);
		if (b>0)
			a = a.substr(0,b);
		
		if ($("ul#medewerkers li:not([afdeling*=" + a + "])").is(":animated"))
			$("ul#medewerkers li:not([afdeling*=" + a + "])").stop();
		$("ul#medewerkers li:not([afdeling*=" + a + "])").fadeTo("medium",0.2);
		
		if ($("ul#medewerkers li[afdeling*=" + a + "]").is(":animated"))
			$("ul#medewerkers li[afdeling*=" + a + "]").stop();
		$("ul#medewerkers li[afdeling*=" + a + "]").fadeTo("medium",1);
		
		//$("#debug").html("|>" + a + "<|");
	
        $("ul.afdelingen li[afdeling=" + a + "] a").addClass("active");
        $("ul.afdelingen li:not([afdeling=" + a + "]) a").removeClass("active");

    /*
		if ($("ul.afdelingen li[afdeling=" + a + "] .libg").is(":animated"))
			$("ul.afdelingen li[afdeling=" + a + "] .libg").stop();
		$("ul.afdelingen li[afdeling=" + a + "] .libg").fadeTo("medium",0);
		
		if ($("ul.afdelingen li:not([afdeling=" + a + "]) .libg").is(":animated"))
			$("ul.afdelingen li:not([afdeling=" + a + "]) .libg").stop();
		$("ul.afdelingen li:not([afdeling=" + a + "]) .libg").fadeTo("medium",1);
    */

		if ($("#toolTip").is(":animated"))
			$("#toolTip").stop();
		if(a != 'leeg')
            $("#toolTip").show();
		
	},function(){
		if ($("#toolTip").is(":animated"))
			$("#toolTip").stop();
		$("#toolTip").hide();
			
	});
	
	/* Verplaats tooltip met muis mee */
	$("ul#medewerkers li").bind("mousemove",function(e){
		var xOffset = 0; //-460;
		var yOffset = -35; //-124;
		var yOffsetW = $('#mainWrapper').offset().top;
        var xOffsetW = $('#mainWrapper').offset().left;
        var xPos = e.pageX + xOffset - xOffsetW;
		var yPos = e.pageY + yOffset - yOffsetW;
		var tWidth = $("#toolTip").width();
	//	var maxWidth = $("#left").width() + $("#main").width();
		var maxWidth = $("ul#medewerkers").width() + $("#mainLeft").width();
       // alert(maxWidth);
		var posWidth = xPos+tWidth;	
        maxWidth = maxWidth + 60;
		if ($("#toolTip").is(":animated")) {
			$("#toolTip").stop();
        }

		if (posWidth > maxWidth)
		{
			//$("#debug").html("|>" + xPos + "<|>" + maxWidth + "<|>" + posWidth + "<|");
			$("#toolTipTop").addClass("toolTipTopR");
			$("#toolTipMiddle").addClass("toolTipMiddleR");
			$("#toolTipBottom").addClass("toolTipBottomR");
			$("#toolTipText").addClass("toolTipTextR");
			$("#toolTip").css("top",yPos + "px").css("left",xPos-tWidth-25 + "px");
		}
		else
		{
			//$("#debug").html("|>" + xPos + "<|>" + maxWidth + "<|>" + posWidth + "<|");
			$("#toolTipTop").removeClass("toolTipTopR");
			$("#toolTipMiddle").removeClass("toolTipMiddleR");
			$("#toolTipBottom").removeClass("toolTipBottomR");
			$("#toolTipText").removeClass("toolTipTextR");
			$("#toolTip").css("top",yPos + "px").css("left",xPos +35+ "px");
		}
		
		var oldMID = $("#toolTipText").attr("val");
		
		//$("#debug").html("|>" + oldMID + "<|>" + $(this).attr("mid") + "<|");
		if (oldMID != $(this).attr("mid"))
		{
            var mid = $(this).attr('mid');

            var i, medewerker;
            for(i = 0; medewerker = window.medewerkers[i]; i++) {

                if(mid == 0){
                        $('#medewerkerImg').attr('src', 'files/medewerkers/vacature.jpg');
                        $('#medewerkerImg').attr('alt', 'Vacature');
                        $('#medewerkerImg').attr('title', 'Vacature');

                        $('#medewerkerNaam').html('Vacature');
                        $('#medewerkerTitel').html('');

                        $('#medewerkerOnderregel').html('');
                        $('#medewerkerLink').html(medewerker.klikVacature);

                }else if(mid == medewerker.id) {


                    $('#medewerkerImg').attr('src', 'files/medewerkers/' + medewerker.medewerkers_foto);
                    $('#medewerkerImg').attr('alt', medewerker.medewerkers_naam);
                    $('#medewerkerImg').attr('title', medewerker.medewerkers_naam);

                    $('#medewerkerNaam').html(medewerker.medewerkers_naam);
                    $('#medewerkerTitel').html(medewerker.medewerkers_titel);

                    $('#medewerkerOnderregel').html(medewerker.medewerkers_onderregel);
                    $('#medewerkerLink').html(medewerker.klikDetails);
                }
            }
//			$("#toolTipText").html(medewerkerArray[$(this).attr("mid")]);
			$("#toolTipText").attr("val",$(this).attr("mid"));
			//doToolTipSIFR();
		}

	});
	
	/* Verlaten van medewerker container of afdeling container */
	$("#medewerkerContainer, #afdelingenContainer").bind("mouseleave",function(){
		if ($("ul#medewerkers li").is(":animated"))
			$("ul#medewerkers li").stop();
		$("ul#medewerkers li").fadeTo("medium",1);

		if ($("ul.afdelingen li .libg").is(":animated"))
			$("ul.afdelingen li .libg").stop();
		$("ul.afdelingen li .libg").fadeTo("medium",1);
	});
	
	/* Mouseover afdeling */
	$("ul.afdelingen li").hover(function(){
		var a = $(this).attr("afdeling");
		//$("#debug").html("|>" + a + "<|");
		if ($("ul#medewerkers li:not([afdeling*=|" + a + "])").is(":animated"))
			$("ul#medewerkers li:not([afdeling*=|" + a + "])").stop();
		$("ul#medewerkers li:not([afdeling*=|" + a + "])").fadeTo("medium",0.3);
		
		if ($("ul#medewerkers li[afdeling*=|" + a + "]").is(":animated"))
			$("ul#medewerkers li[afdeling*=|" + a + "]").stop();
		$("ul#medewerkers li[afdeling*=|" + a + "]").fadeTo("medium",1);
	},function(){
	});
}

function doCollegas()
{
	/* Mouseover image collegas */
	$("ul.collegas li").hover(function(){
		var a = $(this).attr("afdeling");
		var b = a.indexOf("|");
		if (b>0)
			a = a.substr(0,b);
		
		if ($("ul.collegas li:not([afdeling=" + a + "])").is(":animated"))
			$("ul.collegas li:not([afdeling=" + a + "])").stop();
		$("ul.collegas li:not([afdeling=" + a + "])").fadeTo("medium",0.2);
		
		if ($("ul.collegas li[afdeling=" + a + "]").is(":animated"))
			$("ul.collegas li[afdeling=" + a + "]").stop();
		$("ul.collegas li[afdeling=" + a + "]").fadeTo("medium",1);
		
		//$("#debug").html("|>" + a + "<|");
		
		if ($("ul.afdelingen li[afdeling=" + a + "] .libg").is(":animated"))
			$("ul.afdelingen li[afdeling=" + a + "] .libg").stop();
		$("ul.afdelingen li[afdeling=" + a + "] .libg").fadeTo("medium",0);
		
		if ($("ul.afdelingen li:not([afdeling=" + a + "]) .libg").is(":animated"))
			$("ul.afdelingen li:not([afdeling=" + a + "]) .libg").stop();
		$("ul.afdelingen li:not([afdeling=" + a + "]) .libg").fadeTo("medium",1);
		if ($("#toolTip").is(":animated"))
			$("#toolTip").stop();
		$("#toolTip").show();
		
	},function(){
		if ($("#toolTip").is(":animated"))
			$("#toolTip").stop();
		$("#toolTip").hide();
			
	});
	
	/* Verplaats tooltip met muis mee */
	$("ul.collegas li").bind("mousemove",function(e){
	//	var xOffset = -455;
	//	var yOffset = -130;
	//	var xPos = e.pageX + xOffset;
	//	var yPos = e.pageY + yOffset;
	//	var tWidth = $("#toolTip").width();
	//	var maxWidth = $("#left").width() + $("#main").width();
	//	var maxWidth = $("#content").width();
	//	var posWidth = xPos+tWidth;



		var xOffset = 0; //-460;
		var yOffset = -35; //-124;
		var yOffsetW = $('#mainWrapper').offset().top;
        var xOffsetW = $('#mainWrapper').offset().left;
        var xPos = e.pageX + xOffset - xOffsetW;
		var yPos = e.pageY + yOffset - yOffsetW;
		var tWidth = $("#toolTip").width();
		var maxWidth = $("#content").width();
		var posWidth = xPos+tWidth;	
        maxWidth = maxWidth + 60;


		if ($("#toolTip").is(":animated"))
			$("#toolTip").stop();

		if (posWidth > maxWidth)
		{
			//$("#debug").html("|>" + xPos + "<|>" + maxWidth + "<|>" + posWidth + "<|");
			$("#toolTipTop").addClass("toolTipTopR");
			$("#toolTipMiddle").addClass("toolTipMiddleR");
			$("#toolTipBottom").addClass("toolTipBottomR");
			$("#toolTipText").addClass("toolTipTextR");
			$("#toolTip").css("top",yPos + "px").css("left",xPos-tWidth - 25 + "px");
		}
		else
		{
			//$("#debug").html("|>" + xPos + "<|>" + maxWidth + "<|>" + posWidth + "<|");
			$("#toolTipTop").removeClass("toolTipTopR");
			$("#toolTipMiddle").removeClass("toolTipMiddleR");
			$("#toolTipBottom").removeClass("toolTipBottomR");
			$("#toolTipText").removeClass("toolTipTextR");
			$("#toolTip").css("top",yPos + "px").css("left",xPos + 35 + "px");
		}
		
		var oldMID = $("#toolTipText").attr("val");
		
		//$("#debug").html("|>" + oldMID + "<|>" + $(this).attr("mid") + "<|");
		if (oldMID != $(this).attr("mid")) {

	
            var mid = $(this).attr('mid');

            var i, medewerker;
            for(i = 0; medewerker = window.medewerkers[i]; i++) {


                if(mid == medewerker.id) {


                    $('#medewerkerImg').attr('src', 'files/medewerkers/' + medewerker.medewerkers_foto);
                    $('#medewerkerImg').attr('alt', medewerker.medewerkers_naam);
                    $('#medewerkerImg').attr('title', medewerker.medewerkers_naam);

                    $('#medewerkerNaam').html(medewerker.medewerkers_naam);
                    $('#medewerkerTitel').html(medewerker.medewerkers_titel);

                    $('#medewerkerOnderregel').html(medewerker.medewerkers_onderregel);
                    $('#medewerkerLink').html(medewerker.klikDetails);
                }
            }
//			$("#toolTipText").html(medewerkerArray[$(this).attr("mid")]);
			$("#toolTipText").attr("val",$(this).attr("mid"));
			//doToolTipSIFR();
		}

	});
	
	/* Verlaten van medewerker container of afdeling container */
	$("#medewerkerContainer, #afdelingenContainer").bind("mouseleave",function(){
		if ($("ul.collegas li").is(":animated"))
			$("ul.collegas li").stop();
		$("ul.collegas li").fadeTo("medium",1);

		if ($("ul.afdelingen li .libg").is(":animated"))
			$("ul.afdelingen li .libg").stop();
		$("ul.afdelingen li .libg").fadeTo("medium",1);
	});
	
	/* Mouseover afdeling */
	$("ul.afdelingen li").hover(function(){
		var a = $(this).attr("afdeling");
		//$("#debug").html("|>" + a + "<|");
		if ($("ul.collegas li:not([afdeling=" + a + "])").is(":animated"))
			$("ul.collegas li:not([afdeling=" + a + "])").stop();
		$("ul.collegas li:not([afdeling=" + a + "])").fadeTo("medium",0.3);
		
		if ($("ul.collegas li[afdeling=" + a + "]").is(":animated"))
			$("ul.collegas li[afdeling=" + a + "]").stop();
		$("ul.collegas li[afdeling=" + a + "]").fadeTo("medium",1);
	},function(){
	});
}

