$(document).ready(function() {

    // Tooltip 
    function tooltip() {
        xOffset = 10;
        yOffset = 0;
        $(".toolTip").hover(function(e) {
            this.t = this.title;
            this.title = "";
			$(this).append("<div id='tooltip'><div id='tooltiptop'></div><div id='tooltiptext'>" + this.t + "</div><div id='tooltipbottom'></div></div>");
			$("#tooltip")
				.css("top", "-" + ($('#tooltip').height() + 5) + "px")
				.css("left", 25 + "px")
				.fadeIn("fast");
        }, function() {
		    this.title = this.t;
		    $("#tooltip").remove();
		});
    };
	
    // Fancybox 
	$(".imgpop").fancybox();
	
    // MijnProWonen home Slider 
	$('.mpw_KolomMetSlider').cycle({
		fx: 		'scrollUp',
		timeout:	5000,
		pager:		'.mpw_KolomMetSliderNav',
		speed:		500
	});
	
    tooltip();
});


/* Uitbreiding Cycle */

$.fn.cycle.transitions.scrollBothWays = function($cont, $slides, opts) {
	$cont.css('overflow','hidden');
	opts.before.push($.fn.cycle.commonReset);

	// custom transition fn (trying to get it to scroll forward and backward)
	opts.fxFn = function(curr, next, opts, cb, fwd) {
		
		var w = $cont.width();
		opts.cssFirst = { left: 0 };
		opts.animIn	  = { left: 0 };
		
		if(fwd){
			opts.cssBefore= { left: w, top: 0 };
			opts.animOut  = { left: 0-w };
		}else{
			opts.cssBefore= { left: -w, top: 0 };
			opts.animOut  = { left: w };
		};
		var $l = $(curr), $n = $(next);
		var speedIn = opts.speedIn, speedOut = opts.speedOut, easeIn = opts.easeIn, easeOut = opts.easeOut, animOut = opts.animOut, animIn = opts.animIn;
		$n.css(opts.cssBefore);
		var fn = function() {$n.show();$n.animate(animIn, speedIn, easeIn, cb);};
		$l.animate(animOut, speedOut, easeOut, function() {
			if (opts.cssAfter) $l.css(opts.cssAfter);
			if (!opts.sync) fn();
		});
		if (opts.sync) fn();
	};
};