$('document').ready(function() {

	if (!(jQuery.browser.msie && parseInt(jQuery.browser.version)<7)) {
		// IE6 makes such a hash of the slider we're just disabling the whole thing
		// IE doesn't support transparent PNGs before version 7, so don't put these images in (they're not important, just look nice)
		//$('#scroll-holder').append('<img class="fader_left" src="/images/left_fade.png" />');
		//$('#scroll-holder').append('<img class="fader_right" src="/images/right_fade.png" />');
		// the fade edges don't sit well in the design
		$('#scroll-holder').append('<div id="prev_next_controls"><a class="previous" href="javascript:void(0)">Prev</a><a class="next" href="javascript:void(0)">Next</a></div>');
		
		var slide_panels = $('#slider > li');
		var slide_container = $('#slider');
		var horizontal = true;

		if (horizontal) {
			slide_panels.css({
				'float' : 'left',
				'position' : 'relative' // IE fix to ensure overflow is hidden
			});
			slide_container.css('width', slide_panels[0].offsetWidth * slide_panels.length);
		}

		var scroll_var = $('#scroll-holder .scroll').css('overflow', 'hidden');

		/*function selectNav() {
			$(this)
				.parents('ul:first')
				.find('a')
				.removeClass('selected')
				.end()
				.end()
				.addClass('selected');
		}

		$('#products-navigation').find('a').click(selectNav);

		function trigger(data) {
			var el = $('#products-navigation:first').find('a[href$="' + data.id + '"]').get(0);
			selectNav.call(el);
		}*/

		/*if (window.location.hash) {
			trigger({ id : window.location.hash.substr(1) });
		} else {
			$('#products-navigation a:first').click();
		}*/

		var offset = parseInt((horizontal ?
			slide_container.css('paddingTop') :
			slide_container.css('paddingLeft'))
			|| 0) * -1;

		var scrollOptions = {
			target: scroll_var,
			items: slide_panels,
			/*navigation: '#products-navigation a',*/
			prev: 'a.previous',
			next: 'a.next',
			axis: 'x',
			/*onAfter: trigger,*/
			offset: offset,
			duration: 500,
			// easing - can be used with the easing plugin:
			// http://gsgd.co.uk/sandbox/jquery/easing/
			easing: 'swing',
			interval: 10000,
			force: 1,
			constant: 0
		};

		$('#scroll-holder').serialScroll(scrollOptions);

		// $.localScroll(scrollOptions);

		// scrollOptions.duration = 1;
		// $.localScroll.hash(scrollOptions);
	}

});