$(document).ready (function () {

	$("#menu li").hover(
		function() {
			$(this).addClass("sfhover");
		},
		function() {
			$(this).removeClass("sfhover");
		}
	);

	if ($("#slider").length > 0) {
		$("#slider").slider({ 
			orientation: "vertical",
			change: handleChange,
			slide: handleSlide,
			min: -100,
			max: 0 
		});
		
		$("#scroller").bind('mousewheel', function(event, delta) {
			$("#slider").slider("value",$("#slider").slider("value")+delta);
            return false;
        });
	}
	
	var a = self.document.location.hash.substring(1);
	var i = 0;
	$('#scroller li a').each (function(){
		if ($(this).attr('id') == a) {
			$(this).css('font-weight','bold');
			$("#slider").slider("value",i / $('#scroller li a').length * -100);
		}
		i++;
	});
	
	$('dd ul li.basket').append('<img src="/img/basket_put.png" style="float:right; margin-right:110px" />');

});

function handleChange(event, ui)
{
	var maxScroll = $("#scroller").attr("scrollHeight") - $("#scroller").height();
	$("#scroller").attr({ scrollTop: -ui.value * (maxScroll / 100) });
	// $("#scroller").animate({ scrollTop: -ui.value *	(maxScroll / 100)}, 1000);
}

function handleSlide(event, ui)
{
	var maxScroll = $("#scroller").attr("scrollHeight") -$("#scroller").height();
	$("#scroller").attr({ scrollTop: -ui.value * (maxScroll / 100) });
}