// execute your scripts when DOM is ready. this is a good habit
$(function() {		
		
	// assign a click event to the exposed element. normal jQuery coding
	$("#testlowerlight").click(function() {
			
		// this simple call performs exposing
		$("#videoplayerbox,#videoadinstory").expose({color: '#000000', opacity: .85});		
		
	}
	
	
	);
});

$(document).ready(function() {
	$("#videoplayerbox").expose({color: '#000000', opacity: .0});
	$.expose.close();
	$f().play();
		$(".cover", this).stop().animate({top:'140px'},{queue:false,duration:160});
	$(".coverimg", this).stop().animate({top:'300px'},{queue:false,duration:160});
	
	 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#slickbox').hide();
   $('#sharethisbox').hide();
  
  
 
 // toggles the slickbox on clicking the noted link
	$('a#slick-toggle').click(function() {
	 $('#slickbox').slideToggle(400);
	 return false;
  });
  	$('a#sharethisbox-toggle').click(function() {
	 $('#sharethisbox').slideToggle(400);
	 return false;
  });
  
  
	 //Caption Sliding (Partially Hidden to Visible)
				$('.boxgrid.caption').hover(function(){
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
					$(".coverimg", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'140px'},{queue:false,duration:160});
					$(".coverimg", this).stop().animate({top:'300px'},{queue:false,duration:160});
				});


document.getElementById('lowerlights').style.display="block";
	 
});