/*
* Modal layers
*/

var player_outer_top_margin = 'undefined';
function set_modal(layer_name){
  
  if((typeof(layer_name)) == 'undefined') layer_name = 'player';
  if(player_outer_top_margin == 'undefined'){
    player_outer_top_margin = parseInt($('player_outer').getStyle('marginTop'));
  }
  
	offsets = adjust_modal($(layer_name + '_layer').getHeight());
	
	// adjust top margin of layer depending on scroll offsets
	if(offsets[1] && offsets[1] > 0){
    $('player_outer').style.marginTop = ( parseInt($('player_outer').getStyle('marginTop')) + offsets[1]) + 'px';
  }
  
	$('modal').style.display = 'block';
	$('player_outer').style.display = 'block';
	$(layer_name + '_layer').style.display = 'block';
	window.onscroll = function() { adjust_modal($(layer_name + '_layer').getHeight()); };
	window.onresize = function() { adjust_modal($(layer_name + '_layer').getHeight()); };
	
}

function adjust_modal(){
	var offsets = document.viewport.getScrollOffsets();
	$('modal').style.height = document.viewport.getHeight() + offsets[1] + 'px';
  $('modal').style.width = document.viewport.getWidth() + offsets[0] + 'px';
  return offsets;
}

function close_player(layer_name){
  if((typeof(layer_name)) == 'undefined') layer_name = 'player';
	$(layer_name + '_layer').innerHTML = ''; 
	$(layer_name + '_layer').style.display = 'none';
	$('player_outer').style.display = 'none';
	$('player_outer').style.marginTop = player_outer_top_margin + 'px';
	$('modal').style.display = 'none';
	window.onscroll = function() { return true; } 
	window.onresize = function() { return true; }
}

/*
*  End layer
*/