$(function () {
	
	positionrightmenu()
	
	$('#nav_left a').click (function () {
		var id = '#'+$(this).attr('id');
		var mylist = id +'_list';
		$('.video_list').hide()
		$(mylist).show();
		$('#nav_left a').css({'color':'#666'});
		$(id).css({'color':'#fff'});
		positionrightmenu()
	})
	
	$('.video_list a').click(function (){
		$('#rightcol').html('<div id="empty_window"></div>');
		var id = $(this).attr('id');
		var parent = $(this).parent().attr('id');
		if (parent=='letters_list') {
			$.get('http://www.michaelpalmieri.com/popup?id='+id, function(data) {
		  		$('#rightcol').html(data);
			});
		} else {
			$.get('http://www.michaelpalmieri.com/iframe?id='+id, function(data) {
		  		$('#rightcol').html(data);
			});
		}
	})
	
	$(window).resize(function() {positionrightmenu()});

})

function positionrightmenu() {
	var nlheight = $('#nav_left').height();
	var nloffset = $('#nav_left').offset();
	var verticalmiddlepoint = (nlheight/2 + nloffset.top);
	var nrheight = $('#nav_right').height();
	var verticalrightoffset = verticalmiddlepoint - (nrheight/2);
	$('#nav_right').css ({'top':verticalrightoffset})
	
	var horizontalrightoffset = (nloffset.left + 145);
	$('#nav_right').css ({'left':horizontalrightoffset})
}