jQuery(function( $ ){
	//$.cacheImage('static/images/text/hoe-werkt-het.jpg');

	/**
	 * Most jQuery.localScroll's settings, actually belong to jQuery.ScrollTo, check it's demo for an example of each option.
	 * @see http://flesler.demos.com/jquery/scrollTo/
	 * You can use EVERY single setting of jQuery.ScrollTo, in the settings hash you send to jQuery.LocalScroll.
	*/
	
	/**
	 * Restart the scroll position to ( 0, 0 ) (Firefox doesn't reset it)
	 * could use $(target).scrollTo( 0, {axis:'xy'));
	 * but this needs to be quick(synchronous), to reset before $.localScroll.hash() begins
	*/
	
	$('#content').attr({scrollTop:0,scrollLeft:0});
	
	var target	= $('a[href="' + document.location.hash + '"]','#navigation li');
	if(target.length > 0) {
		var item = target.parent();
		var menu = item.parent();		
		target.toggleClass('current');
		item.toggleClass('active');
		menu.attr('class',target.attr('class'));
		
		// replace the default pageview, because hashes make it a sad panda
		s = '/index.aspx' + target.attr('href');	
		if(dcsMultiTrack) dcsMultiTrack('DCS.dcsuri', s.replace(/#/, '%23'), 'WT.ti', target.attr('class').replace(' current', '').replace(' scrolling', ''));
	}
	
	// Scroll initially if there's a hash (#something) in the url 
	$.localScroll.hash({
		target: '#content', //could be a selector or a jQuery object too.
		axis:'xy',//the default is 'y'
		queue:true,
		duration:0
	});
	
	var $last = $([]);//save the last link
	
	/**
	 * NOTE: I use $.localScroll instead of $('#navigation').localScroll() so I
	 * also affect the >> and << links. I want every link in the page to scroll.
	 */
	$.localScroll({
		target: '#content', //could be a selector or a jQuery object too.
		axis:'xy', //the default is 'y'
		queue:true,
		duration:2500,
		hash:true,
		onBefore:function( e, anchor, $target ){//'this' is the clicked link
			$('a.left,a.right','.inline-navigation').fadeOut(100);
			setTimeout("$('a.left,a.right','.inline-navigation').fadeIn()", 1500);
			
			$last.removeClass('scrolling');
			$last = $(this).addClass('scrolling');
			if( this.blur )
				this.blur(); //remove the awful outline
		},
		onAfter:function( anchor ){
			$last.removeClass('scrolling');
		}
	});
	
	//deeplinken current state setten
	
	// set current menu item from main navigation
	$('a','#navigation li').click(function(){
		$('.current','#navigation').toggleClass('current');
		$('.active','#navigation').toggleClass('active');
		
		var link = $(this);
		var item = link.parent();
		var menu = item.parent();
		var itemIndex = $('li', menu).index(item);
		
		link.toggleClass('current');
		item.toggleClass('active');
		menu.attr('class', link.attr('class'));
		
		var ns = $('#navigation_signs');
		if(itemIndex == 3) ns.css({ backgroundPosition: '0 0' });
		if(itemIndex > -1 && itemIndex < 3) ns.css({ backgroundPosition: '0 -25px' });
		if(itemIndex > 3)  ns.css({ backgroundPosition: '0 -50px' });
		
		s = '/index.aspx' + link.attr('href');
		dcsMultiTrack('DCS.dcsuri', s.replace(/#/, '%23'), 'WT.ti', link.attr('class').replace(' current', '').replace(' scrolling', ''));
	});
	
	// set current menu item from inline navigation (from within slide)
	$('a[rel!=external]','.slide').click(function(){
		if(!this.hash) return;
		
		$('.current','#navigation').toggleClass('current');
		$('.active','#navigation').toggleClass('active');
		
		var pointer	= $(this).attr('href');
		var target	= $('a[href="'+pointer+'"]','#navigation li');
		
		if(target.length > 0) {
				
			var item = target.parent();
			var menu = item.parent();
			var itemIndex = $('li', menu).index(item);
		
			target.toggleClass('current');
			item.toggleClass('active');
			menu.attr('class',target.attr('class'));
		
			var ns = $('#navigation_signs');
			if(itemIndex == 3) ns.css({ backgroundPosition: '0 0' });
			if(itemIndex > -1 && itemIndex < 3) ns.css({ backgroundPosition: '0 -25px' });
			if(itemIndex > 3)  ns.css({ backgroundPosition: '0 -50px' });
			
		}
		
		var s = '/index.aspx' + this.hash;
		var c = target.attr('class') || this.hash.replace('#', '');
		dcsMultiTrack('DCS.dcsuri', s.replace(/#/, '%23'), 'WT.ti', c.replace(' current', '').replace(' scrolling', ''));
	});
	
	// when label is clicked, click first anchor
	$('label','#navigation li').click(function(){
		$(this).next().click();
	});
	
	//go to start
	//$('a.current','#navigation li').click();
	
	//preview edm
	 $('a.preview').lightBox();
	
	//search microsoft or web
	$('.microsoft', '.search').click(function(){
		var sKey =  $('input.text', '.search').val();
		window.open("http://search.microsoft.com/results.aspx?form=MSHOME&mkt=nl-NL&setlang=nl-NL&q="+sKey);
		return false;
	});
	$('.web', '.search').click(function(){
		var sKey =  $('input.text', '.search').val();
		window.open("http://search.live.com/results.aspx?form=MSHPLS&q="+sKey+"&mkt=nl-NL");
		
		return false;
	});
	// set current menu item from inline navigation (from within slide)
	$('a[rel=external]','.slide').click(function(){
		window.open($(this).attr("href"));
		return false;
	});
});