var currentHldr = 1,
	totalNumOfBGs = 6,
	//BGnum = 1 + Math.round(Math.random() * (totalNumOfBGs - 1)),
	BGnum = 3;
	bgFadeSpeed = 2700,
	bgNamePrefix = 'http://www.smartladies.nl/content/addons/shared_addons/themes/smartladies/img/home_bg_';

function kickOff() {
	$('#bg1').fadeIn(bgFadeSpeed);
	setTimeout(loopBGs, 25000);
}

function loopBGs(){
	fadeBGs();
	setTimeout(loopBGs, 25000);
}

function fadeBGs() {
	if (currentHldr == 1) {
		var $active = $("#bg1:visible"),
			$next = $("#bg2");
	}
	if (currentHldr == 2) {
		var $active = $("#bg2:visible"),
			$next = $("#bg1");
	}
	$next.show();
	$active.stop(true,true).fadeOut(bgFadeSpeed, function() { 
    	$next.css('z-index', 3);
		$(this).css('z-index', 1).show().attr('src', bgNamePrefix + BGnum + '.jpg');
  	});
	currentHldr = (currentHldr == 1) ? 2 : 1;
	BGnum++;
	if (BGnum > totalNumOfBGs) {BGnum = 1;};
}

$(function() {
	var img1 = new Image(),
		img2 = new Image();
	$(img1).hide().attr({src: bgNamePrefix + BGnum + '.jpg', id: 'bg1'}).css('z-index', 3);
	$(img2).hide().attr({src: bgNamePrefix + (BGnum == totalNumOfBGs ? 1 : ++BGnum) + '.jpg', id: 'bg2'}).css('z-index', 1);
	$('#backgroundwrapper').prepend($(img1), $(img2));
	setTimeout(kickOff, 350);
})