$(document).ready(function(){
	
	// Add the rollover images in using JS
	$('img','.gallery-item').each(function()
	{
		$(this).before('<span class="thumb_hover"><img width="250" height="250" alt="" src="/wp-content/themes/handsomefrank/images/250x250_hover.png"></span>');
	});
	
	$('p.collapseText').hide();
	
	$('p.collapseLabel a').click(function()
	{
		$(this).parent().next().slideToggle();
	});
	
	// Manages + image on 250x250 rollover:
	$(".thumb_hover").fadeTo(1, 0.0); // Set to fade down to 30% when the page loads
	$("span.thumb_hover").css({zIndex:"100"}); // Hide Image From CSS Fallback
	$(".thumb_hover").hover(function(){
		if($.browser.msie){
			$(this).fadeTo(150, 0.7); // Set the opacity to 70% on hover for IE
		}
		else{
			$(this).fadeTo(150, 1.0); // Set the opacity to 100% on hover for all other browser
		}
	},function(){
	$(this).fadeTo(150, 0.0); // Set the opacity back to 0% on mouseout
	});
});