var Home = {
	init:function() {
		/*$('#storeSliderContainer').slider({
					 //height:"200",
					 element:$('#storeSliderElements')
				   
				   });*/
		/*$('#mainSlider').slider({
					 height:275,
					 element:$('#mainSliderElements')
				   
				   });*/
           
           
           /*
		$('#featuredAlbumsSlider').slider_vert({
					 height:426,
					 width:147,
					 move:142,
					 element:$('#albumElements'),
					 type:'autoScroll'
				   
				   });
		*/
    //Get our elements for faster access and set overlay width
    var div = $('div.featuredAlbumsSlider'),
                 ul = $('ul.featuredAlbumsSlider'),
                 // unordered list's left margin
                 ulPadding = 15;

    //Get menu width
    //var divWidth = div.width();
    var divHeight = div.height();

    //Remove scrollbars
    div.css({overflow: 'hidden'});

    //Find last image container
    var lastLi = ul.find('li:last-child');

    //When user move mouse over menu
    div.mousemove(function(e){

      //As images are loaded ul width increases,
      //so we recalculate it each time
      //var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
      var ulHeight = lastLi[0].offsetTop + lastLi.outerHeight() + ulPadding;

      //var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
      //div.scrollLeft(left);
      var top = (e.pageY - div.offset().top) * (ulHeight-divHeight) / divHeight;
      div.scrollTop(top);
    });
	}
	
}

$(document).ready(function() {
	Home.init();
});