$(document).ready(function() {
	// Stuff to do as soon as the DOM is ready;
	$('#homeNav li.first').addClass('acc');
	$('#homeNav li').mouseenter(function(e){
		clearInterval(refreshIntervalID);
		$('#homeNav li.first').removeClass('acc');
		$('#homeNav li.acc').removeClass('acc');
		$(this).addClass('acc');
		var menuItem = $(this).attr('rel');
		
		$('#bgmenu').css("background-image","url('img/portal/bg-"+menuItem+".png')");
		
		if(menuItem == 'overgordijnen'){
			toFade = "#bgImgOG";
		}else if(menuItem == 'vouwgordijnen'){
			toFade = '#bgImgVG';
		}else if(menuItem == 'shutters'){
			toFade = '#bgImgSH';
		}else{
			toFade = '#bgImgDE';
		}
		$('.bgImg').fadeOut('300');
		$(toFade).fadeIn('300');

		/*
		$.ajax({ 
			type: "POST",
			url: "ajax/background/",
			data: ( {
						'postback'		: true,
						'categorie'		: item
					}),
			success: function(response) {
				//clearInterval(refreshIntervalID);
				if(response!="false"){
					$('body').css("background-image","url('cache/cp_1920_719_"+response+"')");
				}else{	
					return false;
				}
			}
		});
		*/
	});
	$('#homeNav li').mouseleave(function(e){
		//$('#homeNav li.acc').removeClass('acc');
	});
	
	
	refreshIntervalID = setInterval(function(){
		// do something every 3 seconds
		if($('#homeNav li.acc').hasClass('last')){
			//alert('last');
			$('#homeNav li.last').removeClass('acc');
			$('#homeNav li.first').addClass('acc');
			menuItem = $('.acc').attr('rel');
			$('#bgmenu').css("background-image","url('img/portal/bg-"+menuItem+".png')");
			
			if(menuItem == 'overgordijnen'){
				toFade = "#bgImgOG";
			}else if(menuItem == 'vouwgordijnen'){
				toFade = '#bgImgVG';
			}else if(menuItem == 'shutters'){
				toFade = '#bgImgSH';
			}else{
				toFade = '#bgImgDE';
			}
			$('.bgImg').fadeOut('300');
			$(toFade).fadeIn('300');
			
			/*
			$.ajax({ 
				type: "POST",
				url: "ajax/background/",
				data: ( {
							'postback'		: true,
							'categorie'		: item
						}),
				success: function(response) {
					//clearInterval(refreshIntervalID);
					if(response!="false"){
						$('body').css("background-image","url('cache/cp_1920_719_"+response+"')");
					}else{	
						return false;
					}
				}
			});
			*/
		}
		else{
			$('#homeNav').find('.acc').removeClass('acc').next().addClass('acc');
			menuItem = $('.acc').attr('rel');
			$('#bgmenu').css("background-image","url('img/portal/bg-"+menuItem+".png')");
			//alert('_'+item);
			if(menuItem == 'overgordijnen'){
				toFade = "#bgImgOG";
			}else if(menuItem == 'vouwgordijnen'){
				toFade = '#bgImgVG';
			}else if(menuItem == 'shutters'){
				toFade = '#bgImgSH';
			}else{
				toFade = '#bgImgDE';
			}
			$('.bgImg').fadeOut('300');
			$(toFade).fadeIn('300');
			
			/*
			$.ajax({ 
				type: "POST",
				url: "ajax/background/",
				data: ( {
							'postback'		: true,
							'categorie'		: item
						}),
				success: function(response) {
					//clearInterval(refreshIntervalID);
					if(response!="false"){
						$('body').css("background-image","url('cache/cp_1920_719_"+response+"')");
					}else{	
						return false;
					}
				}
			});
			*/
		}
	},5000);
});

$(window).load(function(){
	$('#preload').empty();
	$('#preload').remove();
	$('#loader').empty();
	$('#loader').remove();
});