$(document).ready(function(){

	//als class firstlink is dan hele blok als link door middel van 1 a tag
	$('.firstlink').each(function() {
		$(this).click(function() {
			document.location.href = $(this).find('a[href]').get(0).href;
		});
		$(this).bind('mouseenter',function() {
			$(this).find('a[href]').eq(0).addClass('hover');
		});
		$(this).bind('mouseleave',function() {
			$(this).find('a[href]').eq(0).removeClass('hover');
		});
	});

	// a tag met de class new-window openen in een nieuw venster
	$('a.new-window').click(function(){
	   window.open(this.href);
	   return false;
	});
	

	// hoofdmenu -> submenu tonen
	$('div#menu ul li.firstlink').mouseover( function() {
		if(!$('a',this).hasClass('selected')) {
			$('div#menu ul li.firstlink a').removeClass('selected');
			$('a',this).eq(0).addClass('selected');
			
			$('div.submenu').hide();
			$('div.submenu',this).show();	
		}
	}).mouseout(function() {
		$('div#menu ul li.firstlink a').removeClass('selected');
		$('div.submenu').hide();
	});

	// zoekblok tekst
	$('.input-search').each( function() {
		valueSearch = $(this).val();		
		$(this).focus( function() {
			if($(this).val() == valueSearch) {
				$(this).attr("value","");
			}
		});
		$(this).blur( function() {
			if($(this).val() == "") {
				$(this).attr("value",valueSearch);
			}
		});
	});
	
	//zoek functie
	$("#search-form").submit( function() {		
		document.location.href=$(this).attr('action') + '/' + encodeURI($('input[name="t"]').val());
		return false;
	});
		
	if($("div#brands-block").length > 0) {
		$("div#brands-block").smoothDivScroll({
			autoScroll: "onstart",
			autoScrollDirection: "endlessloopright",
			autoScrollStep: 1,
	        autoScrollInterval: 10,
			scrollWrapper: "div.wrapper",
			scrollableArea: "div.area"
		});
		
		$("div#brands-block .brand img").fadeTo(0,0.3);
		
		$("div#brands-block .brand").hover(
			function() {
				$("img",this).fadeTo(0,1);
			}, 
			function() {
				$("img",this).fadeTo(0,0.3);
			}
		);
	    
		// Mouse over
		$("div#brands-block").bind("mouseover", function(){
			$("div#brands-block").smoothDivScroll("stopAutoScroll");
		});
		
		// Mouse out
		$("div#brands-block").bind("mouseout", function(){
			$("div#brands-block").smoothDivScroll("startAutoScroll");
		});
	}
	
	$("div.categorie").hover(
		function() {
			$('div.categorie-menu',this).slideDown('fast');
		},
		function() {
			$('div.categorie-menu',this).slideUp('fast');
		}	
	);

	// nieuwsbrief aanmelden tekst
	$('.newsletter-email').each( function() {
		value = $(this).val();		
		$(this).focus( function() {
			if($(this).val() == value) {
				$(this).attr("value","");
			}
		});
		$(this).blur( function() {
			if($(this).val() == "") {
				$(this).attr("value",value);
			}
		});
	});
	
	$("#subscribe form").submit(function() {		
		$.ajax({
			url: "nieuwsbrief/",
			type: 'POST',
			data: $(this).serialize(),
			dataType: 'json',
			success: function(data) {
				$('.newsletter-error').html(data['description']);
				$('.newsletter-error').show('slow');
			}
		});	
		return false;
	});
	
	$(".cm-formulier-form-table .label").each(function(i,e){		
		$(e).html($(e).html().replace(/&nbsp;/g," "));
	});
	
	
	//banners home switch
	var switchActive = false;
	var switchBanner = "";
	if($('.home-banner .banner').length > 1) {
	
		$('.home-banner .banner').eq(0).addClass('is_active');
		switchBanner = setInterval('$.switchBanners()', 3000 );
	}
	
	$.switchBanners = function() {		
		if(!switchActive) {
			switchActive = true;
			$('.home-banner .banner').each( function(i,e) {
				if($(e).hasClass('is_active')) {				
					active = i;
					next =  $('.home-banner .banner').eq(active).next('.banner').length ? i+1 : 0;
				}		    		
			});	
				
			$('.home-banner .banner').eq(active).addClass('last_active');
			if($('.home-banner .banner').length > 0) {
				$('.home-banner .banner').removeClass('is_active');
				$('.home-banner .banner').eq(next).addClass('is_active');
			}
			
			$('.home-banner .banner').eq(next).css({opacity: 0.0})
		        .addClass('is_active')
		        .animate({opacity: 1.0}, 750, function() {
		        	$('.home-banner .banner').eq(active).removeClass('is_active last_active');	  
		        	switchActive = false;
		    });	   	
		}
	}
		
});

