$(document).ready(function(){
	$('.modal').click(function(e){
		e.preventDefault();
		$('body').append('<div class="modal-view"><a href="#" title="Close" class="close">Close X</a><iframe src="http://player.vimeo.com/video/'+$(this).attr('data-video')+'?title=0&amp;byline=0&amp;portrait=0" width="600" height="345" frameborder="0"></iframe><div>');
	});
	$('.image-overlay').click(function(e){
		e.preventDefault();
		$('body').append('<div class="modal-view-image"><a href="#" title="Close" class="close">Close X</a><iframe src="http://www.practicalsmallprojects.com/images/homelarge/'+$(this).attr('data-image')+'?title=0&amp;byline=0&amp;portrait=0" width="900" height="675" frameborder="0"></iframe><div>');
	});
	$('.close').live('click',function(e){
		e.preventDefault();
		$(this).parent().remove();
	});
	$('.clouds-left').animate({'left':'75%','opacity':'0'},3000, 'easeInOutQuad',function(){$(this).remove();});
	$('.clouds-right').animate({'right':'75%','opacity':'0'},3000, 'easeInOutQuad',function(){$(this).remove();});
});