$(document).ready(function(){
	$('.content-items a').mouseenter(function(){
		$(this).children('h2').fadeIn();
	})

	$('.content-items a').mouseleave(function(){
		$(this).children('h2').fadeOut();
	})

	$("a[rel^='dontsleepVideo']").prettyPhoto({
			default_width: 920,
			default_height: 518,
			show_title: false,
			autoplay: true, /* Automatically start videos: True/False */
			deeplinking: true, /* Allow prettyPhoto to update the url to enable deeplinking. */
			ie6_fallback: true,
			opacity: 0.90,
			markup: '<div class="pp_pic_holder"> \
									<div class="ppt">&nbsp;</div> \
									<div class="pp_top"> \
										<div class="pp_left"></div> \
										<div class="pp_middle"></div> \
										<div class="pp_right"></div> \
									</div> \
									<div class="pp_content_container"> \
										<div class="pp_left"> \
										<div class="pp_right"> \
											<div class="pp_content"> \
												<div class="pp_loaderIcon"></div> \
												<div class="pp_fade"> \
													<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
													<div class="pp_hoverContainer"> \
														<a class="pp_next" href="#">next</a> \
														<a class="pp_previous" href="#">previous</a> \
													</div> \
													<div id="pp_full_res"></div> \
													<div class="pp_details"> \
											           <p class="pp_description"></p> \
														<a class="pp_close" href="#">Close</a> \
													</div> \
												</div> \
											</div> \
										</div> \
										</div> \
									</div> \
									<div class="pp_bottom"> \
										<div class="pp_left"></div> \
										<div class="pp_middle"></div> \
										<div class="pp_right"></div> \
									</div> \
								</div> \
								<div class="pp_overlay"></div>'	
	});		
});

