//$(function () {
//    var top = $('#showproduct').offset().top - parseFloat($('#showproduct').css('margin-top').replace(/auto/, 0));
//    $(window).scroll(function (event) {
//      // what the y position of the scroll is
//      var y = $(this).scrollTop();
//      // whether that's below the form
//      
//      if (y >= (top-40)) {
//        // if so, ad the fixed class
//        $('#showproduct').addClass('fixed');
//      } else {
//        // otherwise remove it
//        $('#showproduct').removeClass('fixed');
//      }
//    });
//});
$().ready(function() {
    if ($("#showproduct").length > 0) {
	    var $scrollingDiv = $("#showproduct");
	    var top = $('#showproduct').offset().top - parseFloat($('#showproduct').css('margin-top').replace(/auto/, 0));
	    $(window).scroll(function(){	
            var y = $(this).scrollTop();
            if (y >= (top-40)) {
		        $scrollingDiv
			        .stop()
			        .animate({"marginTop": ($(window).scrollTop() - 140) + "px"}, "slow" );	
	        } else {
			        $scrollingDiv.css('margin-top',0);
    			    
	        }
	    });
    }
});