Travis Mathew Store Starter

<div style="margin-bottom: 15px;"><a href="#"><img src="/img/storepic910.jpg" width="715" height="346" /></a></div>
 
<div class="mediaItemLarge itemBorder">
<div class="mediaItemLargeInner fadeClip" id="mediaSnipe1">
<a href="/shop/cart.php?m=product_list&c=22">
<img src="/img/storepic450-magestic.jpg" width="450" height="220" />
<h2 class="itemTL itemLight fadeItem">Magestic Collection</h2>
<h3 class="fadeSub">Shop the Magestic Collection in the TM Store</h3>
</a>
</div>
</div>
 
<div class="mediaItemSmall">
<div class="mediaItemSmallInner fadeClip" id="mediaSnipe2">
<a href="/poloclub/">
<img src="/img/storepic250-polo.jpg" width="250" height="220" />
<h2 class="itemTL itemLight fadeItem">Polo Club</h2>
<h3 class="fadeSub">Limited Edition Pieces By Mail</h3>
</a>
</div>
</div>
 
<div class="mediaItemSmall itemBorder finalRow">
<div class="mediaItemSmallInner fadeClip" id="mediaSnipe3">
<a href="/shop/cart.php?m=product_list&c=22">
<img src="/img/storepic250-belt2.jpg" width="250" height="220" />
<h2 class="itemTL itemLight fadeItem">New Belts</h2>
<h3 class="fadeSub">The Bruno and Matte</h3>
</a>
</div>
</div>
 
 
<div class="mediaItemLarge finalRow">
<div class="mediaItemLargeInner fadeClip" id="mediaSnipe4">
<a href="#">
<img src="/img/storepic450-shoes.jpg" width="450" height="220" />
<h2 class="itemTL itemLight fadeItem">Travis Mathew Shoes</h2>
<h3 class="fadeSub">The Perfect Grip to Walk The Links</h3>
</a>
</div>
</div>    
 
<script type="text/javascript">
 
$(document).ready(function() {
 
$("#mediaSnipe1").hide()
.delay(500)
.fadeTo(750, 1, function() {
$('#mediaSnipe1').find(".fadeItem").fadeTo(500, 1);
});
 
$("#mediaSnipe2").hide()
.delay(1000)
.fadeTo(750, 1, function() {
$('#mediaSnipe2').find(".fadeItem").fadeTo(500, 1);
});
 
$("#mediaSnipe3").hide()
.delay(1500)
.fadeTo(750, 1, function() {
$('#mediaSnipe3').find(".fadeItem").fadeTo(500, 1);
});
 
$("#mediaSnipe4").hide()
.delay(2000)
.fadeTo(750, 1, function() {
$('#mediaSnipe4').find(".fadeItem").fadeTo(500, 1);
});
 
$('.fadeClip').mouseenter(function(e) {
$(this).find("img").animate({ opacity: .25}, 250);
$(this).find(".fadeItem").animate({ left: "13px" }, 250);
$(this).find(".fadeSub").delay(250).fadeTo(250, 1);
}).mouseleave(function(e) {
$(this).find("img").animate({ opacity: 1}, 250);
$(this).find(".fadeItem").animate({ left: "8px" }, 250);
$(this).find(".fadeSub").fadeTo(100, 0);
});
 
});
 
</script>