// JavaScript Document

	$(document).ready(function(){
		// Add drop down images to SecondaryMenu item titles
		$("#secondaryMenu > li > a").append(' <img class="secondaryMenuExpand" src="template/default/nl/images/secondary-menu-expand.jpg" />')
		$("#secondaryMenu > li > ul")
			.prepend('<div class="secondaryMenuOverlayTop"></div>')
			.append('<img class="secondaryMenuOverlayBottom" src="template/default/nl/images/secondary-menu-overlay-bottom.png" />')
			.hide()
		$("#secondaryMenu > li").hover(
			function(){
				secondaryMenuShow(this)
			},function(){
				secondaryMenuHide(this)
			})

		$("#primaryMenu > li > ul")
			.prepend('<div class="primaryMenuOverlayTop"></div>')
			.append('<img class="primaryMenuOverlayBottom" src="template/default/nl/images/primary-menu-overlay-bottom.png" />')
			.hide()
		$("#primaryMenu > li").hover(function(){primaryMenuShow(this)},function(){primaryMenuHide(this)})
		$('#searchField').focus = function(){
			if(this.value == 'zoekterm..') this.value = ''
		}
		$('searchField').blur = function(){
			if(this.value == '') this.value = 'zoekterm..'
		}
		
		$('.productItemVertical').click(function(e){
			document.location = $(this).children('a').attr('href')
		})
		$('.productGroupItemVertical').click(function(e){
			document.location = $(this).children('a').attr('href')
		})
		$('.productItemHorizontal').click(function(e){
			document.location = $(this).children('a').attr('href')
		})
		$('.catHalf').click(function(e){
			document.location = $(this).children('h5').children('a').attr('href') 
		})
		$('#sale_carousel').jcarousel({
			animation: 'slow',
			scroll: 1,
			auto: 3,
			easing: 'swing',
			wrap: 'both',
			initCallback: mycarousel_initCallback
		})
		
		$('#useroverview .buttons a.login').click(function(){
			$('#useroverview form').submit()
			return false
		})
		
		$("a.fancybox").fancybox({
			'overlayShow': false,
			'zoomSpeedIn': 400,
			'zoomSpeedOut': 400,
			'zoomOpacity': true
		}); 
	})

	function primaryMenuShow(e){
		$("#primaryMenu *:animated :not(#"+this.id+")").stop()
		$("#primaryMenu > li > a").each(function(){this.style.zIndex = 1})
		$("#"+e.id+" > a").each(function(){
			this.style.zIndex = 100
	//		this.style.backgroundPosition = 'bottom'
		})
		$("#"+e.id+" > ul > li").hide()
		$("#"+e.id+" > ul").show()
		$("#"+e.id+" > ul > li").slideDown()
	}

	function primaryMenuHide(e){
		$("#primaryMenu *:animated :not(#"+this.id+")").stop()
		$("#"+e.id+" > a").each(function(){
//			this.style.backgroundPosition = 'top'
		})
		$("#"+e.id+" > ul > li").slideUp()
		$("#"+e.id+" > ul").hide()
	}
	
	function secondaryMenuShow(e){
		$("#secondaryMenu *:animated :not(#"+this.id+")").stop()
		$("#"+e.id+" > ul > li").hide()
		$("#"+e.id+" > ul").show()
		$("#"+e.id+" > ul > li").slideDown()
	}

	function secondaryMenuHide(e){
		$("#secondaryMenu *:animated :not(#"+this.id+")").stop()
		$("#"+e.id+" > ul > li").slideUp()
		$("#"+e.id+" > ul").hide()
	}	
	
	function mycarousel_initCallback(carousel){
		carousel.buttonNext.bind('click', function() {
			carousel.startAuto(0)
		})
		carousel.buttonPrev.bind('click', function() {
			carousel.startAuto(0)
		})
		carousel.clip.hover(function() {
			carousel.stopAuto()
		}, function() {
			carousel.startAuto()
		})
	}