// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready
$(document).ready(function() {
 
 
 
// main vertical scroll
$("#main").scrollable({
 
	// basic settings
	vertical: true,
	size: 1,
	clickable: false,
	items: "pages",
	// up/down keys will always control this scrollable
	keyboard: 'static',
 
	// assign left/right keys to the actively viewed scrollable
	onSeek: function(event, i) {
		horizontal.scrollable(i).focus();
	}
 
// main navigator (thumbnail images)
}).navigator("#main_navi");
 
// horizontal scrollables. each one is circular and has its own navigator instance
var horizontal = $(".scrollable").scrollable({size: 1,clickable:true,next:".nexti",prev:".previ"}).circular().navigator({navi: ".navi",naviItem:'a'});
 
 
// when page loads setup keyboard focus on the first horzontal scrollable
horizontal.eq(0).scrollable().focus();
 
$(".video1").colorbox({iframe:true, innerWidth:640, innerHeight:380});


});