$(document).ready(function(){

	$('.overlay').each(function(){
		var a = $(this).attr('href');

	});
	
	$('.overlay,.video-overlay').click(function(){
		$('#overlay-container').remove();
		
		if($(this).hasClass('overlay')){
			var overlayId = 'overlay';
		} else {
			var overlayId = 'video-overlay';
		}
		
		
		var a = $(this).attr('href');
		
		var b = "<div class=" + overlayId +" id='overlay-container'><div id='overlay-wrapper'><div id='overlay-top'><a href='#close' id='close-overlay'>x close</a></div><div id='overlay-content'></div><div id='overlay-bottom'></div></div></div>";
		$('body').append(b);
		//console.log(a);
		$('#overlay-content').load(a);
		
		return false;
	});
	
	$('#close-overlay').live('click',function(){
		$('#overlay-container').remove();
	});

});