// execute your scripts when the DOM is ready. this is mostly a good habit
$(function() {

	// initialize scrollable
	$(".scrollable").scrollable();

});

$(function() {
// initialize scrollable
	$(".scrollablechico").scrollable();
// setup ul.tabs to work as tabs for each div directly under div.panes
	$("ul.tabs").tabs("div.panes > div");
// :first selector is optional if you have only one tabs on the page
	$(".css-tabs:first").tabs(".css-panes:first > div");
});
// What is $(document).ready ?
$(document).ready(function() {
// initialize scrollable together with the navigator plugin
	$("#browsable, #browsable1").scrollable().navigator();
});

$(document).ready(function() {
$("#menuflash").scrollable({
	vertical: true,
	onSeek: function(event, i) {
		horizontal.eq(i).data("scrollable").focus();
	}
}).navigator("#menuflash_puntos");
var horizontal = $(".scrollablexx").scrollable({ circular: true }).navigator(".puntos");
});


//////////////////////////////////////////////////////////////////////////////
$(function() {
	$("#triggers img[rel]").overlay({mask: '#1F1F1F', effect: 'apple'});
});