$(document).ready(function(){
	//headermenu centreren
	var headerMenuWidth = $('div#header-menu ul').width();
	
	$('div#header-menu ul').css({marginLeft: Math.ceil((954-headerMenuWidth)/2)});
	
	//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;
	});
	
	// submenu tonen
	$('div#menu ul li:has(div)').mouseover( function() {
		if(!$('a',this).hasClass('selected')) {
			$('div#menu ul li a').removeClass('selected');
			$(this).children('a:first').addClass('selected');

			$('div.submenu').hide();
			$('div.submenu',this).show();	
		}
	}).mouseout(function() {
		$('div#menu ul li a').removeClass('selected');
		$('div.submenu').hide();
	});
	
	// filter menu
	$("ul.filter > li:has(div.filter-choise)").each(function(i,e) {
		$('span',e).click(function(){			
			if ($(e).hasClass('open')) {				
				$('.filter-choise',e).slideUp("normal");
				$(e).removeClass('open');
			} else {
				$('.filter-choise',e).slideDown("slow");
				$(e).addClass('open');
			}
			return false;
		});				
	});
	

	
	// Toon aantal artikelen pulldown
	$("div.show-choise").click(function() {
		$('div.choise', this).toggle();
	});
		
	// 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
	$("#zoeken").submit( function() {		
		document.location.href=$(this).attr('action') + '/' + encodeURI($('input[name="t"]').val());
		return false;
	});
		
	/* zoom */
	var afbeeldingVerhoudingX = 1;
	var afbeeldingVerhoudingY = 1;
	$('.detail-image-zoom').hide();
	$('.detail-image-large').mousemove(function(e) {		
		var x = ((e.pageX - $(this).offset().left) * -1 * afbeeldingVerhoudingX) + Math.ceil($('.detail-image-zoom').width()/2);
		var y = ((e.pageY - $(this).offset().top) * -1 * afbeeldingVerhoudingY) + Math.ceil($('.detail-image-zoom').height()/2);		

		$('.detail-image-zoom .innerzoom table').css('left', x + 'px');
		$('.detail-image-zoom .innerzoom table').css('top', y + 'px');		
	
	}).mouseover(function() {
		$('.detail-image-zoom').show();
		
		afbeeldingVerhoudingX = $('.detail-image-zoom .innerzoom img').width() / $('.detail-image-large img').width();
		afbeeldingVerhoudingY = $('.detail-image-zoom .innerzoom img').height() / $('.detail-image-large img').height();
		
		$('.detail-image-zoom .innerzoom').width($('.detail-image-large').width()*afbeeldingVerhoudingX);
		$('.detail-image-zoom .innerzoom').height($('.detail-image-large').height()*afbeeldingVerhoudingY);
				
	}).mouseout(function() {
		$('.detail-image-zoom').hide();
	});	
	
	var switchActive = false;
	var switchBanner = "";
	if($('#slider ul li').length > 1) {
		
		$('#slider ul li').eq(0).addClass('is_active');
		switchBanner = setInterval('$.switchBanners()', 6000 );
		
		$("#slider .btn").click(function(){
			if(!switchActive) {
				clearInterval(switchBanner);
				switchActive = true;
				
				$('#slider ul li').each( function(i,e) {
					if($(e).hasClass('is_active')) {				
						active = i;					
					}		    		
				});	
				
				if($(this).hasClass('prev')) {
					next =  $('#slider ul li').eq(active).prev('li').length ? active-1 : $('#slider ul li').eq(active).prev('li').length - 1;
				} else if($(this).hasClass('next')) {
					next =  $('#slider ul li').eq(active).next('li').length ? active+1 : 0;
				}
					
				$('#slider ul li').eq(active).addClass('last_active');
				$('#slider ul li').removeClass('is_active');
				$('#slider ul li').eq(next).addClass('is_active');
	
				$('#slider ul li').eq(next).css({opacity: 0.0})
			        .addClass('is_active')
			        .animate({opacity: 1.0}, 1500, function() {
			        	$('#slider ul li').eq(active).removeClass('is_active last_active');	  
			        	switchActive = false;
			    });	  
				switchBanner = setInterval('$.switchBanners()', 6000 );
			}
		});
		
	}
	
	$.switchBanners = function() {		
		if(!switchActive) {
			switchActive = true;
			$('#slider ul li').each( function(i,e) {
				if($(e).hasClass('is_active')) {				
					active = i;
					next =  $('#slider ul li').eq(active).next('li').length ? i+1 : 0;
				}		    		
			});	
				
			$('#slider ul li').eq(active).addClass('last_active');
			$('#slider ul li').removeClass('is_active');
			$('#slider ul li').eq(next).addClass('is_active');

			$('#slider ul li').eq(next).css({opacity: 0.0})
		        .addClass('is_active')
		        .animate({opacity: 1.0}, 1500, function() {
		        	$('#slider ul li').eq(active).removeClass('is_active last_active');	  
		        	switchActive = false;
		    });	   	
		}
	}
	
});