$(document).ready(function() {

  $(".menu-item").hover(function() {    
    var subnav = $(this).find(".sub-menu")
    var top_coord = $(this).offset().top + $(this).height()

    subnav.offset({top: top_coord})

    $(this).find(".sub-menu").show()
  }, function () {
    $(this).find(".sub-menu").hide()
  });
  
	// initialize scrollable widgets

	//$(".scrollable .items").css('left',-590*Math.floor(14*Math.random()));
	$(".scrollable").scrollable();
	var api = $(".scrollable").data("scrollable");
	api.move(Math.floor(13*Math.random()));
});