// ACCORDION
$(function() {$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});});



// TABS
$(function() {$("ul.css-tabs:first").tabs("div.css-panes:first > div");});

// TOOLTIP-1
$(document).ready(function() {
// initialize tooltip
$("#dyna img[title]").tooltip({	
// use single tooltip element for all tips
tip: '#dynatip', 
// tweak the position
offset: [10, 2],
// use "slide" effect
effect: 'slide'
// add dynamic plugin 
}).dynamic( {
// customized configuration on bottom edge
bottom: {
// slide downwards
direction: 'down',
// bounce back when closed
bounce: true
}
});
});

// TOOLTIP-2
$(document).ready(function() {
// initialize tooltip
$("#dyna2 img[title]").tooltip({	
// use single tooltip element for all tips
tip: '#dynatip2', 
// tweak the position
offset: [10, 2],
// use "slide" effect
effect: 'slide'
// add dynamic plugin 
}).dynamic( {
// customized configuration on bottom edge
bottom: {
// slide downwards
direction: 'down',
// bounce back when closed
bounce: true
}
});
});

// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready
$(document).ready(function() {$("#download_now").tooltip({ effect: 'slide'});});


// SCROLL
// execute your scripts when the DOM is ready. this is a good habit 
$(function() { 
    // initialize scrollable 
    $("div.scrollable").scrollable(); }); 

// SCROLL - BROWSABLE
<!-- javascript coding -->
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready
$(document).ready(function() {

// initialize scrollable together with the navigator plugin
$("#browsable").scrollable().navigator();	
});