// JavaScript Document

jQuery(document).ready(function(){
	
	$("img.inner-image").parent().wrap('<div class="image" />');
	$("img.inner-image").parent().parent().append('<img src="images/bg-image.png" alt="" class="imgback" />');
	$("img.inner-image").css({marginTop:'10px', marginLeft:'4px'});
	
	jQuery(".image").hover(function(){
		var e = this;
		$(e).find("img.inner-image").stop(true, true);
		$(e).find("img.inner-image").animate({marginTop:'6px'},250);
		$(e).find("img.imgback").animate({marginTop:'175px', marginLeft:'7px',width:"90%"},250);
		},function(){
			var e = this;
			$(e).find("img.inner-image").animate({marginTop:'10px'},250);
			$(e).find("img.imgback").animate({marginTop:'165px', marginLeft:'0px', width:"100%"},250); // This should set the opacity back to 30% on mouseout
	});
});