var api ;
$(function() {
                // initialize scrollable
                api = $("div.scrollable").scrollable({
                items: '#thumbs',
                loop:true,
                speed:1000,
                interval: 3000,
                prev: "#prev",
                next: "#next", 
               onBeforeSeek: function() {
                   //this.getItems().fadeTo(300, 0.2);
               },

               // when seek ends resume items to full transparency
               onSeek: function() {
                   //this.getItems().fadeTo(300, 1);
               }
             });
});

function showmenu(id)
{
    $("#ourservice"+id).css("visibility", "visible");
}

function hidemenu(id)
{
    $("#ourservice"+id).css("visibility", "hidden");
}
