$(document).ready(function(){

	$('.bottom_nav a').click(function(event){
		event.preventDefault();
		var whichVideo = $(this).attr('id');
        var reelIframe ='<iframe src="http://player.vimeo.com/video/20502364?api=1&ampplayer_id=reel&amp;title=0&amp;byline=0&amp;portrait=0" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>';
        var megadriveIframe ='<iframe src="http://player.vimeo.com/video/21141304?api=1&ampplayer_id=megadrive&amp;title=0&amp;byline=0&amp;portrait=0" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>';
        var balletIframe ='<iframe src="http://player.vimeo.com/video/23161689?api=1&ampplayer_id=ballet&amp;title=0&amp;byline=0&amp;portrait=0" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>';
		
		switch(whichVideo)
		{
		case 'reel':
		  $('#video').html(reelIframe);
		  break;
		case 'megadrive':
		  $('#video').html(megadriveIframe);
		  break;
		case 'ballet':
		  $('#video').html(balletIframe);
		  break;
		default:
		  console.log('whichVideo switch fail');
		}
		
	    // alert(whichVideo);
		$('.video').find('.show').removeClass('show').addClass('hide');
		$('.video').find('#' + whichVideo).removeClass('hide').addClass('show');
	});
	
})