$(function() {
        
		//vars
		var conveyor = $(".conveyor", $(".contents_box")),
		item = $(".item", $(".contents_box"));
		
		//set length of conveyor
		conveyor.css("width", item.length * parseInt(item.css("width")));
				
        //config
        var sliderOpts = {
		  max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer", $(".contents_box")).css("width")),
          slide: function(e, ui) { 
            conveyor.css("left", "-" + ui.value + "px");
          }
        };

        //create slider
        $("#slider").slider(sliderOpts);
      });
	  
	$( document ).ready( function (){
	$('#menu').scrollFollow({
	
                    speed: 300,
                    offset: 0,
	});
	});
	
	//To switch directions up/down and left/right
	$(document).ready(function(){
		$('.boxgrid.slidedown').hover(function(){
		$(".cover", this).stop().animate({top:'-300px'},{queue:false,duration:300});
		}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
		});

		$('.boxgrid.slideright').hover(function(){
		$(".cover", this).stop().animate({left:'325px'},{queue:false,duration:300});
		}, function() {
		$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
		});
			});