(function($) {
 $.extend($.fx.step,{
    backgroundPosition: function(fx) {
    if (fx.state === 0 && typeof fx.end == 'string') {
    var start = $.curCSS(fx.elem,'backgroundPosition');
    start = toArray(start);
    fx.start = [start[0],start[2]];
    var end = toArray(fx.end);
    fx.end = [end[0],end[2]];
    fx.unit = [end[1],end[3]];
    }

    var nowPosX = [];
    nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
    nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];           
    fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];
    curBackgroundPosX = (parseFloat(nowPosX[0].replace("px","")));
    curBackgroundPosY = (parseFloat(nowPosX[1].replace("px","")));

            function toArray(strg){
                strg = strg.replace(/left|top/g,'0px');
                strg = strg.replace(/right|bottom/g,'100%');
                strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
                var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
                return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
            }
        }
    });
})(jQuery);


// Uitvoeren bij laden pagina.
    $(document).ready(function(){
        doCollegas();
        doMedewerkers();
        doPortfolioItemsInit();

    if ($('#main').children('form').size() == 0) {
        $('.contactformVerplicht').hide();
    }

})

var curBackgroundPosX = 0;
var curBackgroundPosY = 0;

// Follow link script

	function goLink(lnk)
	{
		
		if (lnk.indexOf("javascript:") < 0)
		{
			
			location.href=lnk;	
		}
		else
		{
			return false;	
		}
	}

function doPortfolioItemsInit() {
    var height = $('ul.portfolio').height();
    $('ul.portfolio').css('height', height);
    
    

    var height = $("ul.portfolio li.active:first").height();
    var nr = $("ul.portfolio li.active:first").attr("item");
    var pos = ((nr-1)*height);

    $('ul.portfolio').css({ backgroundPosition: "159px " + pos + "px" });


    $("ul.portfolio li.active").mouseover(function() {
       
        var height = $(this).height();
        //alert($('ul.portfolio').height());
        var nr = $(this).attr("item");
        var pos = ((nr-1)*height);

        if ($(this).parent().is(":animated"))
        $(this).parent().stop();
        $(this).parent().css({ backgroundPosition: "159px " + curBackgroundPosY + "px" }).animate({ backgroundPosition: "(159px " + pos + "px)" }, 1000, 'swing');
    });
}