// 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,
	speed: 900,
	// 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});


// when page loads setup keyboard focus on the first horzontal scrollable
horizontal.eq(0).scrollable().focus();

});



$(document).ready(function(){

		$('.videoThumb #details').hide().css("opacity", 0);
		
		$('.videoThumb').bind("mouseenter", (function()
		{
			$(this).children('#details').animate({width: "300px", opacity: 1},300);
		}));
		
		$('.videoThumb').bind("mouseleave", (function()
		{
			$(this).children('#details').animate({opacity: 0},200);
		}));
	  
});



$(document).ready(function() {

  	$('#contact').hide();
  	$('#videos').hide();
	/* $('#about').hide(); */
  	$('#videos_toggle span').show();
  	$('#videos_toggle2').hide();
   
  	$('#contact_toggle').click(function() {
		$('#contact').slideToggle(400);
   		return false;
	});
	
/*
	$('#about_toggle').click(function() {
		$('#about').slideToggle(400);
   		return false;
	});
*/
  
	$('#videos_toggle').click(function() {
   		$('#videos').slideToggle(400);
    	$('#videos_toggle').hide();
    	$('#videos_toggle2').show();
	});


	$('#videos_toggle2').click(function() {
    	$('#videos').slideToggle(400);
    	$('#videos_toggle2').hide();
    	$('#videos_toggle').show();
	});
   

   
  
});