$(document).ready(function(){
    if($("#portfolioListing ul li").length > 4){
        $("#portfolioListing ul").css("position",'absolute');
        $("#portfolioListing").append("<div id='sliderContainer'><div id='slider'></div></div>");
        $("#slider").slider({orientation: "horizontal", animate: true, slide: onSlide, change: onSlide, max: parseInt($("#portfolioListing ul").css("width")) - 852});
        setupMouseWheel();
    }
    
    if (document.all) {
    	$("#header li").hover(
		  function () {
			$(this).addClass('sfhover');
		  }, 
		  function () {
			$(this).removeClass('sfhover');
		  }
		);
	}
});

function onSlide(event, ui){
    $("#portfolioListing ul").stop();
    $("#portfolioListing ul").animate({"left":-$("#slider").slider("value")},"normal");
}

function setupMouseWheel(){
    $('#portfolioListing').mousewheel(function(event, delta) {                         
	if (delta > 0)
            $("#slider").slider("value", $("#slider").slider("value") - 10);
	else if (delta < 0)
            $("#slider").slider("value", $("#slider").slider("value") + 10);
            
        onSlide(null,$("#slider").slider);
    });
}