$(document).ready(function() {

$("#prod1button").overlay({mask: '#000', effect: 'apple'});
    $("#prod2button").overlay({mask: '#000', effect: 'apple'});
    $("#prod3button").overlay({mask: '#000', effect: 'apple'});
    $("#prod4button").overlay({mask: '#000', effect: 'apple'});

    $(".slidetabs").tabs(".images .product", {

        autoplay: true,
	    // enable "cross-fading" effect
	    effect: 'fade',
	    fadeOutSpeed: "slow",

	    // start from the beginning after the last tab
	    rotate: true,
        interval:2000

    // use the slideshow plugin. It accepts its own configuration
    }).slideshow();

    

})